Poznaj fantastyczną kolekcję nowych wzorców w niesamowitych aplikacjach, w tym wzorców schowka, plików i wzorców aplikacji.
Niezależnie od tego, co tworzysz – czy to aplikacja do edycji wideo nowej generacji, wciągająca gra słowna, czy przyszła aplikacja społecznościowa online – zawsze potrzebujesz kilku podstawowych elementów:
- Aplikacja do edycji filmów prawdopodobnie pozwala użytkownikowi zapisać edytowany film.
- Gra może umożliwiać użytkownikowi udostępnianie postępów w grze znajomym.
- Aplikacja sieci społecznościowych najprawdopodobniej pozwala użytkownikom wklejać obrazy do postów.
Nie ma uniwersalnego sposobu na urzeczywistnienie tych wzorców
To tylko kilka przykładów takich wzorców, a jest ich znacznie więcej. Jednak wszystkie te cechy łączy się: nie da się ich urzeczywistnić.
Udostępniam informacje o postępach
Na przykład nie wszystkie przeglądarki korzystają z interfejsu Web Share API, więc w niektórych przypadkach trzeba będzie zastosować inne podejście, takie jak Twitter's Web Intents lub kopiowanie do schowka, które jest metodą wybraną w Wordle, gdy nie jest zaimplementowany. Uff, nie udało mi się znaleźć tego:
Wordle 471 6/6
⬛⬛⬛⬛🟨
🟩⬛⬛⬛🟨
🟩🟩🟩⬛⬛
🟩🟩🟩⬛⬛
🟩🟩🟩🟩⬛
🟩🟩🟩🟩🟩
Zapisuję pliki
Jeśli chodzi o zapisywanie, podstawową metodą jest użycie interfejsu File System Access API, dzięki czemu uzyskasz FileSystemFileHandle, który umożliwia wdrożenie prawdziwego procesu zapisywania, edytowania i zapisywania. Kolejną rzeczą, jaką należy zrobić, jest powrót do klasycznego interfejsu <a download>, który także umożliwia użytkownikowi zapisywanie danych, ale jego wadą polegającą na tworzeniu nowych plików przy każdym pobieraniu jest my-video.mp4, my-video (1).mp4, my-video (2).mp4 itd.
Wklejanie obrazów
Na koniec podajemy przykłady: nie wszystkie przeglądarki obsługują wklejanie obrazów w aplikacji internetowej. Możesz więc wrócić do korzystania z interfejsu Drag and Drop API lub skorzystać z selektora plików – nie jest on tak elegancki jak Async Clipboard API, ale przynajmniej działa.
Nowe wzorce
Aby to zmienić, nowe sekcje wzorów są teraz:
Wzory schowka
Wzorce schowka dla wszystkich elementów wymagających schowka systemowego, np. kopiowania i wklejania.
Wzorce plików
Wzorce plików dotyczące wszystkich elementów związanych z plikami i katalogami, np. zapisywaniem, otwieraniem, przeciąganiem i upuszczaniem, odbieraniem i udostępnianiem.
Wzorce aplikacji internetowych
Wzorce aplikacji internetowych: dotyczy wszystkich zagadnień związanych z zaawansowanymi funkcjami aplikacji, takimi jak udostępnianie skrótów, okresowe synchronizowanie danych w tle, wyświetlanie plakietek aplikacji itp.
Prześlij opinię
Mam nadzieję, że te wzorce pomogą Ci tworzyć fascynujące aplikacje. Czekam na Twoją opinię.
Opinię możesz przesłać na tweeta na @ChromiumDev lub przesłać zgłoszenie problemu. W obu przypadkach dodaj tag @tomayac, aby mieć pewność, że będzie on widoczny.
Podziękowania
Dziękuję Joem Medley za pomoc w sprawdzaniu i edytowaniu wzorców. Dziękujemy Pete LePage, Ewie Gasperowicz, Rachel Andrew, Ken Pascal i Matthiasowi Rohmerowi za ich pomoc techniczną i organizacyjną oraz zachęty do ich przekazania. Cały projekt oparty na wzorcach nie byłby możliwy bez pomocy autorów poszczególnych wzorców – Harry Theodoulou, Tony Conway, Palances Liao, Cecilia Cong, François Beaufort i Joe Medley.