Красивый интерфейс android studio

Jetpack Compose — как легко построить UI на Android

В июле этого года вместе с Android Studio Arctic Fox вышла одна из долгожданных библиотек — Jetpack Compose. Она позволяет создавать пользовательский интерфейс в декларативном стиле и обещает быть революцией в построении UI.

Разбираемся, так ли это на самом деле, какие у библиотеки преимущества и недостатки. Подробности — в статье.

Преимущества Jetpack Compose

Jetpack Compose — это набор инструментов для разработки UI в Android-приложении. Он призван ускорить и упростить разработку пользовательского интерфейса, избавить от лишнего кода и соединить модель реактивного программирования с лаконичностью Kotlin.

Сразу с места в карьер — какие есть преимущества у библиотеки:

1. Меньше кода. Jetpack Compose позволяет писать меньше кода, а значит разработчик может больше фокусироваться на проблеме, с меньшим количеством тестов и дебага, а значит и багов.

2. Интуитивно понятный. Compose использует декларативный API — разработчику нужно лишь сказать, что сделать, а все остальное ляжет на плечи библиотеки.

3. Удобство внедрения. Compose совместим с любым существующим кодом. Например, можно вызвать Compose-код из вьюх (view) и, наоборот, вьюхи из Compose. Многие библиотеки вроде Jetpack Navigation, ViewModel и Coroutines уже адаптированы под Compose, что позволяет сравнительно быстро внедрить его в свой код. Кроме того, Android Studio Arctic Fox поддерживает превью создаваемых вьюх.

4. Имеет обширный инструментарий. Jetpack Compose позволяет создавать красивые приложения с прямым доступом к Android Platform API и build-in поддержкой Material Design, тёмной темы, анимаций и других крутых штук.

Далее пройдёмся по основным аспектам библиотеки и посмотрим, как сильно повышается производительность приложения.

Подключение к проекту

Чтобы подключить Jetpack Compose к проекту, необходимо указать некоторые строки кода в своем build.gradle.

В рутовом объявим переменную с версией Compose:

Здесь мы указываем, что в проекте будем использовать Jetpack Compose и объявляем необходимые зависимости (подробнее про зависимости можно почитать в официальном гайде).

Дальше всё просто. В активити (activity) объявлем Composable-функцию, строим иерархию вьюх с указанием необходимых атрибутов и смотрим результат.

Пройдемся по коду. Я написал две реализации вёрсток различной сложности:

1. Простая реализация

Добавляет TextView в вёрстку с текстом с конкатенацией Hello и аргумента, переданного в Greeting.

Важно отметить, что имена Composable-функций начинаются с заглавной буквы. Это соглашение по наименованию функций, поэтому если писать со строчной, то студия будет подсвечивать неверный нейминг.

2. Более сложная реализация

Этот вариант представляет собой скролящийся экран, который содержит изображение, текст и кнопку. Рассмотрим некоторые особенности:

Необходимо объявить Scroll State. Только не обычный, а тот, который позволяет сохранять состояние скролла сквозь рекомпозицию — rememberScrollState().

Column представляет собой ViewGroup с вертикальным расположением элементов.

Modifier позволяет управлять атрибутами, добавлять декорации и поведение к вьюхам.

Остальное интуитивно понятно. И это как раз одна из ключевых особенностей Jetpack Compose — даже если вы не использовали библиотеку ранее, то всё равно с ней разберётесь.

Добавить вьюхи в активити можно через extension setContent <>, например:

В общем-то, создание UI выглядит действительно просто. Теперь определим, насколько сильно оптимизируется приложение и как быстро пользователь увидит окончательный экран.

Для тестирования воспользуемся библиотекой Jetpack Benchmark, о которой, кстати, тоже рассказывали в отдельной статье. Код теста выглядит так:

Протестируем три версии установки вьюхи в активити:

При передаче ресурса в setContentView.

При передаче вьюхи в setContentView.

Итоги тестирования можно посмотреть в таблице: левый столбец — название теста, правый — время на выполнение:

Источник

15 Лучших шаблонов Android приложений 2020 года

Шаблоны приложений для Android завоевали популярность за последние несколько лет, и это неудивительно. Они представляют собой огромную экономию времени для опытных разработчиков, помогая им прорваться сквозь призму создания приложения с нуля и сосредоточить свои таланты вместо этого на уникальных и настраиваемых частях создания нового приложения.

Также шаблоны приложений являются незаменимым инструментом обучения для начинающих разработчиков, которые хотят улучшить свои навыки кодирования, изучая строительные блоки приложения и создавая свои собственные.

Мы изучили тысячи шаблонов приложений для Android, доступных на CodeCanyon, чтобы найти 15 лучших.

Шаблоны, которые мы выбрали, отражают самые популярные категории приложений для Android. Почти все они созданы с помощью Android Studio, по принципам Google Material Design, поддерживают AdMob, предоставляют пользователям возможность удаления баннеров и межстраничных объявлений, а также пошаговые инструкции и / или видеоуроки о том, как настраивать шаблоны с нуля.

01. Универсальное приложение для Android – Universal Android App

Перед вами один из лучших и самых популярных шаблонов приложений для Android, Universal Android App. Это потрясающее приложение позволяет пользователям создать практически любое приложение, какое они захотят, подтягивая неограниченное количество содержимого для блогов, графиков, каналов, источников, плейлистов, веб-страниц и т.п. И легко объединять их в одно настраиваемое приложение.

Шаблон поддерживает самые популярные источники веб-контента, такие как WordPress, YouTube, Facebook, RSS и т.п.

Клиенты говорят, что Universal Android App:

«упакован с множеством функций, легко адаптируется» и с «хорошей поддержкой от разработчика».

02. Города – The City

Города – это сложные пространства, и любое приложение, которое помогает местным жителям и посетителям перемещаться по ним, обязательно станет хитом. The City — отличный шаблон для разработчиков, которые хотят создать приложение для своего города, в котором представлены самые интересные достопримечательности, лучшие рестораны, кафе, бары, магазины и многое другое.

Все данные приложения хранятся в локальной базе данных SQLite, поэтому приложение работает в автономном режиме. Ещё в шаблоне есть несколько отличных функций: например, MapView для отображения местоположения, категория избранного для рекомендуемых мест, возможности фильтрации поиска, сохранение истории поиска и многого другого.

Клиенты говорят о шаблоне приложения The City:

Очень чистый и хорошо структурированный код, отличная документация.

03. Приложение для электронной торговли – E-Commerce App

Поскольку интернет-магазины становятся все более популярными, предприятия занимающиея электронной коммерцией постоянно работают над улучшением сервиса онлайн-покупок для своих клиентов.

Шаблон приложения E-Commerce App нацелен на то, чтобы разработчикам было проще создавать эффективные и простые в использовании мобильные приложения для электронной коммерции. Шаблон позволяет пользователям создавать меню категорий и товаров, добавлять валюту и налоги, профили пользователей и многое другое.

Пользователь ManoharOfficial говорит о шаблоне приложения E-commerce App:

Отлично выглядит и организованный код / ​​документация. Хотели бы приобрести ещё в будущем.

04. Приложение для свиданий – Dating App

Любовь в 21-м веке часто связана с Интернетом, и подходящее имя «Приложение для знакомств – Dating App» — это именно то, что вам нужно, если вы хотите попробовать свои силы в создании своего собственного приложения для тех, кто ищет любовь в Интернете.

Его важные функции, созданы в Android Studio, включая красивую галерею и пользовательские профили. Пользователи могут комментировать, лайкать, отвечать и отправлять подарки, видеть потенциальные свидания, неподалеку, совершать покупки в приложении, отправлять прямые сообщения с фотографиями в реальном времени и, конечно же, блокировать других пользователей.

Пользователи говорят о приложении:

«Моё приложение было обновлено в магазине Google Play и работает превосходно» и ещё «Очень хорошая документация, простая настройка, отличное качество кода, незаурядный дизайн».

05. Универсальное приложение Android WebView – Universal Android WebView App

Похоже, что в Интернете нет конца удивительным веб-сайтам с обилием контента, и хотя большинство из них адаптивны и хорошо себя проявляют на мобильных телефонах и планшетах, некоторые клиенты захотят конвертировать свои сайты в красивые приложения, которые позволят их посетителям получить доступ к ключевым функциям легко и стабильно.

Universal Android WebView App позволяет разработчикам делать универсальные приложения Android WebView. Оно совместимо с WordPress и другими веб-фреймворками, полностью настраивается и включает в себя огромное количество функций, поддерживает HTML5, CSS3, JavaScript, jQuery, Bootstrap и другие веб-технологии.

Клиенты говорят, что универсальный Android WebView:

— это «превосходный шаблон», с «быстрой поддержкой и отличной документацией».

06. Найти магазин – Store Finder

Когда вы выходите из дома, и вам нужно найти ближайший магазин с определенной вещью, наличие приложения для поиска магазина в вашем мобильном приложении — это находка. Именно эта необходимость сделала шаблон приложения Store Finder популярным среди разработчиков.

Сделано в Android Studio, приложение содержит длинный список необходимых функций, таких как голосовой вызов, интеграция с электронной почтой и SMS, маршруты Google и авторизация с помощью социальных сетей. Также пользователи имеют возможность рисовать на карте, использовать отметки на карте и делиться ими в Facebook и Twitter, и ещё многое другое.

Клиент Seolio говорит о Store Finder:

«Дизайн приложения и качество кода не имеют равных»!

07. Новостное приложение для Android – Android News App

Шаблон приложения Android News App — это шаблон для тех, кто хочет создать новостное мобильное приложение для устройств Android. Пользователи могут просматривать последние новости в разных категориях, сохранять статьи в качестве избранных, получать уведомления о последних статьях и т.п. Он поставляется с простой в использовании панелью администрирования для изменения категорий новостей и других деталей.

Пользователь jadeofheavens говорит об Android News App:

5 звезд: не только с точки зрения поддержки клиентов, но и качества кода, функционала и документации. Такой человек, как я, который ничего не знает о Android Studio, сделал приложение в течение получаса.

08. Трансляция ТВ на Android – Android Live TV

Шаблон приложения Android Live TV позволяет пользователям создавать приложения, которые показывают прямые трансляции телевизионных каналов на устройствах Android. Приложение поддерживает широкий выбор видеоформатов и всех потоковых протоколов. Приложение очень легко настраивается, и предоставляет подробную документацию.

Пользователь kenwenr говорит о Android Live TV:

Приложение очень хорошо и легко настраивается. У меня возникли некоторые проблемы с загрузкой приложения в магазин Google Play, но благодаря поддержке разработчиков я смог исправить проблемы, и теперь моё приложение находится в Play маркете.»

09. Своя социальная сеть – My Social Network

Шаблон My Social Network позволяет создать ваше персональное приложение для социальных сетей, где вы можете публиковать посты, читать посты друзей, вести личные беседы с друзьями в режиме реального времени и многое другое.

Пользователь Joespace говорит о My Social Network:

Очень хорошее приложение, идеально закодировано и хорошо задокументировано. Его легко установить, если вы выполните простые действия.

10. FlappyBot

Игры, без сомнения, являются одной из самых популярных категорий приложений на устройствах Android, а шаблон игрового приложения FlappyBot – одна из самых популярных игр. Он написан на Java с помощью Eclipse, и для быстрого запуска включен вводный видеоурок. Игрок прикасается к экрану, чтобы переместить птицу вверх, а цель состоит в том, чтобы сохранять её позицию как можно дольше. Игра сохраняет десятку лучших баллов на устройстве пользователя, а затем пользователи могут поделиться своими результатами на Facebook.

Шаблон позволяет разработчикам редактировать игру, добавлять дополнительные столбцы препятствий, изменять скорость или задержку птицы и т.п.

Пользователь Neogoapp говорит о FlappyBot:

«Хорошая документация и руководства».

11. Jumper

Ещё один отличный шаблон для Android, нативной игры с прыжками, Jumper, также написанный на Java с Eclipse. Цель игрока — держать фигуру в прыжке как можно выше. Эта игра также сохраняет десятку лучших рекордов на устройстве пользователя,
и пользователи могут делиться своими рекордами на Facebook.

Эту игру можно переделать и отредактировать, чтобы добавить больше баров, больше специальных предметов, больше монет и т.д.

12. Приложение радио – Your Radio App

Шаблон приложения Your Radio App позволит вам создать собственное мобильное приложение для трансляции интернет-радио. С мощной панелью администратора, вы можете управлять неограниченным количеством радиостанций и категорий через приложение, со встроенной поддержкой множества форматов.

Пользователь Owindrich говорит о Your Radio App:

«Очень приятное приложение, хорошо работает, множество опций и красивый интерфейс».

13. Приложение кулинарная книга рецептов – Cookbook Recipe App

Создайте свое приложение книгу-рецептов с помощью шаблона Cookbook Recipe App. Этот нативный шаблон приложения для Android предоставляет опытным и начинающим разработчикам простой способ сделать свое собственное приложение для публикации рецептов через приложение, поскольку оно не требует навыков программирования, а код легко настроить и переделывать.

Приложение имеет множество великолепных встроенных функций, таких как выдвижное меню с категориями, список покупок, избранное, мощный поиск, Google Analytics, различную анимацию и эффекты, а также многое другое.

Cookbook Recipe App хранит рецепты в локальной базе данных SQLite, поэтому пользователи могут запускать приложение без подключения к Интернету.

14. Обои HD – HD Wallpaper

Если вы ищете подходящий шаблон приложения для создания отличных обоев, то можете прекратить ваши поиски. Шаблон приложения HD Wallpaper позволяет разработчикам создать приложение, которое обеспечивает пользователей великолепными обоями и фонами для устройств на базе Android.

Приложение включает в себя несколько галерей изображений с высоким разрешением, функции быстрого нажатия, вращений и прокрутки, а также автономное кэширование обоев.

Пользователи говорят о HD Wallpaper:

«Великолепное приложение с хорошей поддержкой» и «Приятное приложение и хороший дизайн».

15. xMusic

xMusic понравится Android разработчикам, ищущим шаблон, который поможет им создать онлайн-приложение для музыкального плеера. Это приложение воспроизводит миллионы бесплатных песен из SoundCloud через SoundCloud API, но может переключиться на музыку из собственной библиотеки пользователя, если они предпочитают.

Некоторые из важных функций, которые предлагает шаблон, — это мощный эквалайзер с множеством предустановленных музыкальных стилей, поддержка режима ожидания и нескольких плейлистов, мощный поиск и многое другое.

Те, кто оставил отзыв, хвалят хорошо написанный код и отличную поддержку.

Вывод

Эти 15 лучших шаблонов приложений для Android 2017 года — всего лишь небольшая часть сотен шаблонов приложений для Android, доступных на CodeCanyon, поэтому, если ни один из них не соответствует вашим потребностям, то есть множество других отличных вариантов на выбор.

Источник