All Projects → Moosphan → Motionlayoutsamples

Moosphan / Motionlayoutsamples

Licence: mit
A sample to take you to appreciate the charm of MotionLayout.

Programming Languages

kotlin
9241 projects

Projects that are alternatives of or similar to Motionlayoutsamples

Harrypotter
🧙🏻 Sample HarryPotter application based on MVVM architecture (ViewModel, LiveData, Repository, Coroutines, Koin or Dagger-Hilt)
Stars: ✭ 116 (-14.07%)
Mutual labels:  lottie
U.movin
Unity library for rendering After Effects shape animations
Stars: ✭ 122 (-9.63%)
Mutual labels:  lottie
Widgetlayout
自定义ViewGroup的集合(有 kotlin 实现分支):提高编写效率和 UI 绘制性能,少嵌套,易用易扩展。
Stars: ✭ 130 (-3.7%)
Mutual labels:  layout
Column Setter
Custom responsive grids in Sass that work in older browsers.
Stars: ✭ 117 (-13.33%)
Mutual labels:  layout
Flutter Animations
Flutter animation tutorials, such common animation, flare animation.
Stars: ✭ 119 (-11.85%)
Mutual labels:  layout
Greedo Layout For Android
Full aspect ratio grid LayoutManager for Android's RecyclerView
Stars: ✭ 1,588 (+1076.3%)
Mutual labels:  layout
Doormat
Let's take a scroll!
Stars: ✭ 111 (-17.78%)
Mutual labels:  layout
Pinlayout
Fast Swift Views layouting without auto layout. No magic, pure code, full control and blazing fast. Concise syntax, intuitive, readable & chainable. [iOS/macOS/tvOS/CALayer]
Stars: ✭ 1,870 (+1285.19%)
Mutual labels:  layout
Next Layout
Add persistent and nested layouts to your Next.js projects in a declarative way
Stars: ✭ 120 (-11.11%)
Mutual labels:  layout
Popo
PoPo is the grid layout tool, the best choice for runtime layout.
Stars: ✭ 130 (-3.7%)
Mutual labels:  layout
Flexlib
FlexLib是一个基于flexbox模型,使用xml文件进行界面布局的框架,融合了web快速布局的能力,让iOS界面开发像写网页一样简单快速
Stars: ✭ 1,569 (+1062.22%)
Mutual labels:  layout
React Page Layout
Create layouts for react
Stars: ✭ 117 (-13.33%)
Mutual labels:  layout
Xray React
React layout debugger.
Stars: ✭ 128 (-5.19%)
Mutual labels:  layout
Draggablemenu
A draggable menu that shows a thumbnail preview of an image grid
Stars: ✭ 117 (-13.33%)
Mutual labels:  layout
Autoresponsive Vue
Auto responsive grid layout library for Vue.
Stars: ✭ 132 (-2.22%)
Mutual labels:  layout
X6
🚀 JavaScript diagramming library that uses SVG and HTML for rendering.
Stars: ✭ 2,686 (+1889.63%)
Mutual labels:  layout
The Grid
Grid layout custom element with drag and drop capabilities
Stars: ✭ 122 (-9.63%)
Mutual labels:  layout
Framezilla
Elegant library that wraps working with frames with a nice chaining syntax.
Stars: ✭ 134 (-0.74%)
Mutual labels:  layout
Arclayout
With Arc Layout explore new styles and approaches on material design
Stars: ✭ 1,662 (+1131.11%)
Mutual labels:  layout
Involt
Inject hardware interactions directly into HTML layout.
Stars: ✭ 128 (-5.19%)
Mutual labels:  layout

MotionLayoutSamples

header_bg

This project contains android ConstraintLayout2.0 usages and MotionLayout usage, includes code practicing about animation as well.

主要用来介绍一些关于 ***ConstraintLayout***、***MotionLayout*** 的用法,还包含 MotionLayout 的实战训练。

My Articles

Effect Preview

🕶 🌳 🥗
preview_balls_sport preview_appbar preview_lottie
preview_keycycle preview_multi_state preview_recyclerview

Done

  • ConstraintLayout 1.x 功能实践
  • 升级适配至 AndroidX
  • 介绍 KeyFrameSet 藏宝阁
  • 结合 MD 系列组件实现部分复杂交互效果
  • Lottie 实现联动
  • 在 RecyclerView 中的应用

Next

  • 介绍和使用 KeyTrigger
  • Motion Editor 使用介绍
  • 多状态的介绍和使用
  • 优化和改造sample示例
  • 更新Readme和效果图

Question Collection

  • 发现 KeyTrigger 在官方示例中无法正常运作问题
  • 官方提供的demo在通过 DrawerMotion 与 CoordinatorLayout 中已有 Motion 交互时出现 NestedScrollView 滑动问题
  • android.support 版 ConstrintLayout:2.0.0-beta2 包在运行demo代码时出现 motion 的 progress 无效问题,并且设置 debugMode 会闪退。问题详见:#95

Thanks

Using MotionLayout to Animate Android Apps

MotionLayout官方介绍

Introduction to MotionLayout

What's more?

每日一道面试题,挖掘更加强大的自己👉:Android Daily Interview

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].