Próbki Kotlin
Now in Android
obsługa wielu linków w pojedynczym ciągu tekstowym;
Możesz obsługiwać wiele linków w jednym ciągu tekstowym, aby zapewnić użytkownikom opcje dotyczące tego, dokąd mogą przejść, i zwiększyć zaangażowanie.
- Kotlin
nadawać styl fragmentom tekstu,
Możesz nadawać styl fragmentom tekstu, aby zwiększyć czytelność, poprawić wrażenia użytkownika i zachęcić do większej kreatywności dzięki zastosowaniu kolorów i czcionek.
- Kotlin
Sprawdzanie danych wejściowych podczas wpisywania przez użytkownika
Możesz sprawdzać dane wprowadzane przez użytkownika w polu tekstowym, np. imię i nazwisko, adres e-mail, adres lub inne dane kontaktowe. Ta weryfikacja zmniejsza liczbę błędów i oszczędza czas użytkowników.
- Kotlin
wczytywanie i wyświetlanie obrazów,
Aby wyświetlać w aplikacji obrazy związane z treściami i działaniami użytkowników, wczytaj je z dysku lub z zewnętrznego źródła w internecie.
- Kotlin
Wyświetlanie paska aplikacji u góry
Utwórz górny pasek aplikacji, aby ułatwić użytkownikom poruszanie się po aplikacji i dostęp do funkcji, używając komponentu TopAppBar.
Animacja w Compose
Dowiedz się, jak animować wartości stanu, używając przejść, animacji widoczności lub zmian rozmiaru oraz przejść płynnych, korzystając z interfejsów API animacji kompozytowej.
Wyświetlanie animowanego obrazu
Możesz zwiększyć interaktywność i zaangażowanie użytkowników w aplikacji, wczytując plik drawable, aby wyświetlać animowane obrazy. Animowane obrazy są przydatne do tworzenia wskaźników ładowania, wskaźników sukcesu lub błędów, ułatwiania tworzenia gry i różnych innych funkcji interfejsu.
- Kotlin
Wyświetlanie paska aplikacji
Pasek aplikacji to element znajdujący się u góry lub u dołu ekranu i zawierający najważniejsze funkcje oraz elementy nawigacji.
Rysowanie tekstu w oknie tworzenia wiadomości
Dowiedz się, jak używać interfejsów API Compose, które są przeznaczone do rysowania tekstu na płótnie. Ten fragment kodu służy do wyświetlania czcionki emotikonu w zaokrąglonym prostokącie.
Wyświetlanie lub ukrywanie hasła na podstawie przełącznika użytkownika
Aby zwiększyć bezpieczeństwo i wygodę użytkowników, możesz utworzyć ikonę, która będzie ukrywać lub wyświetlać hasło na podstawie przełącznika.
- Kotlin
Zarządzanie zmianami konfiguracji klawiatury odłączanej
Dowiedz się, jak zarządzać zmianami konfiguracji zewnętrznej klawiatury.
- Kotlin
- Java
Wyświetlanie obrazu przyciętego do kształtu
Możesz narysować cienie wokół przyciętego obszaru obrazu, aby wyświetlić obraz w kształcie klipu.
- Kotlin
Ograniczanie orientacji aplikacji na telefonach, ale nie na urządzeniach z dużym ekranem
Ogranicz orientację aplikacji na małych ekranach, ale nie na dużych.
- Kotlin
- Java
Wyświetlanie listy stronowanej
Utwórz listę stron, aby użytkownicy mogli przewijać treści, które są zbyt duże, aby zmieścić się na jednym ekranie. Listy stron poziomych mogą ułatwiać użytkownikom poruszanie się po treściach takich jak obrazy, pokazy slajdów czy karuzele produktów. Pionowe listy stron są przydatne w przypadku aplikacji z dużą ilością treści, w których użytkownicy muszą przewijać dużą liczbę elementów, np. artykułów.
Wyświetlanie komponentów interaktywnych
Wybierz odpowiedni komponent dla interfejsu użytkownika i dowiedz się, jak go zaimplementować w aplikacji.
Dodaj przełącznik, który użytkownicy mogą włączać i wyłączać
Możesz użyć przełącznika, aby umożliwić użytkownikom wybór jednego z 2 stanów.
Tworzenie elementu reprezentującego złożone elementy
Element typu element graficzny wizualnie przedstawia złożone elementy, często z ikoną i etykietą.
Testowanie w Compose
Utwórz pierwsze testy Jetpack Compose. Dowiedz się, jak korzystać z elementów testowych Compose', aby pisać testy UI, używać reguł testów, wyszukiwarek i zasad.
Tworzenie pływającego przycisku polecenia (FAB)
Pływający przycisk polecenia umożliwia użytkownikowi wykonanie głównego działania w aplikacji.
- Kotlin
Optymalizacja pod kątem dużych ekranów
Umożliw aplikacji optymalne działanie na tabletach, urządzeniach składanych i urządzeniach z ChromeOS.
Tworzenie menu wysuwanego za pomocą komponentu szuflady nawigacyjnej
Panel nawigacyjny to wysuwane menu nawigacyjne.
wyświetlać wyskakujące okienka z wiadomościami lub prośbami o wprowadzenie danych przez użytkownika;
Dialogi wyświetlają wyskakujące okienka lub proszą o wprowadzenie danych przez użytkownika na warstwie nad główną treścią aplikacji.
Utwórz element szablonu, który będzie zawierać interfejs użytkownika
Szkielet zapewnia spójność różnych części interfejsu, takich jak paski aplikacji i pływające przyciski, dzięki czemu aplikacje wyglądają i działają spójnie.
Tworzenie przewijalnego siatki
Możesz zarządzać dużymi zbiorami danych i treściami dynamicznymi za pomocą siatek opóźnionych, co poprawia wydajność aplikacji. Dzięki elementom kompozytowym siatki o opóźnionym renderowaniu możesz wyświetlać elementy w przewijanym kontenerze rozmieszczonym na wielu kolumnach lub wierszach.
- Kotlin
Zaawansowane układy w polu tworzenia wiadomości
Dowiedz się, jak tworzyć złożone projekty dla układów Compose, z uwzględnieniem fazy i ograniczeń układu, układów podrzędnych oraz pomiarów wewnętrznych.
Wyświetlaj obrazy
Pracuj z obrazami na ekranie, korzystając z elementów wektorowych, bitmapowych lub rysując bezpośrednio na płótnie.
Wyświetlanie dolnego paska aplikacji
Utwórz dolny pasek aplikacji, aby ułatwić użytkownikom nawigację i dostęp do funkcji w aplikacji.
- Kotlin
Tworzenie suwaka dla zakresu wartości
Suwak zakresu umożliwia użytkownikom wybór spośród zakresu wartości.
Tworzenie skończonej listy przewijanej
Listy przewijalne ułatwiają zarządzanie zbiorami danych, tworzenie elastycznych projektów i nawigację. Aby wyświetlić w aplikacji ograniczony zestaw elementów, możesz utworzyć przewijaną listę za pomocą modyfikatorów „verticalScroll” lub „horizontalScroll”.
- Kotlin
Debugowanie rekompozycji w edytorze
Rozwiąż problemy z wydajnością w Jetpack Compose. Dowiedz się, dlaczego opóźnianie odczytu stanu za pomocą funkcji lambda pozwala pominąć kompozycję.
Lista nieaktywna w edytorze
Compose zapewnia prostszy i bardziej wydajny sposób tworzenia przewijanych list, przy użyciu mniejszej liczby linii kodu niż RecyclerView. Dowiedz się, jak używać layoutów opóźnionych, aby tworzyć listy, które umożliwiają dodawanie treści do list na żądanie.
Wyświetlanie obrazów złożonych z warstw na obszarze roboczym
Możesz mieszać lub nakładać obrazy źródłowe, aby wyświetlać obrazy nałożone na płótnie. Możesz na przykład odtworzyć sposób generowania ikon aplikacji przez Android Framework, łącząc oddzielne elementy rysowane na tle i na pierwszym planie.
- Kotlin
Wyświetlanie zagnieżdżonych elementów przewijanych na liście
Możesz wyświetlać zagnieżdżone elementy przewijania na liście, aby prezentować złożone układy, takie jak katalogi produktów, galerie multimediów czy kanały wiadomości. Takie prezentowanie treści może zwiększyć użyteczność aplikacji i ułatwić użytkownikom nawigację.
- Kotlin
Tworzenie przycisku umożliwiającego przyciąganie
Możesz wyświetlić przycisk, który pozwoli użytkownikowi szybko przewinąć listę do określonego miejsca, co pozwoli zaoszczędzić czas i zwiększyć zaangażowanie użytkownika.
- Kotlin
Dodawanie wskaźnika strony niestandardowej
Dzięki wskaźnikom stron możesz pomóc użytkownikom zrozumieć ich bieżącą pozycję w treściach aplikacji, podając wizualne informacje o postępach.
- Kotlin
Stan w sekcji Utwórz
Dowiedz się, jak stan przepływa przez aplikację opartą na komponencie kompozycyjnym i jak platforma może automatycznie aktualizować interfejs, aby wyświetlać nowe wartości. Dowiedz się, jak tworzyć stany obserwowalne, jak zachować stan w przypadku rekompozycji lub zmian konfiguracji oraz jak ustrukturyzować komponenty, aby zapewnić optymalny przepływ danych.
Automatyczne formatowanie numeru telefonu w polu tekstowym
Aby zaoszczędzić czas i zwiększyć zaangażowanie użytkowników oraz ich produktywność i skuteczność, możesz sformatować numer telefonu automatycznie w polu tekstowym.
- Kotlin
Tworzenie powiadomienia z paskiem informacji
U dołu ekranu pojawi się pasek powiadomień z krótkim powiadomieniem.
Filtrowanie listy podczas pisania
Aby dynamicznie aktualizować listę na podstawie zapytań użytkowników, możesz filtrować listę ciągów tekstowych na podstawie tekstu wejściowego.
- Kotlin
Ułatwienia dostępu przy tworzeniu wiadomości
Dodaj do aplikacji funkcje ułatwień dostępu. Dowiedz się, jak zwiększyć zasięg i wszechstronność aplikacji przy niewielkim nakładzie pracy.
Wstawki w trybie tworzenia
Dowiedz się, jak w ramkach są przekazywane informacje do aplikacji o tym, gdzie są umieszczone elementy dekoracyjne systemu, oraz jak interfejsy API Compose pomagają automatycznie przenosić treści wraz z paskami systemowymi, klawiaturą programową i paskiem zadań. Nie bój się wypełnić ekranu.
Wprowadzenie do rysowania w polu tworzenia wiadomości
Gdy już opanujesz pracę w Compose, możesz zacząć rysować własne komponenty niestandardowe. Ten film pokazuje, jak zacząć rysować niestandardowo.
Tworzenie efektu paralaksy
Paralaksa to technika, w której treści tła i pierwszego planu przesuwają się z różną prędkością. Możesz zastosować tę technikę, aby ulepszyć interfejs aplikacji i zapewnić użytkownikom bardziej dynamiczne wrażenia podczas przewijania.
- Kotlin
Łatwo wczytywać dane za pomocą list i przewijania
Korzystaj z biblioteki Paging, aby obsługiwać w aplikacji duże listy elementów (w tym nieskończone), wczytując i wyświetlając dane stopniowo. Dzięki leniwemu ładowaniu możesz skrócić czas wczytywania i zoptymalizować wykorzystanie pamięci, co poprawi wydajność.
- Kotlin
Tworzenie szablonu ekranu głównego
Skorzystaj z tych krótkich przewodników, aby utworzyć szkielet ekranu głównego, który pomoże Ci nadać spójny wygląd ekranowi głównemu aplikacji.
Listy w sekcji Utwórz
Poznaj komponenty opóźnione w Compose, które ułatwiają wyświetlanie list elementów. Dowiedz się, jak wyświetlać różne typy elementów, a nawet jak stosować nagłówki przypięte. Dowiedz się, jak sterować zmianami pozycji przewijania za pomocą kodu lub reagować na nie.
Prośba o dane użytkownika
Utwórz interaktywną aplikację, umożliwiając użytkownikom wpisywanie tekstu i innych danych wejściowych.
5 szybkich animacji w edytorze wiadomości
Te 5 szybkich i łatwych animacji pozwoli Ci ożywić aplikację w zaledwie kilka minut. Spraw, aby aplikacja Compose się wyróżniała, nawet jeśli nie masz czasu na zapoznanie się ze wszystkimi animacjami.
Zarządzanie stanem RecyclerView
Utrzymywanie stanu RecyclerView podczas zmian konfiguracji.
- Kotlin
- Java
Tworzenie listy z użyciem wielu typów elementów
Listy z różnymi typami elementów możesz używać do wyświetlania różnych typów treści, np. tekstu, obrazów i elementów interaktywnych.
- Kotlin
Podstawy tworzenia wiadomości
Ta seria filmów przedstawia różne interfejsy API Compose, szybko pokazując, co jest dostępne i jak z nich korzystać.
animować wygląd tekstu znak po znaku;
Możesz animować wygląd tekstu, literę po literze, tak aby wyglądał jak efekt pisania na żywo.
- Kotlin