Posted on Leave a comment

Android UX UI [2]

PART 1 [https://www.arvifox.com/2020/01/02/physics-animation-in-android/]

Building a Beautiful Disney MVVM Android Application (1): Material Motion Systems. [ https://proandroiddev.com/building-a-beautiful-disney-android-application-1-material-motion-systems-34607eae2501 ]
[ https://github.com/skydoves/DisneyMotions ]

The motion system [ https://material.io/design/motion/the-motion-system.html# ]

Direct is a tool that helps motion designers provide clear, precise motion direction for engineers. [ https://github.com/material-motion/direct ]

[https://shapeshifter.design/]


Suspending over views — example
12.2019 by Chris Banes [https://medium.com/androiddevelopers/suspending-over-views-example-260ce3dc9100]

Menu
Nested popup menus with smooth height animations [https://github.com/saket/cascade/]

Implementing the Motion System With Material Components for Android [ https://proandroiddev.com/implementing-the-motion-system-with-material-components-for-android-75bfeef8de9e ]
A Deep Dive Into the Motion Transition With the new Update of the Material Design Component Library

Transform into a different view or activity using morphing animations.
[https://github.com/skydoves/TransformationLayout]

Adding Amazing Transitions to Your Android App Easily Using Material Motion
[https://medium.com/swlh/adding-amazing-transitions-to-your-android-app-easily-using-material-motion-f0cd92463b39]

Several examples of animated interfaces created by MotionLayout
[https://github.com/andreytumarinson/MotionLayout-sample]

Introducing the Motion Editor
[https://android-developers.googleblog.com/2020/07/introducing-motion-editor.html]

Complex UI/Animations on Android — featuring MotionLayout
[https://proandroiddev.com/complex-ui-animations-on-android-featuring-motionlayout-aa82d83b8660]

A collection of UI’s built to showcase the capabilities of Motion Layout and Constraint Layout 2.0/2.1
[https://github.com/saurabharora90/MotionLayout-Playground]

Advanced Android in Kotlin 03.2:Animation with MotionLayout
[https://codelabs.developers.google.com/codelabs/motion-layout/#0]

Advanced Android Edge-to-Edge (Part 1): Keyboard Transitions with MotionLayout
[https://medium.com/livefront/advanced-android-edge-to-edge-part-1-keyboard-transitions-with-motionlayout-66ae34d4c78a]

MotionLayout: Visibility
[https://blog.stylingandroid.com/motionlayout-visibility/]

[https://github.com/androidx/constraintlayout/wiki/Carousel]

AnimatedIcons: Infinity
[https://blog.stylingandroid.com/animatedicons-infinity/]

Android MotionLayout: Creating the Twitter splash screen in the simplest way possible (Part I)
[https://proandroiddev.com/android-motionlayout-twitter-splash-screen-b5755ed56ee8]
Android MotionLayout: Creating the Twitter Splash Screen (Part II)
[https://proandroiddev.com/android-motionlayout-twitter-splash-screen-57323ee97855]

Experimenting with motion in Android
[https://medium.com/snapp-mobile/experimenting-with-motion-in-android-9283962ae0ef]

Building a Scrum Poker App using MotionLayout
[https://medium.com/glovo-engineering/building-a-scrum-poker-app-using-motionlayout-3cc5cb00f23b]

Павел Кугаев, MotionLayout: Thanks, Google



Motion Layout Integrations samples
[https://github.com/android/views-widgets-samples/tree/master/ConstraintLayoutExamples/motionlayoutintegrations]

Advanced Android in Kotlin 03.2: Animation with MotionLayout
[https://codelabs.developers.google.com/codelabs/motion-layout/#0]

Meaningful motion design and how to implement it by Juhani Lehtimäki & Pierluigi Rufo, Snapp Mobile

Screen touch events

Manage touch events in a ViewGroup
[https://developer.android.com/training/gestures/viewgroup]

Touch and input overview
[https://developer.android.com/guide/input]

Mastering the Android Touch System
[https://medium.com/better-programming/mastering-the-android-touch-system-41234cf3c3b3]

How to implement skeletons and shimmering effects on layouts and recyclerViews for Android.
[https://medium.com/swlh/how-to-implement-veil-skeletons-and-shimmering-effects-to-your-layouts-and-recyclerview-on-android-44af35d90de5]

Detecting Touch Gestures in Android
[https://proandroiddev.com/detecting-touch-gestures-in-android-f8eb4a4faf98]
[https://github.com/husaynhakeem/android-playground/tree/master/GesturesSample]


Insets

Android insets: разбираемся со страхами и готовимся к Android Q
[https://habr.com/ru/company/oleg-bunin/blog/488196/]

Exploring WindowInsets on Android 11 [ https://proandroiddev.com/exploring-windowinsets-on-android-11-a80cf8fe19be ]

Готовим Window Inset под соусом Jetpack Compose и щепоткой View
09.2022 [https://habr.com/ru/company/kts/blog/687310/]

Gesture navigation and edge-to-edge experience
[https://codelabs.developers.google.com/codelabs/gesture-navigation]

Android 11: WindowInsets
[https://blog.stylingandroid.com/android11-windowinsets-part1/]

WindowInsetsCompat
[https://blog.stylingandroid.com/windowinsetscompat/]

Animating your Keyboard (part 1)
by Chris Banes 24.08.2020 [https://medium.com/androiddevelopers/animating-your-keyboard-fb776a8fb66d]
Animating your keyboard (part 2): Reacting to WindowInset animations
[https://medium.com/androiddevelopers/animating-your-keyboard-reacting-to-inset-animations-839be3d4c31b]

[https://developer.android.com/reference/android/view/WindowInsetsAnimation]
[https://developer.android.com/reference/kotlin/android/view/WindowInsets]
[https://developer.android.com/reference/androidx/core/view/WindowInsetsCompat]
[https://developer.android.com/reference/android/view/WindowInsetsController]
Enable fullscreen mode [https://developer.android.com/training/system-ui/immersive]

Translucent SystemBars the right way — across API levels and themes
14/01/2020 [https://medium.com/androiddevelopers/translucent-systembars-the-right-way-across-api-levels-and-themes-6d7ddda21396]

Why fitsSystemWindows doesn’t work sometimes?
[https://proandroiddev.com/draw-under-status-bar-like-a-pro-db38cfff2870]

[https://youtu.be/6Djql74drwk]

https://youtu.be/_mGDMVRO3iE


RecyclerView, Paging

Restore RecyclerView scroll position by Florina Muntenescu
[https://medium.com/androiddevelopers/restore-recyclerview-scroll-position-a8fbdc9a9334]

Square Cycler – a RecyclerView API
[https://github.com/square/cycler]

Android RecyclerView StickyHeader without external library
[https://dev.to/bigyan4424/android-recyclerview-stickyheader-without-external-library-1mei]

RecyclerView Optimization – Scrolling Performance Improvement
[https://blog.mindorks.com/recyclerview-optimization]

Recycler view, power of asynchronous view holders creation
[https://medium.com/@icesrgt/recycler-view-power-of-asynchronous-view-holders-creation-b3c9fe067702]

Getting to know RecyclerView
[https://medium.com/androiddevelopers/getting-to-know-recyclerview-ea14f8514e6]

RecyclerView.ItemDecoration: используем по максимуму
05.08.2020 [https://habr.com/ru/company/surfstudio/blog/513038/]

Добавляем кнопки при свайпе в RecyclerView
[https://android-tools.ru/coding/dobavlyaem-knopki-pri-svajpe-v-recyclerview/]
Drag и Swipe в RecyclerView. Часть 1: ItemTouchHelper
[https://habr.com/ru/post/427681/]
Советы для профессионального использования RecyclerView. Часть 2
[https://habr.com/ru/post/426773/]

How to Implement ‘Swipe for Options’ in RecyclerView
[https://www.freecodecamp.org/news/how-to-implement-swipe-for-options-in-recyclerview/]

Android swipe menu with RecyclerView
[https://codeburst.io/android-swipe-menu-with-recyclerview-8f28a235ff28]

Создание сложного списка элементов за 20 минут в Android на базе Groupie
[https://habr.com/ru/post/523768/]

Делаем код в адаптере чище с помощью MergeAdapter
[https://habr.com/ru/post/523840/]

Anatomy of RecyclerView: a Search for a ViewHolder
[https://android.jlelse.eu/anatomy-of-recyclerview-part-1-a-search-for-a-viewholder-404ba3453714]

Combine your lists with MergeAdapter
[https://medium.com/@prafullmishra09/fuse-your-lists-with-mergeadapter-aedfa4af209b]

Concatenate adapters sequentially with ConcatAdapter
[https://medium.com/androiddevelopers/merge-adapters-sequentially-with-mergeadapter-294d2942127a]

Playing with the new MergeAdapter on Android
[https://proandroiddev.com/playing-with-the-new-mergeadapter-on-android-8da514c45ca6]


Toast | SnackBar

Android 11 Toast Updates
[https://itnext.io/android-11-toast-updates-7f1cd2245bc4]
[https://t.me/android_broadcast/1741]


View, Custom view, EditText

Adventures in the Land of EditText
[https://markushintersteiner.at/blog/adventures_in_the_land_of_edittext/]

Виджеты на Android. Редкая фича, в которой придется разобраться
[https://habr.com/ru/post/492166/]

What’s new for text in Android P
[https://android-developers.googleblog.com/2018/07/whats-new-for-text-in-android-p.html]

Understanding when and how Android Views have dimensions set
[https://cheesecakelabs.com/blog/understanding-android-views-dimensions-set/]

Measure… Layout… Draw!
[https://medium.com/@britt.barak/measure-layout-draw-483c6a4d2fab]

Rendering — Phase By Phase
[https://medium.com/@britt.barak/rendering-phase-by-phase-7ea8c9885eb2]

Custom view from scratch. Part I.
[https://medium.com/revolut/custom-view-from-scratch-part-i-931178481903]
[https://medium.com/revolut/custom-view-from-scratch-part-ii-canvas-74982b1d2d7c]
[https://medium.com/revolut/custom-view-from-scratch-part-iii-performance-and-optimisation-54cb6ac57e4b]

Custom Drawing [https://developer.android.com/training/custom-views/custom-drawing]

Writing Performant Layouts
[https://proandroiddev.com/writing-performant-layouts-3bf2a18d4a61]

The ultimate guide to Android custom views
[https://github.com/ZieIony/GuideToCustomViews]

Multiple samples showing the best practices in views-widgets on Android.
[https://github.com/android/views-widgets-samples]

Реализация сложного тулбара на Android
[https://androiddev.apptractor.ru/realizatsiya-slozhnogo-tulbara-na-android/]

ConstraintLayout 2.0.0
Helper.Layer [https://developer.android.com/reference/androidx/constraintlayout/helper/widget/Layer]
MotionLayout / Constraint Layout Samples, ConstraintLayoutExamples [https://github.com/android/views-widgets-samples/tree/master/ConstraintLayoutExamples]

Styled Texts for Android (Replaceable and Localizable)
[https://proandroiddev.com/styled-texts-for-android-replaceable-and-localizable-dc0b25d01fe9]
[https://github.com/tolgacanunal/textster]


Navigation

Beginner’s Guide to Bottom Navigation with Android Jetpack — Part 1
[https://android.jlelse.eu/beginners-guide-to-bottom-navigation-with-android-jetpack-5485d2b8bbb5]

Beginner’s Guide to Bottom Navigation with Android Jetpack — Part 2
[https://android.jlelse.eu/beginners-guide-to-bottom-navigation-with-android-jetpack-part-2-4f5383fa61cb]

Gesture Navigation: Going edge-to-edge (I)
by Chris Banes [https://medium.com/androiddevelopers/gesture-navigation-going-edge-to-edge-812f62e4e83e]

What’s New in Navigation 2020
[https://android-developers.googleblog.com/2020/07/whats-new-in-navigation-2020.html]

Navigation Component: An Overview
10.2020 by Chet Haase [https://medium.com/androiddevelopers/navigation-component-an-overview-4697a208c2b5]

Navigating to Dialog Destinations
[https://medium.com/androiddevelopers/navigation-component-dialog-destinations-bfeb8b022759]

Navigation Component-дзюцу, vol. 1 — BottomNavigationView
[https://habr.com/ru/company/hh/blog/518332/]
Navigation Component-дзюцу, vol. 2 – вложенные графы навигации
[https://habr.com/ru/company/hh/blog/519162/]
Navigation Component-дзюцу, vol. 3 — Corner-кейсы
[https://habr.com/ru/company/hh/blog/520198/]
Navigation Component-дзюцу, vol. 4 – Переоценка
[https://habr.com/ru/company/hh/blog/535534/]

Разделяй и властвуй: Navigation Component в многомодульном проекте
[https://habr.com/ru/post/538592/]

Павел Стрельченко | Navigation Component-дзюцу

[https://youtu.be/VM3f1vaVbZw]

Навигация с архитектурными компонентами от Google: взгляд прагматика – Александр Блинов



Style Theme Animation Material

Material Design Components for Android 1.1.0 Are Now Available
[https://medium.com/google-design/material-design-components-for-android-1-1-0-are-now-available-45e1d576037c]

We Recommend Material Design Components
[https://medium.com/androiddevelopers/we-recommend-material-design-components-81e6d165c2dd]

Modular and customizable Material Design UI components for Android
[https://github.com/material-components/material-components-android]

Dark Theme with MDC
[https://medium.com/androiddevelopers/dark-theme-with-mdc-4c6fc357d956]

Android-разработчикам: как сократить время реализации тёмной темы с пары месяцев до недели
[https://habr.com/ru/company/redmadrobot/blog/523916/]
Edge to edge decorator – is a utility class that is responsible for coloring the statusBar and navigationBar to maintain edge to edge (e2e) mode [https://github.com/RedMadRobot/edge-to-edge-decorator]

Android Styling: Themes Overlay
[https://medium.com/androiddevelopers/android-styling-themes-overlay-1ffd57745207]
Android styling: common theme attributes
[https://medium.com/androiddevelopers/android-styling-common-theme-attributes-8f7c50c9eaba]

Стилизация Android-приложений и дизайн-система: как это сделать и подружить одно с другим
[https://habr.com/ru/company/citymobil/blog/507896/]

Android styling: themes vs styles
[https://medium.com/androiddevelopers/android-styling-themes-vs-styles-ebe05f917578]

What’s your text’s appearance?
[https://medium.com/androiddevelopers/whats-your-text-s-appearance-f3a1729192d]

Android Styling: Prefer Theme Attributes
[https://medium.com/androiddevelopers/android-styling-prefer-theme-attributes-412caa748774]

Refactoring Android Themes with Style
[https://medium.com/monzo-bank/refactoring-android-themes-with-style-restructuring-themes-15230569e50]

Android Design System and Theming: Typography
[https://proandroiddev.com/android-design-system-and-theming-typography-6260c37b1243]

A few experiments with Android drawable gradients
[https://blog.jakelee.co.uk/a-few-experiments-with-android-drawable-gradients/]

How to name a color in Android
[https://proandroiddev.com/how-to-name-a-color-in-android-f267f2a16172]

Migrating to Material Components for Android
[https://medium.com/androiddevelopers/migrating-to-material-components-for-android-ec6757795351]

Implement Google Inbox Style Animation on Android
[https://proandroiddev.com/implement-google-inbox-style-animation-on-android-18c261baeda6]

Dark Mode: three Lint checks to help
[https://dev.to/dbottillo/dark-mode-three-lint-checks-to-help-b32]

Анимация в Android: плавные переходы фрагментов внутри Bottom Sheet
[https://habr.com/ru/company/dodopizzadev/blog/510066/]

Tutorials about animations with Animators, Animated Vector Drawables, Shared Transitions, and more
[https://github.com/SmartToolFactory/Animation-Tutorials]

Leveraging the power of Android design language
[https://medium.com/plum-engineering/leveraging-the-power-of-android-design-language-3e931bc4c58]

Android Matrix ScaleType Explained
[https://medium.com/mobile-app-development-publication/android-matrix-scaletype-explained-4501f0796be8]


Animation

View Animation
Property Animation
Animator: ValueAnimator, ObjectAnimator, AnimatorSet, ViewPropertyAnimator

Design, how to design

32 отличия дизайна мобильного приложения под iOS и Android
[https://habr.com/ru/company/redmadrobot/blog/491674/]

Как происходит рендеринг экрана сообщений ВКонтакте
[https://habr.com/ru/company/vk/blog/501988/]

UX для недизайнеров, или что должен учитывать разработчик мобильных приложений
[https://vc.ru/design/126302-ux-dlya-nedizaynerov-ili-chto-dolzhen-uchityvat-razrabotchik-mobilnyh-prilozheniy]

Litho: лучшие практики для создания эффективного UI в Android
[https://habr.com/ru/company/jugru/blog/507130/]

Displaying images in Android app: maintainable, testable, painless. Part I
[https://medium.com/revolut/how-we-display-images-in-revolut-app-73816c83d01e]

Android at large: how to bring optimized experiences to the big screen
[https://medium.com/androiddevelopers/android-at-large-how-to-bring-optimized-experiences-to-the-big-screen-a50a6784e59d]

Support new form factors with the new Jetpack WindowManager library
[https://medium.com/androiddevelopers/support-new-form-factors-with-the-new-jetpack-windowmanager-library-4be98f5450da]


ViewPager2

ViewPager2 — digging the internal API to make it work with DiffUtil
[https://proandroiddev.com/viewpager2-and-diffutil-d853cdab5f4a]

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.