Android Broadcast

🖌Примеры адаптивного дизайна от команды Android в Figma Команда Android Дизайна выкатила на своей странице в фигме дизайн 4 приложений, который адаптирован под разны размеры экрана: смартфоны, маленькие и большие планшеты, складные устройства, ноутбуки и телевизоры Рекомендую всем посмотреть, чтобы посмотреть на подходы, а они на самом деле просты. Если хотите отдельный пост про техники адаптации дизайна - ставьте ❤️ #android#дизайн#adaptive#ui#material

Material Design 3 Expressive красив только на картинках от дизайнеров. По сути своей сделали гигантизм, из-за чего приходится на маленьких экранах уводить в более мелкие элементы интерфейса (через настройки плотности). Переводы и размещение текста оставляют желать лучшего. Как по мне - худший редизайн Android за всю историю. Успели попробовать? Какие ваши впечатления? #material#ui

На сайте Android Developers стали выкатывать обновления существующих руководств с интеграцией Material 3 Expressive дизайна, а именно: 👉Help & Feedback 👉Settings 👉Настройки App Widget 👉Edge-to-edge дизайн #material#material3#materialexpressive#m3

🤯Navigation Drawer становится Deprecated В Material 3 Expressive делают deprecated компонент "Navigation Drawer". Заменой ему предлагают "Navigation Rail", предлагающий ту же функциональность, но лучше адаптирующийся под разные размеры окна #ui#material#material3#material3expressive

Больше примеров Material 3 Expressive #material#material3#material3expressive

🤖Редизайн Android - Material 3 Expressive В рамках The Android Show I/O Edition показали "самый большой редизайн Android за всё время" (со слов спикера). Нас ждет Material 3 Expressive - обновленная версия Material 3 на основе существующих токенов Буду садиться разбираться и рассказывать на 🪙Boosty про что будет в обновлении #android#android16#material#ui#material3expressive

Пример(4м) использования DynamicColors API для изменения цвета элементов RecyclerView на основе картинки в этом элементе #android#material

В Material Component for Android 1.13.0 (пока в альфе) добавили новые виджеты на View системе: 👉Docked Toolbar 👉Floating Toolbar 👉Split Button #android#material

🚀Обновления Activity Embedding 👉Изменение размера панелей теперь поддерживается из коробки val splitAttributesBuilder: SplitAttributes.Builder = SplitAttributes.Builder() .setSplitType(SplitAttributes.SplitType.ratio(0.33f)) .setLayoutDirection(SplitAttributes.LayoutDirection.LEFT_TO_RIGHT) if (WindowSdkExtensions.getInstance().extensionVersion >= 6) { splitAttributesBuilder.setDividerAttributes( DividerAttributes.DraggableDividerAttributes.Builder() .setColor(getColor(context, R.color.divider_color)) .setWidthDp(4) .setDragRange( DividerAttributes.DragRange.DRAG_RANGE_SYSTEM_DEFAULT) .build() ) } val splitAttributes: SplitAttributes = splitAttributesBuilder.build() 👉Управление затемнением интерфейса под диалогом диалога 👉Возможность закрепить Activity Task (набор Activity) по id в части экрана fun pinActivityStackExample(taskId: Int) { val splitAttributes: SplitAttributes = SplitAttributes.Builder() .setSplitType(SplitAttributes.SplitType.ratio(0.66f)) .setLayoutDirection(SplitAttributes.LayoutDirection.LEFT_TO_RIGHT) .build() val pinSplitRule = SplitPinRule.Builder() .setDefaultSplitAttributes(splitAttributes) .build() SplitController.getInstance(applicationContext) .pinTopActivityStack(taskId, pinSplitRule) } #jetpack#ui#material#activity

🚀 Изменения в WindowSizeClass Сделали рефакторинг API, чтобы оно позволило добавлять собственные значения в будущем (помимо NORMAL, LARGE, EXPANDED), а также отказались от WindowWidthSizeClass и WindowHeightSizeClass. // Было. Теперь deprecated val sizeClass = WindowSizeClass.compute(widthDp, heightDp) when (sizeClass.widthSizeClass) { COMPACT -> doCompact() MEDIUM -> doMedium() EXPANDED -> doExpanded() else -> doDefault() } // Стало в 1.4 val sizeClass = WindowSizeClass.BREAKPOINTS_V1 .computeWindowSizeClass(widthDp, heightDp) // Проверяем от самого большого размера к наименьшему when { sizeClass.isWidthAtLeastBreakpoint(WIDTH_DP_EXPANDED_LOWER_BOUND) -> { doExpanded() } sizeClass.isWidthAtLeastBreakpoint(WIDTH_DP_MEDIUM_LOWER_BOUND) -> { doMedium() } else -> { // Ветка по умолчанию должна быть для // самого маленького поддерживаемого UI doCompact() } } #jetpack#material#adaptive#ui

​​🚀Вышел Jetpack WindowManager 1.4 - библиотека с API для построения адаптивного UI в Material3 (можно применить и к другим UI Kit): WindowSizeClass, Activity embedding, WindowsInfoTracker и др. Про изменения отдельными постами дальше #jetpack#ui#material

📹Building adaptive Android apps (40 минут) Очень классное видео про то как подходить к разработке приложений без привязки к экрану, а думать именно в терминах пространства для отрисовки 0:00 Введение 4:15 Зачем создавать адаптивные интерфейсы? 7:49 Адаптивность в Compose Material 3 13:01 Создание UI с Compose Material 3 Adaptive 22:07 Положения складных устройств 23:32 Анти-паттерны 26:52 Ввод, выходящий за рамки сенсорного управления 30:36 Тестирование на разных устройствах 36:17 Адаптивный рабочий процесс 39:29 Обратная связь и заключительные замечания #android#material#большикэкраны