​Дизайн нового приложения «ВКонтакте» для iPad

1 апреля владельцы iPad получили первое с 2015 года большое обновление приложения «ВКонтакте». И первым бросается в глаза обновлённый дизайн, который стал единым с дизайном приложения для iPhone.

Почитайте, как команда «ВКонтакте» пришла к итоговому варианту дизайна и почему приложение не получало крупные обновления с 2015 года:

https://tprg.ru/gSco

#ios

​Начинаем розыгрыш подарков за игру в «Быки и Коровы»!

Правила просты:
1. Нужно зайти в нашего бота и просто играть — против бота, против друзей, против соперников в онлайне (если коротко — вам нужно отгадать загаданное ботом число с помощью его подсказок, подробные правила — в боте).
2. За игры вам будут начисляться очки.
3. Спустя неделю мы подведём итоги розыгрыша и наградим лучших игроков.

Что за призы?
1. Игрок, который займёт 1 место, получит один из двух наборов мыши и клавиатуры на выбор — Microsoft Wireless Desktop 900 или Bloody B2100.
2. 10 следующих за ним игроков получат мерч от Tproger — настенные календари, майки, карты для planning poker, наклейки.
3. А каждому, кто одержит хотя бы одну победу в онлайн-режиме, мы отправим электронную версию нашего фирменного календаря.

Заходите в бота и начинайте зарабатывать очки: t.me/tproger_official_bot?start=bcgame

​Инструмент для профилирования Android-приложений

Android-разработчик из «Яндекса» реализовал альтернативный профилировщик, который работает быстрее Android Studio Profiler и не требует пересборки проекта для записи профиля. Также с помощью YAMP for Android можно открывать ранее записанные trace-файлы.

Код и инструкция, как работать с профилировщиком:

https://github.com/Grigory-Rylov/android-methods-profiler

#android

Как выглядит профилировщик:

​Паттерн проектирования Observer (Наблюдатель) на Flutter

Паттерн Observer определяет механизм, по которому объекты рассылают уведомления другим объектам об изменении своего состояния.

Подробнее об Observer и как он реализуется на Flutter:

https://tprg.ru/Zpe3

#flutter

​Реализация динамической смены темы в виде круговой анимации

В Telegram красиво сделана смена тёмной и светлой темы: при нажатии на кнопку возникает круговая анимация.

Если вы хотите реализовать подобный эффект, почитайте подробный гайд о том, как это сделать:

https://tprg.ru/rl83

#android

​Основы Compositional Layout

Замечали ли вы, как устроен App Store? Вся информация в нём скроллится и горизонтально, и вертикально. До iOS 13 разработчики использовали UITableView или UICollectionView для реализации подобного экрана, но этот вариант сложен и неудобен.

Но с iOS 13 у разработчиков появился новый способ построения коллекций на экране — Compositional Layout:

https://tprg.ru/q9n3

#ios

​Compositional Layout в реальном проекте: опыт Delivery Club

Вчера мы изучали, что из себя представляет подход к построению коллекций на iOS Compositional Layout. Теория теорией, а как оно работает на практике? Рассмотрим на примере приложения Delivery Club:

https://tprg.ru/XFnS

#ios

​Создаём простую анимацию через MotionLayout

Класс MotionLayout доступен в стандартной библиотеке ConstraintLayout. У него широкие возможности для реализации анимаций в пользовательском интерфейсе.

В статье объясняется, как реализовать анимацию, как на гифке:

https://tprg.ru/sYXp

#android

​Более безопасный способ сбора потоков из UI Android

В статье рассматриваются интерфейсыLifecycleOwner.addRepeatingJob, Lifecycle.repeatOnLifecycle и Flow.flowWithLifecycle, которые сберегут от утечки ресурсов при работе с потоками из UI-слоя приложения:

https://tprg.ru/XRl9

#android

​10 лайфхаков по Android-разработке

Разработчик подготовил 10 советов по улучшению безопасности, эффективности и стабильности кода Android-приложения:

https://tprg.ru/Cly3

#android

​Кастомизируемый ползунок на Kotlin

Библиотека LabeledSeekSlider реализует плавно двигающийся слайдер, который обладает множеством настроек. Работает для SDK 21 и выше.

Репозиторий: https://github.com/edgar-zigis/LabeledSeekSlider

#ui

Реализация змейки с помощью элементов из AppKit. Как вам?

​Готовим Flutter к промышленному использованию: доклад с Mobius

Спикер Владимир Иванов рассказал, как Flutter применяется в проектах компании EPAM и с какими трудностями в промышленной разработке его команда столкнулась:

https://youtu.be/h3Ge4eAQMPc

#flutter

10 лайфхаков по Android-разработке

Мы подготовили перевод статьи, которую недавно упомянули в посте. Если тогда вас остановил языковой барьер, то самое время почитать статью:

https://tprg.ru/igJQ

В ней вы найдёте 10 советов по Kotlin-разработке, которые помогут создавать более качественные Android-приложения.

#android

​Google запустила интерактивный квест с анонсом Google I/O 2021

Его прохождение откроет доступ к некоторым деталям предстоящей конференции. Спойлерить не будем, попробуйте пройти квесты сами:

https://events.google.com/io/punchcard

#android

​Подборка 10 UI-китов в Figma для мобильного приложения

Наборы элементов пользовательского интерфейса помогут быстрее спроектировать прототип вашего приложения. А подборке вы найдёте компоненты как для Android, так и для iOS-приложений:

https://tprg.ru/lYqo

#android #ios #ui

Приложение для рецептов на Jetpack Compose

Приложение реализовано на архитектуре MVVM с использованием корутин, Flow и Dagger Hilt.

Исходники: https://github.com/Elbehiry/Delish

#ui #android

​Готовим приложение к Android 12

Функциональность следующей версии Android стабилизируется к августу, но уже по версии Android 12 Developer Preview можно понять, как обновления отразятся на предыдущих приложениях.

О нововведениях, которые стоит учитывать при переходе Android-приложения на Android 12, рассказали разработчики из «Лаборатории Касперского»:

https://tprg.ru/a6xk

#android

​Как реализованы механизмы отрисовки во Flutter

Flutter поддерживает несколько платформ — Android, iOS, Linux, Windows и Web. Поэтому Flutter UI Toolkit, отвечающий за интерфейс, разделён на несколько слоёв, чтобы свести к минимуму весь платформозависимый код.

Подробнее об отрисовке UI во Flutter:

https://tprg.ru/dDjQ

#flutter

Помните недавнюю «змейку» через переключатели из AppKit? Идея завирусилась, и один разработчик реализовал «змейку» через Jetpack Compose Desktop. Как вам?

Держите исходники, если хотите понять, как устроена игра: https://github.com/theapache64/switch-snake

#jetpack

Реализация таб-бара с нестандартной кнопкой в iOS-приложении

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

О том, как это сделать через CAShapeLayer и UIResponderChain, читайте в гайде:

https://tprg.ru/xCB6

#ios #начинающим