21款炫酷动画开源框架,照亮你的APP

boy1234 7年前
   <p style="text-align: center;"><img src="https://simg.open-open.com/show/ee97ec357533ec150ae7fe34fa631e29.jpg"></p>    <h2>前言</h2>    <p>最近对应用的UI视觉效果突然来了兴致,所以找了一些合适开源控件,这样更加省时,再此分享给大家,希望能对大家有帮助,此博文介绍的都是UI上面的框架。</p>    <h2>1.Side-Menu.Android</h2>    <p>分类侧滑菜单,Yalantis 出品。</p>    <p>项目地址:https://github.com/Yalantis/Side-Menu.Android</p>    <p><img src="https://simg.open-open.com/show/009884ecb882953b5eaa47cdcbf1a96c.gif"></p>    <h2>2.SmartRefreshLayout</h2>    <p>SmartRefreshLayout的是一个强大,稳定,成熟的下拉刷新框架,并集成各种的炫酷、多样、实用、美观的Header和Footer。</p>    <p>项目地址:https://github.com/scwang90/SmartRefreshLayout</p>    <p><img src="https://simg.open-open.com/show/48976fb69f99d3d1e782c73b69c18897.gif"></p>    <h2>3.WilliamChart</h2>    <p>绘制图表的库,支持LineChartView、BarChartView和StackBarChartView三中图表类型。</p>    <p>项目地址:https://github.com/diogobernardino/WilliamChart</p>    <p><img src="https://simg.open-open.com/show/99074e6b0d70201a6713775e68b7c7fb.gif"></p>    <h2>4.circular-progress-button</h2>    <p>带进度显示的Button</p>    <p>项目地址: https://github.com/dmytrodanylyk/circular-progress-button</p>    <p><img src="https://simg.open-open.com/show/5125a37ee1d73c0a15b5ae5ac8fb5c1d.gif"></p>    <h2>5.Titanic</h2>    <p>可以显示水位上升下降的TextView</p>    <p>项目地址:https://github.com/RomainPiel/Titanic</p>    <p><img src="https://simg.open-open.com/show/6b99abddb6de8b7bffe35a8249e0d2f3.gif"></p>    <h2>6.OriSim3D-Android</h2>    <p>opengl 实现了各种折纸效果,模拟了从一张纸折叠成一条船的整个过程</p>    <p>项目地址: https://github.com/RemiKoutcherawy/OriSim3D-Android</p>    <p><img src="https://simg.open-open.com/show/9856f622a26e455c141754d98449f9d7.gif"></p>    <h2>7.Context-Menu.Android</h2>    <p>可以方便快速集成漂亮带有动画效果的上下文菜单。</p>    <p>项目地址:https://github.com/Yalantis/Context-Menu.Android</p>    <p><img src="https://simg.open-open.com/show/f5ff9fd80312772aefd32642aa21c0da.gif"></p>    <h2>8.AndroidSwipeLayout</h2>    <p>滑动Layout,支持单个View,ListView,GridView</p>    <p>项目地址:https://github.com/daimajia/AndroidSwipeLayout</p>    <p><img src="https://simg.open-open.com/show/58bed6a99c2a11bbd8eee12f4234d471.gif"></p>    <h2>9.ToggleButton</h2>    <p>状态切换的 Button,类似 iOS,用 View 实现</p>    <p>项目地址:https://github.com/zcweng/ToggleButton</p>    <p><img src="https://simg.open-open.com/show/71c7c4b7eb461756c33bab15ff235cf3.gif"></p>    <h2>10.实现滑动ViewPager渐变背景色</h2>    <p>项目地址:https://github.com/TaurusXi/GuideBackgroundColorAnimation</p>    <p><img src="https://simg.open-open.com/show/48cf6584016ad7eaa45d599ddd39f15a.gif"></p>    <h2>11.InstaMaterial</h2>    <p>Instagram的一组Material 风格的概念设计</p>    <p>项目地址:https://github.com/frogermcs/InstaMaterial</p>    <p><img src="https://simg.open-open.com/show/af1fc540b5939e66216f616993115381.gif"></p>    <h2>12.SpringIndicator</h2>    <p>使用bezier实现粘连效果的页面指示</p>    <p>项目地址:https://github.com/chenupt/SpringIndicator</p>    <p><img src="https://simg.open-open.com/show/c0c83632e2a60d81693063bc0b49f5cb.gif"></p>    <h2>13.BezierDemo</h2>    <p>仿qq消息气泡拖拽消失的效果。</p>    <p>项目地址:https://github.com/chenupt/BezierDemo</p>    <p><img src="https://simg.open-open.com/show/d13c7e22af83f4c355750de1e8822182.gif"></p>    <h2>14.FoldableLayout</h2>    <p>折叠的信纸被打开一样的动画效果</p>    <p>项目地址:https://github.com/alexvasilkov/FoldableLayout</p>    <p><img src="https://simg.open-open.com/show/b0f52530743ca5e88786825769ad26ef.gif"></p>    <h2>15.Taurus</h2>    <p>下拉刷新,Yalantis 出品。</p>    <p>项目地址:https://github.com/Yalantis/Taurus</p>    <p><img src="https://simg.open-open.com/show/242e1b67ef80a10297594a45e05a4d12.gif"></p>    <h2>16.PersistentSearch</h2>    <p>在点击搜索的时候控件在原有位置显示输入框。</p>    <p>项目地址:https://github.com/Quinny898/PersistentSearch</p>    <p><img src="https://simg.open-open.com/show/f11f939d4c8705d710cf7f53495fbdd9.gif"></p>    <h2>17.discrollview</h2>    <p>当上下滚动的时候子元素会呈现不同动画效果的scrollView,网页上称之为:视差滚动</p>    <p>项目地址: https://github.com/flavienlaurent/discrollview</p>    <p><img src="https://simg.open-open.com/show/5705e8ad9f9b3e4dde3102ce046ea74c.gif"></p>    <h2>18.sweet-alert-dialog</h2>    <p>一个带动画效果的自定义对话框样式</p>    <p>项目地址:https://github.com/pedant/sweet-alert-dialog</p>    <p><img src="https://simg.open-open.com/show/0224b8ebadeff2a6c1d1a6fecf1c26ed.gif"></p>    <h2>19.android-floating-action-button</h2>    <p>Material Desig风格的浮动操作按钮</p>    <p>项目地址:https://github.com/futuresimple/android-floating-action-button</p>    <p><img src="https://simg.open-open.com/show/5c623c11ff2a3addce1d7af59d121188.gif"></p>    <h2>20.NumberProgressBar</h2>    <p>个简约性感的数字进度条</p>    <p>项目地址:https://github.com/daimajia/NumberProgressBar</p>    <p><img src="https://simg.open-open.com/show/defd2ab8542fc021d5a6ee1dcfb7b194.gif"></p>    <h2>21.Pull-to-Refresh.Rentals-android</h2>    <p>提供一个简单可以自定义的下拉刷新实现。</p>    <p>项目地址:https://github.com/Yalantis/Pull-to-Refresh.Rentals-Android</p>    <p><img src="https://simg.open-open.com/show/e7d45304eb34f1f1f8a49dd929c5a30e.gif"></p>    <p> </p>    <p>来自:http://developer.51cto.com/art/201707/545044.htm</p>    <p> </p>