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 Pascalowi i Matthiasowi 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.