收集android上开源的酷炫的交互动画和视觉效果

以你之姓@ 2024-02-17 18:50 33阅读 0赞

收集android上开源的酷炫的交互动画和视觉效果。

1.交互篇

2.视觉篇

### 交互篇 ###

### 1.SlidingUpPanelLayout ###

项目介绍：他的库提供了一种简单的方式来添加一个可拖动滑动面板(由谷歌音乐推广,谷歌地图和Rdio)你的Android应用程序。

项目地址：[https://github.com/umano/AndroidSlidingUpPanel][https_github.com_umano_AndroidSlidingUpPanel]  
DEMO演示：[![github][]][github]

### 2.FoldableLayout ###

项目介绍：折叠展开点击的ITEM

项目地址：[https://github.com/alexvasilkov/FoldableLayout][https_github.com_alexvasilkov_FoldableLayout]

DEMO演示：[https://play.google.com/store/apps/details?id=com.alexvasilkov.foldablelayout.sample][https_play.google.com_store_apps_details_id_com.alexvasilkov.foldablelayout.sample]

[![github][github 1]][github 1]

### 3.android-flip ###

项目介绍：折叠翻页效果 项目地址：[https://github.com/openaphid/android-flip][https_github.com_openaphid_android-flip] DEMO演示：

[![github][github 2]][github 2][![github][github 3]][github 3]

### 4.SwipeBackLayout ###

项目介绍：拖动关闭当前活动窗体 项目地址：[https://github.com/Issacw0ng/SwipeBackLayout][https_github.com_Issacw0ng_SwipeBackLayout]DEMO演示： APK：[https://play.google.com/store/apps/details?id=me.imid.swipebacklayout.demo][https_play.google.com_store_apps_details_id_me.imid.swipebacklayout.demo] [![github][github 4]][github_github 4]

### 5.AndroidImageSlider ###

项目介绍：一个漂亮的Slider，可以通过自定义达到更好的效果 项目地址：[https://github.com/daimajia/AndroidImageSlider][https_github.com_daimajia_AndroidImageSlider] DEMO演示： APK：[https://jumpshare.com/v/PAKDLjG0UYQjCy9bSSdX][https_jumpshare.com_v_PAKDLjG0UYQjCy9bSSdX] [![github][github 5]][github 5]

### 6.Android-ParallaxHeaderViewPager ###

项目介绍：栏目展示动画，自动播放，滚动下方列表时候，收缩效果 项目地址：[https://github.com/kmshack/Android-ParallaxHeaderViewPager][https_github.com_kmshack_Android-ParallaxHeaderViewPager] DEMO演示： APK：[https://play.google.com/store/apps/details?id=com.kmshack.newsstand][https_play.google.com_store_apps_details_id_com.kmshack.newsstand]

[![github][github 6]][github 6]

### 7.FragmentTransactionExtended ###

项目介绍： 项目地址：[https://github.com/DesarrolloAntonio/FragmentTransactionExtended][https_github.com_DesarrolloAntonio_FragmentTransactionExtended]DEMO演示：

[![github][github 7]][github 7]

### 8.FragmentTransactionExtended ###

项目介绍：Android按钮可以化身进度 项目地址：[https://github.com/dmytrodanylyk/circular-progress-button][https_github.com_dmytrodanylyk_circular-progress-button] DEMO演示：

[![github][github 8]][github 8]

### 9.floatlabelededittext ###

项目介绍：简单的实现浮动标签EditText:Android视图使用EditText之上,并提示EditText时填充文本。

项目地址：[https://github.com/wrapp/floatlabelededittext][https_github.com_wrapp_floatlabelededittext]

DEMO演示：[![github][github 9]][github 9]

### 10.QuickReturn ###

项目介绍：Showcases QuickReturn view as a header, footer, and both header and footer.

项目地址：[https://github.com/lawloretienne/QuickReturn][https_github.com_lawloretienne_QuickReturn]

DEMO演示：[![github][github 10]][github 10]

### 11.VNTNumberPickerPreference ###

项目介绍：这是一个易于使用的自定义偏好,打开一个对话框中有许多选择。的值被自动保存,你可以设置默认,min -和maxValue方便地在XML。

项目地址：[https://github.com/vanniktech/VNTNumberPickerPreference][https_github.com_vanniktech_VNTNumberPickerPreference]

DEMO演示：[![github][github 11]][github 11]

### 12.CircularFloatingActionMenu ###

项目介绍：动画,可定制的圆形浮动菜单为Android,

项目地址：[https://github.com/oguzbilgener/CircularFloatingActionMenu][https_github.com_oguzbilgener_CircularFloatingActionMenu]

DEMO演示：[![github][github 12]][github 12]

### 13.NiftyDialogEffects ###

项目介绍：Dialog的各种打开动画，Nifty Modal Dialog Effects look like this(Nifty Modal Window Effects)

项目地址：[https://github.com/sd6352051/NiftyDialogEffects][https_github.com_sd6352051_NiftyDialogEffects]

DEMO演示：[![github][github 13]][github 13]

### 14.material-menu ###

项目介绍：变形安卓菜单,返回和删除按钮

项目地址：[https://github.com/balysv/material-menu][https_github.com_balysv_material-menu]

DEMO演示：[![github][github 14]][github 14]

### 15.AndroidViewHover ###

项目介绍：我们需要一个悬停视图,显示菜单,显示消息。

项目地址：[https://github.com/daimajia/AndroidViewHover][https_github.com_daimajia_AndroidViewHover]

DEMO演示：[![github][github 15]][github 15]

### 16.PagedHeadListView ###

项目介绍：图片轮转切换

项目地址：[https://github.com/JorgeCastilloPrz/PagedHeadListView][https_github.com_JorgeCastilloPrz_PagedHeadListView]

DEMO演示：[![github][github 16]][github 16][![github][github 17]][github 17]

### 17.android-movies-demo ###

项目介绍：电影列表3级联动，交互

项目地址：[https://github.com/dlew/android-movies-demo][https_github.com_dlew_android-movies-demo]

DEMO演示： youtube: [https://www.youtube.com/watch?feature=player\_embedded&v=nchbp6pr2tg][https_www.youtube.com_watch_feature_player_embedded_v_nchbp6pr2tg]

[![github][github 18]][github 18]

### 18.NiftyNotification ###

项目介绍：提示通知栏的各种动画

项目地址：[https://github.com/sd6352051/NiftyNotification][https_github.com_sd6352051_NiftyNotification]

DEMO演示：

[![github][github 19]][github 19]

### 19.SwipeBack ###

项目介绍：拖动关闭，模范：kicker app（[https://play.google.com/store/apps/details?id=com.netbiscuits.kicker）][https_play.google.com_store_apps_details_id_com.netbiscuits.kicker]

项目地址：[https://github.com/sockeqwe/SwipeBack][https_github.com_sockeqwe_SwipeBack]

DEMO演示：

[![github][github 20]][github 20]

### 20.AndroidSwipeLayout ###

项目介绍：类似微信的测拉菜单

项目地址：[https://github.com/daimajia/AndroidSwipeLayout][https_github.com_daimajia_AndroidSwipeLayout]

DEMO演示：

[![github][github 21]][github 21]

[![github][github 22]][github 22]

### 21.SnackBar ###

项目介绍：

项目地址：[https://github.com/MrEngineer13/SnackBar][https_github.com_MrEngineer13_SnackBar]

DEMO演示：

[![github][github 23]][github 23]

googleplay:[https://play.google.com/store/apps/details?id=com.mrengineer13.snackbar.sample][https_play.google.com_store_apps_details_id_com.mrengineer13.snackbar.sample]

### 视觉篇 ###

### 1.android-stackblur ###

项目介绍：毛玻璃，朦胧美

项目地址：[https://github.com/kikoso/android-stackblur][https_github.com_kikoso_android-stackblur]  
DEMO演示：

[![github][github 24]][github 24]

### 2.BlurEffectForAndroidDesign ###

项目介绍：实现模糊图形技巧 项目地址：[https://github.com/PomepuyN/BlurEffectForAndroidDesign][https_github.com_PomepuyN_BlurEffectForAndroidDesign]

DEMO演示：

[![github][github 25]][github 25]

### 3.Shimmer-android ###

项目介绍：闪动的文字 项目地址：[https://github.com/RomainPiel/Shimmer-android][https_github.com_RomainPiel_Shimmer-android]

DEMO演示：

youtube:[http://www.youtube.com/watch?v=7EOsegp4J2o&feature=youtu.be][http_www.youtube.com_watch_v_7EOsegp4J2o_feature_youtu.be] [![github][github 26]][github 26]

### 4.WizardPager ###

项目介绍：它提供了一个示例实现的Android手机上安装一个向导界面 项目地址：[https://github.com/TechFreak/WizardPager][https_github.com_TechFreak_WizardPager]

DEMO演示：

youtube:[http://www.youtube.com/watch?v=7EOsegp4J2o&feature=youtu.be][http_www.youtube.com_watch_v_7EOsegp4J2o_feature_youtu.be] [![github][github 27]][github 27]

### 5.FloatingActionButton ###

项目介绍：浮动的按钮 项目地址：[https://github.com/FaizMalkani/FloatingActionButton][https_github.com_FaizMalkani_FloatingActionButton]

DEMO演示：

### 6.JumpingBeans ###

项目介绍：跳动的文本 项目地址：[https://github.com/frakbot/JumpingBeans][https_github.com_frakbot_JumpingBeans]

DEMO演示：[![github][github 28]][github 28][![github][github 29]][github 29]

### 7.android\_maskable\_layout ###

项目介绍：可屏蔽的布局 项目地址：[https://github.com/christophesmet/android\_maskable\_layout][https_github.com_christophesmet_android_maskable_layout]

DEMO演示：[![github][github 30]][github 30]

### 8.activityanimation ###

项目介绍：Activit之间切换动画 项目地址：[https://github.com/flavienlaurent/activityanimation][https_github.com_flavienlaurent_activityanimation]

DEMO演示： youtube: [https://www.youtube.com/watch?v=-E0sc6w\_Jck][https_www.youtube.com_watch_v_-E0sc6w_Jck]

### 9.android-shape-imageview ###

项目介绍：提供了一组自定义形状的android imageview组件,和一个框架来定义更多的形状。实现着色器和位图基于掩模图像视图。

项目地址：[https://github.com/siyamed/android-shape-imageview][https_github.com_siyamed_android-shape-imageview]

DEMO演示：[![github][github 31]][github 31][![github][github 32]][github 32]

### 10.RippleView ###

项目介绍：认为模仿的连锁反应在单击推出了Android L

项目地址：[https://github.com/siriscac/RippleView][https_github.com_siriscac_RippleView]

DEMO演示：[![github][github 33]][github 33]

https://github.com/Rano1/Interactive-animation

[https_github.com_umano_AndroidSlidingUpPanel]: https://github.com/umano/AndroidSlidingUpPanel
[github]: https://camo.githubusercontent.com/834cfd81ce764457db69dc023e1bd0adf0a8d00d/68747470733a2f2f7261772e6769746875622e636f6d2f756d616e6f2f416e64726f6964536c6964696e67557050616e656c44656d6f2f6d61737465722f736c6964696e67757070616e656c2e706e67
[https_github.com_alexvasilkov_FoldableLayout]: https://github.com/alexvasilkov/FoldableLayout
[https_play.google.com_store_apps_details_id_com.alexvasilkov.foldablelayout.sample]: https://play.google.com/store/apps/details?id=com.alexvasilkov.foldablelayout.sample
[github 1]: https://camo.githubusercontent.com/8b5b0e5a0d87da7e504a91f7c7ae62c68f812196/687474703a2f2f696d672e796f75747562652e636f6d2f76692f2d5f5163574d682d4f35672f302e6a7067
[https_github.com_openaphid_android-flip]: https://github.com/openaphid/android-flip
[github 2]: https://camo.githubusercontent.com/d20ac6fb1cb14db4b69ab5e48ebd609aab1f6831/687474703a2f2f6f70656e61706869642e6769746875622e636f6d2f696d616765732f666c6970766965772d686f72697a6f6e74616c2d64656d6f2e676966
[github 3]: https://camo.githubusercontent.com/c260bd35546a4fa2a7a556bec851294a26639345/687474703a2f2f6f70656e61706869642e6769746875622e636f6d2f696d616765732f666c6970766965772d64656d6f2e676966
[https_github.com_Issacw0ng_SwipeBackLayout]: https://github.com/Issacw0ng/SwipeBackLayout
[https_play.google.com_store_apps_details_id_me.imid.swipebacklayout.demo]: https://play.google.com/store/apps/details?id=me.imid.swipebacklayout.demo
[github 4]: https://github.com/Issacw0ng/SwipeBackLayout/raw/master/art/screenshot.png?raw=true
[github_github 4]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/8d2a947ea7084d44af006dc7a3d7cc43.png
[https_github.com_daimajia_AndroidImageSlider]: https://github.com/daimajia/AndroidImageSlider
[https_jumpshare.com_v_PAKDLjG0UYQjCy9bSSdX]: https://jumpshare.com/v/PAKDLjG0UYQjCy9bSSdX
[github 5]: https://camo.githubusercontent.com/f64413139bbaa918131384d3597c33e39333aa7f/687474703a2f2f7777332e73696e61696d672e636e2f6d773639302f36313064633033346a773165677a6f7236366f6a64673230393530666b6e70652e676966
[https_github.com_kmshack_Android-ParallaxHeaderViewPager]: https://github.com/kmshack/Android-ParallaxHeaderViewPager
[https_play.google.com_store_apps_details_id_com.kmshack.newsstand]: https://play.google.com/store/apps/details?id=com.kmshack.newsstand
[github 6]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/df4c761935264e1f919400c328c24e86.png
[https_github.com_DesarrolloAntonio_FragmentTransactionExtended]: https://github.com/DesarrolloAntonio/FragmentTransactionExtended
[github 7]: https://github.com/DesarrolloAntonio/FragmentTransactionExtended/raw/master/FragmentTransactionExample/cap2.gif
[https_github.com_dmytrodanylyk_circular-progress-button]: https://github.com/dmytrodanylyk/circular-progress-button
[github 8]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/31ac3d937e8a4da6b6a6fa6c49df2abd.png
[https_github.com_wrapp_floatlabelededittext]: https://github.com/wrapp/floatlabelededittext
[github 9]: https://camo.githubusercontent.com/9b15f9bfcdacc9bf053fff9d06e7a91a0d1b5070/687474703a2f2f692e696d6775722e636f6d2f75635264316a6d2e676966
[https_github.com_lawloretienne_QuickReturn]: https://github.com/lawloretienne/QuickReturn
[github 10]: https://raw.githubusercontent.com/lawloretienne/QuickReturn/master/images/quick_return_demo.gif
[https_github.com_vanniktech_VNTNumberPickerPreference]: https://github.com/vanniktech/VNTNumberPickerPreference
[github 11]: https://github.com/vanniktech/VNTNumberPickerPreference/raw/master/res/drawable/preview.png
[https_github.com_oguzbilgener_CircularFloatingActionMenu]: https://github.com/oguzbilgener/CircularFloatingActionMenu
[github 12]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/2966d6d0758f43219d699953740532db.png
[https_github.com_sd6352051_NiftyDialogEffects]: https://github.com/sd6352051/NiftyDialogEffects
[github 13]: https://camo.githubusercontent.com/456687ac516bb07f1076928d635bfddf6b90d5ec/687474703a2f2f696d67302e70682e3132362e6e65742f69433436653162586b55316631724966555a6f3939773d3d2f363539373632303632313938343031393430382e676966
[https_github.com_balysv_material-menu]: https://github.com/balysv/material-menu
[github 14]: https://camo.githubusercontent.com/642bd91749dce58abfba00fe1cefdf2cf4213fd3/68747470733a2f2f7261772e6769746875622e636f6d2f62616c7973762f6d6174657269616c2d6d656e752f6d61737465722f6172742f64656d6f2e676966
[https_github.com_daimajia_AndroidViewHover]: https://github.com/daimajia/AndroidViewHover
[github 15]: https://camo.githubusercontent.com/44affb72f0688c213500917009a1680b41492413/687474703a2f2f7777322e73696e61696d672e636e2f6d773639302f36313064633033346a7731656a356969686a746c35673230387a3066326e70642e676966
[https_github.com_JorgeCastilloPrz_PagedHeadListView]: https://github.com/JorgeCastilloPrz/PagedHeadListView
[github 16]: https://raw.githubusercontent.com/JorgeCastilloPrz/PagedHeadListView/master/app/src/main/res/raw/preview1.gif
[github 17]: https://raw.githubusercontent.com/JorgeCastilloPrz/PagedHeadListView/master/app/src/main/res/raw/preview3.gif
[https_github.com_dlew_android-movies-demo]: https://github.com/dlew/android-movies-demo
[https_www.youtube.com_watch_feature_player_embedded_v_nchbp6pr2tg]: https://www.youtube.com/watch?feature=player_embedded&v=nchbp6pr2tg
[github 18]: https://camo.githubusercontent.com/17d279cc83b7c0831100dd81d18a809dd0ea26c9/687474703a2f2f696d672e796f75747562652e636f6d2f76692f6e636862703670723274672f302e6a7067
[https_github.com_sd6352051_NiftyNotification]: https://github.com/sd6352051/NiftyNotification
[github 19]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/33d44dc49c074f8c82dd2ea8f633e409.png
[https_play.google.com_store_apps_details_id_com.netbiscuits.kicker]: https://play.google.com/store/apps/details?id=com.netbiscuits.kicker%EF%BC%89
[https_github.com_sockeqwe_SwipeBack]: https://github.com/sockeqwe/SwipeBack
[github 20]: https://camo.githubusercontent.com/a8ca00fe3f9e4aa65d902ad873c3f7ef77a2b418/687474703a2f2f696d672e796f75747562652e636f6d2f76692f54366d62675f77716c6b632f302e6a7067
[https_github.com_daimajia_AndroidSwipeLayout]: https://github.com/daimajia/AndroidSwipeLayout
[github 21]: https://camo.githubusercontent.com/183f464b177ffa9d0b35f396796ec64f37ce87db/687474703a2f2f7777312e73696e61696d672e636e2f6d773639302f36313064633033346a7731656a6f7175696476767367323038693036333075342e676966
[github 22]: https://camo.githubusercontent.com/878e29e5defd2c64db4a5ec93119e133cab00807/687474703a2f2f7777322e73696e61696d672e636e2f6d773639302f36313064633033346a7731656a6f706c6170777471673230386e3065373464782e676966%22github%22
[https_github.com_MrEngineer13_SnackBar]: https://github.com/MrEngineer13/SnackBar
[github 23]: https://camo.githubusercontent.com/67a39af16f3d46631567c1f7bd7dcddeb3c4c9e9/687474703a2f2f6d6174657269616c2d64657369676e2e73746f726167652e676f6f676c65617069732e636f6d2f696d616765732f636f6d706f6e656e74732d746f617374732d73706563732d737065635f746f6173745f30335f315f6c617267655f6d6470692e706e67
[https_play.google.com_store_apps_details_id_com.mrengineer13.snackbar.sample]: https://play.google.com/store/apps/details?id=com.mrengineer13.snackbar.sample
[https_github.com_kikoso_android-stackblur]: https://github.com/kikoso/android-stackblur
[github 24]: https://camo.githubusercontent.com/9c26fa38f23bb218558ad1843f59042ae3d90309/68747470733a2f2f7261772e6769746875622e636f6d2f6b696b6f736f2f616e64726f69642d737461636b626c75722f6d61737465722f6172742f73637265656e73686f74312e706e67
[https_github.com_PomepuyN_BlurEffectForAndroidDesign]: https://github.com/PomepuyN/BlurEffectForAndroidDesign
[github 25]: https://camo.githubusercontent.com/3ac158c7124d11c098d6ab094cb1d49880fe17c6/68747470733a2f2f6c68362e67677068742e636f6d2f74447951416c41327565714b496474776e38367234334a363456615338472d4263664a7a7177363137664934764938677a364b59326e345654396b6b61386f69707259
[https_github.com_RomainPiel_Shimmer-android]: https://github.com/RomainPiel/Shimmer-android
[http_www.youtube.com_watch_v_7EOsegp4J2o_feature_youtu.be]: http://www.youtube.com/watch?v=7EOsegp4J2o&feature=youtu.be
[github 26]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/d714c217de3b41deb695d681b6cf95c8.png
[https_github.com_TechFreak_WizardPager]: https://github.com/TechFreak/WizardPager
[github 27]: https://camo.githubusercontent.com/d1c9284cfff613dcffbdaa4db504c3a7f6cebba3/68747470733a2f2f6c68332e676f6f676c6575736572636f6e74656e742e636f6d2f2d5f2d5376334a33626463632f5564655555446431546a492f414141414141414145456f2f7970726f4a2d4562434a672f773431322d683731362d6e6f2f77697a61726450616765722e706e67
[https_github.com_FaizMalkani_FloatingActionButton]: https://github.com/FaizMalkani/FloatingActionButton
[https_github.com_frakbot_JumpingBeans]: https://github.com/frakbot/JumpingBeans
[github 28]: https://github.com/frakbot/JumpingBeans/raw/master/art/jumpingdots.gif
[github 29]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/55892b051398431eaa762786d4860b8b.png
[https_github.com_christophesmet_android_maskable_layout]: https://github.com/christophesmet/android_maskable_layout
[github 30]: https://github.com/christophesmet/android_maskable_layout/raw/master/Screencast.gif
[https_github.com_flavienlaurent_activityanimation]: https://github.com/flavienlaurent/activityanimation
[https_www.youtube.com_watch_v_-E0sc6w_Jck]: https://www.youtube.com/watch?v=-E0sc6w_Jck
[https_github.com_siyamed_android-shape-imageview]: https://github.com/siyamed/android-shape-imageview
[github 31]: https://github.com/siyamed/android-shape-imageview/raw/master/images/shader-buble.png
[github 32]: https://github.com/siyamed/android-shape-imageview/raw/master/images/all-samples.png
[https_github.com_siriscac_RippleView]: https://github.com/siriscac/RippleView
[github 33]: https://camo.githubusercontent.com/eec41193900aad4803dcf18bc9915fafa3f7d1cf/68747470733a2f2f7261772e6769746875622e636f6d2f73697269736361632f526970706c65566965772f6d61737465722f53637265656e732f53637265656e2e676966