Nowe wzory dla niesamowitych aplikacji

Poznaj fantastyczną kolekcję nowych wzorów do niesamowitych aplikacji, w tym wzory skrótu, wzory plików i wzory aplikacji.

Niezależnie od tego, co tworzysz – czy jest to aplikacja do edycji wideo nowej generacji, wciągająca gra słowna czy aplikacja do czatowania online – zawsze będziesz potrzebować kilku podstawowych elementów:

  • Aplikacja do edycji filmów prawdopodobnie pozwoli użytkownikowi zapisać zmodyfikowany film.
  • Gra może umożliwiać użytkownikowi udostępnianie postępów w grze znajomym.
  • Aplikacja do sieci społecznościowych prawdopodobnie umożliwia użytkownikowi wklejanie obrazów w postach.

Nie ma uniwersalnego sposobu na realizację tych wzorców.

To tylko kilka przykładów takich wzorów. Jest ich znacznie więcej. Wszystkie te rozwiązania mają jednak jedną wspólną cechę: nie ma uniwersalnego sposobu ich realizacji.

Udostępnianie postępów

Na przykład nie wszystkie przeglądarki implementują interfejs Web Share API, więc w niektórych przypadkach trzeba będzie zastosować inne podejście, takie jak intencje sieciowe Twittera lub kopiowanie do schowka, co jest podejściem wybranym w Wordle, gdy interfejs Web Share API nie jest zaimplementowany. Uff, ledwo udało się to zrobić:

Wordle 471 6/6

⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩

Zapisywanie plików

Jeśli chodzi o zapisywanie, zalecamy użycie interfejsu File System Access API, aby uzyskać FileSystemFileHandle, co pozwoli Ci wdrożyć prawdziwy proces zapisywania, edycji i ponowniego zapisywania. Najlepszym rozwiązaniem jest przejście na klasyczną wersję <a download>, która również umożliwia użytkownikowi zapisywanie danych, ale ma wadę polegającą na tworzeniu nowych plików przy każdym pobraniu, więc kończy się na my-video.mp4, my-video (1).mp4, my-video (2).mp4 itp.

Wklejanie obrazów

Na zakończenie przykładów wprowadzających warto wspomnieć, że nie wszystkie przeglądarki obsługują wklejanie obrazów w aplikacji internetowej. Możesz więc użyć interfejsu API Przeciąganie i upuszczanie lub wyświetlić selektor plików, co nie jest tak eleganckie jak interfejs Async Clipboard API, ale przynajmniej działa.

Nowe wzorce

Nowe sekcje wzorów:

Wzory w schowku

Wzory schowka – wszystko, co dotyczy schowka systemowego, np. kopiowanie i wklejanie różnych rzeczy.

Wzorce plików

Wzory dotyczące plików – dotyczą wszystkiego, co związane z plikami i katalogami, np. zapisywania, otwierania, przeciągania i upuszczania, odbierania lub udostępniania.

Wzorce aplikacji internetowych

Wzorce aplikacji internetowych dotyczące wszystkich zaawansowanych funkcji aplikacji, takich jak skróty do aplikacji, okresowa synchronizacja danych w tle czy wyświetlanie plakietek aplikacji.

Prześlij opinię

Mam nadzieję, że te wzorce pomogą Ci tworzyć niesamowite aplikacje. Czekamy na Twoją opinię. Możesz przesłać opinię, wysyłając tweeta do @ChromiumDev lub zgłaszając problem. W obu przypadkach dodaj tag @tomayac, abym mógł zobaczyć Twoją wiadomość.

Podziękowania

Dziękuję Joe Medley za pomoc w sprawdzaniu i edytowaniu wzorów. Dziękujemy Pete’owi LePage’owi, Ewie Gasperowicz, Rachel Andrew, Kenowi PascalowiMatthiasowi Rohmerowi za ich wsparcie techniczne i organizacyjne oraz zachęty do zrealizowania tego projektu. Cały projekt wzorów nie byłby możliwy bez pomocy autorów poszczególnych wzorów, czyli Harry'ego Theodoulou, Tony'ego Conwaya, Palancesa Liao, Cecilii Cong, Françoisa Beauforta i Joe'ego Medleya.