Android酷炫开源动框架2015-2016双年榜

年度酷炫开源动画合集

1.Side-Menu.Android
分类侧滑菜单,Yalantis 出品。
项目地址:https://github.com/Yalantis/Side-Menu.Android
image
2.Context-Menu.Android
可以方便快速集成漂亮带有动画效果的上下文菜单,Yalantis出品。
项目地址:https://github.com/Yalantis/Context-Menu.Android
image
3.Pull-to-Refresh.Rentals-Android
提供一个简单可以自定义的下拉刷新实现,Yalantis 出品。
项目地址:https://github.com/Yalantis/Pull-to-Refresh.Rentals-Android
image
4.Titanic
可以显示水位上升下降的TextView
项目地址:https://github.com/RomainPiel/Titanic
image
5.AndroidSwipeLayout
滑动Layout,支持单个View,ListView,GridView
项目地址:https://github.com/daimajia/AndroidSwipeLayout
Demo地址:Download Demo
image
6.Android Typeface Helper
可以帮你轻松实现自定义字体的库
项目地址:https://github.com/norbsoft/android-typeface-helper
image
7.android-lockpattern
Android的图案密码解锁

项目地址:https://code.google.com/p/android-lockpattern/

Demo地址:https://play.google.com/store/apps/details?id=group.pals.android.lib.ui.lockpattern.demo

文档介绍:https://code.google.com/p/android-lockpattern/wiki/QuickUse

APP示例:Android开机的图案密码解锁,支付宝的密码解锁
image
8.ToggleButton
状态切换的 Button,类似 iOS,用 View 实现
项目地址:https://github.com/zcweng/ToggleButton
image
9.WilliamChart
绘制图表的库,支持LineChartView、BarChartView和StackBarChartView三中图表类型,并且支持 Android 2.2及以上的系统。
项目地址:https://github.com/diogobernardino/WilliamChart
Demo地址:https://play.google.com/store/apps/details?id=com.db.williamchartdemo
Demo项目:https://github.com/diogobernardino/WilliamChart/tree/master/sample
image
10.实现滑动ViewPager渐变背景色
项目地址:https://github.com/TaurusXi/GuideBackgroundColorAnimation
image
11.Euclid
用户简历界面,Yalantis 出品。
项目地址:https://github.com/Yalantis/Euclid
image
12.InstaMaterial
Instagram的一组Material 风格的概念设计

项目地址:https://github.com/frogermcs/InstaMaterial
image
13.SpringIndicator

使用bezier实现粘连效果的页面指示

项目地址:https://github.com/chenupt/SpringIndicator
image
14.BezierDemo

仿qq消息气泡拖拽消失的效果。

项目地址:https://github.com/chenupt/BezierDemo
image
15.FoldableLayout

折叠的信纸被打开一样的动画效果

项目地址:https://github.com/alexvasilkov/FoldableLayout
image
16.Taurus
下拉刷新,Yalantis 出品。(是不是有点似曾相识呢?)
项目地址:https://github.com/Yalantis/Taurus
image
17.PersistentSearch

在点击搜索的时候控件在原有位置显示输入框。

项目地址:https://github.com/Quinny898/PersistentSearch
image
18.circular-progress-button

带进度显示的Button

项目地址: https://github.com/dmytrodanylyk/circular-progress-button
image
19.discrollview

当上下滚动的时候子元素会呈现不同动画效果的scrollView,网页上称之为:视差滚动

项目地址: https://github.com/flavienlaurent/discrollview
image
20.sweet-alert-dialog

一个带动画效果的自定义对话框样式

项目地址:https://github.com/pedant/sweet-alert-dialog
image
21.android-floating-action-button

Material Desig风格的浮动操作按钮

项目地址:https://github.com/futuresimple/android-floating-action-button
image
22.android-collapse-calendar-view

可以在月视图与周视图之间切换的calendar控件

项目地址:https://github.com/blazsolar/android-collapse-calendar-view
image
23.NumberProgressBar

个简约性感的数字进度条

项目地址:https://github.com/daimajia/NumberProgressBar
image
24.CircularProgressView

CircularProgressView 是通过自定义view的方式实现的Material风格的加载提示控件,兼容任何版本。

项目地址:https://github.com/rahatarmanahmed/CircularProgressView
image
25.OriSim3D-Android

opengl 实现了各种折纸效果,模拟了从一张纸折叠成一条船的整个过程

项目地址: https://github.com/RemiKoutcherawy/OriSim3D-Android
image
转载请注明:Android开发中文站 » Android酷炫实用的开源框架(UI框架)



交互篇

1.SlidingUpPanelLayout

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

项目地址:https://github.com/umano/AndroidSlidingUpPanel
DEMO演示:github

2.FoldableLayout

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

项目地址:https://github.com/alexvasilkov/FoldableLayout

DEMO演示:https://play.google.com/store/apps/details?id=com.alexvasilkov.foldablelayout.sample

github

3.android-flip

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

githubgithub

4.SwipeBackLayout

项目介绍:拖动关闭当前活动窗体 项目地址:https://github.com/Issacw0ng/SwipeBackLayout DEMO演示: APK:https://play.google.com/store/apps/details?id=me.imid.swipebacklayout.demo github

5.AndroidImageSlider

项目介绍:一个漂亮的Slider,可以通过自定义达到更好的效果 项目地址:https://github.com/daimajia/AndroidImageSlider DEMO演示: APK:https://jumpshare.com/v/PAKDLjG0UYQjCy9bSSdX github

6.Android-ParallaxHeaderViewPager

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

github

7.FragmentTransactionExtended

项目介绍: 项目地址:https://github.com/DesarrolloAntonio/FragmentTransactionExtended DEMO演示:

github

8.FragmentTransactionExtended

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

github

9.floatlabelededittext

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

项目地址:https://github.com/wrapp/floatlabelededittext

DEMO演示:github

10.QuickReturn

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

项目地址:https://github.com/lawloretienne/QuickReturn

DEMO演示:github

11.VNTNumberPickerPreference

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

项目地址:https://github.com/vanniktech/VNTNumberPickerPreference

DEMO演示:github

12.CircularFloatingActionMenu

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

项目地址:https://github.com/oguzbilgener/CircularFloatingActionMenu

DEMO演示:github

13.NiftyDialogEffects

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

项目地址:https://github.com/sd6352051/NiftyDialogEffects

DEMO演示:github

14.material-menu

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

项目地址:https://github.com/balysv/material-menu

DEMO演示:github

15.AndroidViewHover

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

项目地址:https://github.com/daimajia/AndroidViewHover

DEMO演示:github

16.PagedHeadListView

项目介绍:图片轮转切换

项目地址:https://github.com/JorgeCastilloPrz/PagedHeadListView

DEMO演示:githubgithub

17.android-movies-demo

项目介绍:电影列表3级联动,交互

项目地址:https://github.com/dlew/android-movies-demo

DEMO演示: youtube: https://www.youtube.com/watch?feature=player_embedded&v=nchbp6pr2tg

github

18.NiftyNotification

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

项目地址:https://github.com/sd6352051/NiftyNotification

DEMO演示:

github

19.SwipeBack

项目介绍:拖动关闭,模范:kicker app(https://play.google.com/store/apps/details?id=com.netbiscuits.kicker)

项目地址:https://github.com/sockeqwe/SwipeBack

DEMO演示:

github

20.AndroidSwipeLayout

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

项目地址:https://github.com/daimajia/AndroidSwipeLayout

DEMO演示:

github

github

21.SnackBar

项目介绍:

项目地址:https://github.com/MrEngineer13/SnackBar

DEMO演示:

github

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

视觉篇

1.android-stackblur

项目介绍:毛玻璃,朦胧美

项目地址:https://github.com/kikoso/android-stackblur
DEMO演示:

github

2.BlurEffectForAndroidDesign

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

DEMO演示:

github

3.Shimmer-android

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

DEMO演示:

youtube:http://www.youtube.com/watch?v=7EOsegp4J2o&feature=youtu.be github

4.WizardPager

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

DEMO演示:

youtube:http://www.youtube.com/watch?v=7EOsegp4J2o&feature=youtu.be github

5.FloatingActionButton

项目介绍:浮动的按钮 项目地址:https://github.com/FaizMalkani/FloatingActionButton

DEMO演示:

6.JumpingBeans

项目介绍:跳动的文本 项目地址:https://github.com/frakbot/JumpingBeans

DEMO演示:githubgithub

7.android_maskable_layout

项目介绍:可屏蔽的布局 项目地址:https://github.com/christophesmet/android_maskable_layout

DEMO演示:github

8.activityanimation

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

DEMO演示: youtube: https://www.youtube.com/watch?v=-E0sc6w_Jck

9.android-shape-imageview

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

项目地址:https://github.com/siyamed/android-shape-imageview

DEMO演示:githubgithub

10.RippleView

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

项目地址:https://github.com/siriscac/RippleView

DEMO演示:github



  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
package com.zhy.view; import android.content.Context; import android.graphics.drawable.Drawable; import android.util.AttributeSet; import android.util.Log; import android.view.LayoutInflater; import android.view.MotionEvent; import android.view.VelocityTracker; import android.view.View; import android.view.ViewConfiguration; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.TextView; import android.widget.Toast; import com.zhy.ccbCricleMenu.R; public class CircleMenuLayout extends ViewGroup { /** * layout的半径 */ private int mRadius; private float mMaxChildDimesionRadio = 1 / 4f; private float mCenterItemDimesionRadio = 1 / 3f; private LayoutInflater mInflater; private double mStartAngle = 0; private String[] mItemTexts = new String[] { "安全中心 ", "特色服务", "投资理财", "转账汇款", "我的账户", "信用卡" }; private int[] mItemImgs = new int[] { R.drawable.home_mbank_1_normal, R.drawable.home_mbank_2_normal, R.drawable.home_mbank_3_normal, R.drawable.home_mbank_4_normal, R.drawable.home_mbank_5_normal, R.drawable.home_mbank_6_normal }; private int mTouchSlop; /** * 加速度检测 */ private float mDownAngle; private float mTmpAngle; private long mDownTime; private boolean isFling; public CircleMenuLayout(Context context, AttributeSet attrs) { super(context, attrs); mInflater = LayoutInflater.from(context); for (int i = 0; i < mItemImgs.length; i++) { final int j = i; View view = mInflater.inflate(R.layout.turnpalte_inner_view, this, false); ImageView iv = (ImageView) view .findViewById(R.id.id_circle_menu_item_image); TextView tv = (TextView) view .findViewById(R.id.id_circle_menu_item_text); iv.setImageResource(mItemImgs[i]); tv.setText(mItemTexts[i]); view.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getContext(), mItemTexts[j], Toast.LENGTH_SHORT).show(); } }); addView(view); } mTouchSlop = ViewConfiguration.get(getContext()).getScaledTouchSlop(); } @Override protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { setMeasuredDimension(getSuggestedMinimumWidth(), getSuggestedMinimumHeight()); // 获得半径 mRadius = Math.max(getWidth(), getHeight()); final int count = getChildCount(); // Log.e("TAG", count + ""); int childSize = (int) (mRadius * mMaxChildDimesionRadio); int childMode = MeasureSpec.EXACTLY; for (int i = 0; i < count; i++) { final View child = getChildAt(i); if (child.getVisibility() == GONE) { continue; } int makeMeasureSpec = -1; if (child.getId() == R.id.id_circle_menu_item_center) { makeMeasureSpec = MeasureSpec.makeMeasureSpec( (int) (mRadius * mCenterItemDimesionRadio), childMode); } else { makeMeasureSpec = MeasureSpec.makeMeasureSpec(childSize, childMode); } child.measure(makeMeasureSpec, makeMeasureSpec); } } @Override protected void onLayout(boolean changed, int l, int t, int r, int b) { int layoutWidth = r - l; int layoutHeight = b - t; int layoutRadius = Math.max(layoutWidth, layoutHeight); // Laying out the child views final int childCount = getChildCount(); int left, top; int radius = (int) (layoutRadius * mMaxChildDimesionRadio); float angleDelay = 360 / (getChildCount() - 1); for (int i = 0; i < childCount; i++) { final View child = getChildAt(i); if (child.getId() == R.id.id_circle_menu_item_center) continue; if (child.getVisibility() == GONE) { continue; } mStartAngle %= 360; float tmp = layoutRadius * 1f / 3 - 1 / 22f * layoutRadius; left = layoutRadius / 2 + (int) Math.round(tmp * Math.cos(Math.toRadians(mStartAngle)) - 1 / 2f * radius); top = layoutRadius / 2 + (int) Math.round(tmp * Math.sin(Math.toRadians(mStartAngle)) - 1 / 2f * radius); // Log.e("TAG", "left = " + left + " , top = " + top); child.layout(left, top, left + radius, top + radius); mStartAngle += angleDelay; } View cView = findViewById(R.id.id_circle_menu_item_center); cView.setOnClickListener(new OnClickListener() { @Override public void onClick(View v) { Toast.makeText(getContext(), "you can do something just like ccb ", Toast.LENGTH_SHORT).show(); } }); // Log.e("TAG", // cView.getMeasuredWidth() + " , " + cView.getMeasuredWidth()); int cl = layoutRadius / 2 - cView.getMeasuredWidth() / 2; int cr = cl + cView.getMeasuredWidth(); cView.layout(cl, cl, cr, cr); } private float mLastX; private float mLastY; private FlingRunnable mFlingRunnable; // @Override // public boolean onTouchEvent(MotionEvent event) // { // } @Override public boolean dispatchTouchEvent(MotionEvent event) { float x = event.getX(); float y = event.getY(); switch (event.getAction()) { case MotionEvent.ACTION_DOWN: mLastX = x; mLastY = y; mDownAngle = getAngle(x, y); mDownTime = System.currentTimeMillis(); mTmpAngle = 0; if (isFling) { removeCallbacks(mFlingRunnable); isFling = false; return true ; } break; case MotionEvent.ACTION_MOVE: float start = getAngle(mLastX, mLastY); float end = getAngle(x, y); // Log.e("TAG", "start = " + start + " , end =" + end); if (getQuadrant(x, y) == 1 || getQuadrant(x, y) == 4) { mStartAngle += end - start; mTmpAngle += end - start; } else { mStartAngle += start - end; mTmpAngle += start - end; } // rotateButtons((float) (mStartAngle - currentAngle)); requestLayout(); mLastX = x; mLastY = y; break; case MotionEvent.ACTION_UP: float anglePrMillionSecond = mTmpAngle * 1000 / (System.currentTimeMillis() - mDownTime); Log.e("TAG", anglePrMillionSecond + " , mTmpAngel = " + mTmpAngle); if (Math.abs(anglePrMillionSecond) > 230 && !isFling) { post(mFlingRunnable = new FlingRunnable(anglePrMillionSecond)); } if(Math.abs(anglePrMillionSecond) >230 || isFling) { return true ; } break; } return super.dispatchTouchEvent(event); } private float getAngle(float xTouch, float yTouch) { double x = xTouch - (mRadius / 2d); double y = yTouch - (mRadius / 2d); return (float) (Math.asin(y / Math.hypot(x, y)) * 180 / Math.PI); } private int getQuadrant(float x, float y) { int tmpX = (int) (x - mRadius / 2); int tmpY = (int) (y - mRadius / 2); if (tmpX >= 0) { return tmpY >= 0 ? 4 : 1; } else { return tmpY >= 0 ? 3 : 2; } } private class FlingRunnable implements Runnable { private float velocity; public FlingRunnable(float velocity) { this.velocity = velocity; } public void run() { if ((int) Math.abs(velocity) < 20) { isFling = false; return; } isFling = true; // rotateButtons(velocity / 75); mStartAngle += (velocity / 30); velocity /= 1.0666F; postDelayed(this, 30); requestLayout(); Log.e("TAG", velocity + ""); } } }

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值