Android旋转木马效果和圆形菜单旋转动画

本帅由于最近项目需要一种类似中国电信首页这样的特效，于是我就去下载了一个看了一下，还不错。我艹又在这扯犊子干哈，别tm浪灰我时间S比，代你们说了哈
首先看看中国电信首页（其实还有其他特效，不错这个app）

中国电信首页

没做过啊，刚开始自己想的是自定义一个布局里面装子控件按照圆形来排列，然后旋转这个布局，想着是没毛病啊，但是我这个人技术不咋地，自己敲估计是敲不出来了，先看看人家怎么写的吧，然后我们同事说这个就是旋转木马特效啊，我靠“旋转木马”感觉瞬间就高大上了
于是我就找了一下旋转木马的特效 找到如下这种的

旋转木马式

如果只需要这个的就不用往下看了，毕竟时间就是代码，代码就是钱啊
该项目的链接：非常方便的引用 去吧
然后感觉不对啊我要的洗过也没这么复杂啊
于是我就找到了这个东西，圆形的菜单，那咱们先看看他的真身是啥

就是这个

这个妖怪呢可以说是旋转，交换（两个点相互交换），事件监听那是样样精通啊
那么只需要这个东西的慢走不送
好吧，那看一下我修改后的妖孽吧

这啥玩意儿啊

好吧 开始我的搬运工表演
第一个就不说了，贼猛
第二个如果不想去下载的直接copy吧
这就是一个自定义VIew RoundSpinView.java

packagechege.zycf.com.testroate.view;
importandroid.content.Context;
importandroid.content.res.TypedArray;
importandroid.graphics.Bitmap;
importandroid.graphics.BitmapFactory;
importandroid.graphics.Canvas;
importandroid.graphics.Color;
importandroid.graphics.DashPathEffect;
importandroid.graphics.Paint;
importandroid.graphics.PaintFlagsDrawFilter;
importandroid.graphics.PathEffect;
importandroid.graphics.Rect;
importandroid.os.Handler;
importandroid.os.Message;
importandroid.util.AttributeSet;
importandroid.util.Log;
importandroid.view.GestureDetector;
importandroid.view.GestureDetector.SimpleOnGestureListener;
importandroid.view.MotionEvent;
importandroid.view.View;
importchege.zycf.com.testroate.R;
/**
* 圆盘式的view
*
*@authorboy
*
*/
public classRoundSpinViewextendsView {
privatePaintmPaint=newPaint();
privatePaintFlagsDrawFilterpfd;
private intstartMenu;//菜单的第一张图片的资源id
// stone列表
privateBigStone[]mStones;
// 数目
private static final intSTONE_COUNT=20;
// 圆心坐标
private intmPointX=0,mPointY=0;
// 半径
private intmRadius=0;
// 每两个点间隔的角度
private intmDegreeDelta;
private intmenuRadius;// 菜单的半径
private intmCur= -1;// 正在被移动的menu;
private boolean[]quadrantTouched;//对每个象限触摸情况的记录
// Touch detection
privateGestureDetectormGestureDetector;
privateonRoundSpinViewListenermListener;//自定义事件监听器
private final static intTO_ROTATE_BUTTON=0;//旋转按钮；
privateHandlerhandler=newHandler(){
public voidhandleMessage(Message msg) {
switch(msg.what) {
caseTO_ROTATE_BUTTON:
floatvelocity = Float.parseFloat(msg.obj.toString());
rotateButtons(velocity/75);
velocity /=1.0666F;
newThread(newFlingRunnable(velocity)).start();
break;
default:
break;
}
};
};
public interfaceonRoundSpinViewListener{
public voidonSingleTapUp(intposition);//监听每个菜单的单击事件
}
publicRoundSpinView(Context context,AttributeSet attrs) {
super(context,attrs);
if(attrs!=null){
TypedArray a = getContext().obtainStyledAttributes(attrs,
R.styleable.RoundSpinView);
startMenu= a.getResourceId(R.styleable.RoundSpinView_menuStart,0);
}
pfd=newPaintFlagsDrawFilter(0,Paint.ANTI_ALIAS_FLAG|Paint.FILTER_BITMAP_FLAG);
mPaint.setColor(Color.WHITE);
mPaint.setStrokeWidth(2);
mPaint.setAntiAlias(true);//消除锯齿
mPaint.setStyle(Paint.Style.STROKE);//绘制空心圆
PathEffect effects =newDashPathEffect(new float[]{5,5,5,5},1);
mPaint.setPathEffect(effects);
quadrantTouched=new boolean[] {false, false, false, false, false};
mGestureDetector=newGestureDetector(getContext(),
newMyGestureListener());
setupStones();
}
@Override
protected voidonMeasure(intwidthMeasureSpec, intheightMeasureSpec) {
//TODO Auto-generated method stub
super.onMeasure(widthMeasureSpec,heightMeasureSpec);
mPointX=this.getMeasuredWidth()/2;
mPointY=this.getMeasuredHeight()/2;
//初始化半径和菜单半径
//    mRadius = mPointX-mPointX/5;
// 修改过的
mRadius=600;
mPointY=mPointX-200;
menuRadius= (int)(mPointX/5.5);
//修改过的
computeCoordinates();
}
/**
* 初始化每个点
*/
private voidsetupStones() {
mStones=newBigStone[STONE_COUNT];
BigStone stone;
intangle =270;
mDegreeDelta=360/STONE_COUNT;
for(intindex =0;index
stone =newBigStone();
if(angle >=360) {
angle -=360;
}else if(angle <0){
angle +=360;
}
stone.angle= angle;
stone.bitmap= BitmapFactory.decodeResource(getResources(),
startMenu+ index %3);//修改过的
angle +=mDegreeDelta;
mStones[index] = stone;
}
}
/**
* 重新计算每个点的角度
*/
private voidresetStonesAngle(floatx, floaty) {
intangle = computeCurrentAngle(x,y);
Log.d("RoundSpinView","angle:"+ angle);
for(intindex =0;index
mStones[index].angle= angle;
angle +=mDegreeDelta;
}
}
/**
* 计算每个点的坐标
*/
private voidcomputeCoordinates() {
BigStone stone;
for(intindex =0;index
stone =mStones[index];
stone.x=mPointX
+ (float) (mRadius* Math.cos(Math.toRadians(stone.angle)));
stone.y=mPointY
+ (float) (mRadius* Math.sin(Math.toRadians(stone.angle)));
}
}
/**
* 计算某点的角度
*
*@paramx
*@paramy
*@return
*/
private intcomputeCurrentAngle(floatx, floaty) {
floatdistance = (float) Math
.sqrt(((x -mPointX) * (x -mPointX) + (y -mPointY)
* (y -mPointY)));
intdegree = (int) (Math.acos((x -mPointX) / distance) *180/ Math.PI);
if(y
degree = -degree;
}
Log.d("RoundSpinView","x:"+ x +",y:"+ y +",degree:"+ degree);
returndegree;
}
private doublestartAngle;
@Override
public booleandispatchTouchEvent(MotionEvent event) {
// resetStonesAngle(event.getX(), event.getY());
// computeCoordinates();
// invalidate();
intx,y;
if(event.getAction() == MotionEvent.ACTION_DOWN) {
x = (int) event.getX();
y = (int) event.getY();
mCur= getInCircle(x,y);
if(mCur== -1) {
startAngle= computeCurrentAngle(x,y);
}
}else if(event.getAction() == MotionEvent.ACTION_MOVE) {
x = (int) event.getX();
y = (int) event.getY();
if(mCur!= -1) {
mStones[mCur].x= x;
mStones[mCur].y= y;
invalidate();
}else{
doublecurrentAngle = computeCurrentAngle(x,y);
rotateButtons(startAngle- currentAngle);
startAngle= currentAngle;
}
}else if(event.getAction() == MotionEvent.ACTION_UP) {
x = (int) event.getX();
y = (int) event.getY();
if(mCur!= -1) {
computeCoordinates();
intcur = getInCircle(x,y);
if(cur !=mCur&& cur != -1) {
intangle =mStones[mCur].angle;
mStones[mCur].angle=mStones[cur].angle;
mStones[cur].angle= angle;
}
computeCoordinates();
invalidate();
mCur= -1;
}
}
// set the touched quadrant to true
quadrantTouched[getQuadrant(event.getX() -mPointX,
mPointY- event.getY())] =true;
mGestureDetector.onTouchEvent(event);
return true;
}
private classMyGestureListenerextendsSimpleOnGestureListener {
@Override
public booleanonFling(MotionEvent e1,MotionEvent e2, floatvelocityX,
floatvelocityY) {
// get the quadrant of the start and the end of the fling
intq1 =getQuadrant(e1.getX() -mPointX,mPointY- e1.getY());
intq2 =getQuadrant(e2.getX() -mPointX,mPointY- e2.getY());
// the inversed rotations
if((q1 ==2&& q2 ==2&& Math.abs(velocityX) < Math
.abs(velocityY))
|| (q1 ==3&& q2 ==3)
|| (q1 ==1&& q2 ==3)
|| (q1 ==4&& q2 ==4&& Math.abs(velocityX) > Math
.abs(velocityY))
|| ((q1 ==2&& q2 ==3) || (q1 ==3&& q2 ==2))
|| ((q1 ==3&& q2 ==4) || (q1 ==4&& q2 ==3))
|| (q1 ==2&& q2 ==4&&quadrantTouched[3])
|| (q1 ==4&& q2 ==2&&quadrantTouched[3])) {
// CircleLayout.this.post(new FlingRunnable(-1
// * (velocityX + velocityY)));
newThread(newFlingRunnable(velocityX+velocityY)).start();
}else{
// the normal rotation
// CircleLayout.this
// .post(new FlingRunnable(velocityX + velocityY));
newThread(newFlingRunnable(-(velocityX+velocityY))).start();
}
return true;
}
@Override
public booleanonSingleTapUp(MotionEvent e) {
intcur = getInCircle((int)e.getX(),(int)e.getY());
if(cur!=-1){
if(mListener!=null){
mListener.onSingleTapUp(cur);
}
//          Toast.makeText(getContext(), "position:"+cur, 0).show();
return true;
}
return false;
}
}
private classFlingRunnableimplementsRunnable{
private floatvelocity;
publicFlingRunnable(floatvelocity){
this.velocity= velocity;
}
@Override
public voidrun() {
//TODO Auto-generated method stub
if(Math.abs(velocity)>=200){
Message message = Message.obtain();
message.what=TO_ROTATE_BUTTON;
message.obj=velocity;
handler.sendMessage(message);
}
}
}
/**
*@returnThe selected quadrant.
*/
private static intgetQuadrant(doublex, doubley) {
if(x >=0) {
returny >=0?1:4;
}else{
}
returny >=0?2:3;
}
/*
* 旋转菜单按钮
*/
private voidrotateButtons(doubledegree) {
for(inti =0;i
mStones[i].angle-= degree;
if(mStones[i].angle<0) {
mStones[i].angle+=360;
}else if(mStones[i].angle>=360){
mStones[i].angle-=360;
}
}
computeCoordinates();
invalidate();
}
@Override
public voidonDraw(Canvas canvas) {
//画一个白色的圆环
canvas.drawCircle(mPointX,mPointY,mRadius,mPaint);
//将每个菜单画出来
for(intindex =0;index
if(!mStones[index].isVisible)
continue;
drawInCenter(canvas,mStones[index].bitmap,mStones[index].x,
mStones[index].y);
}
}
/**
* 把中心点放到中心处
*
*@paramcanvas
*@parambitmap
*@paramleft
*@paramtop
*/
private voiddrawInCenter(Canvas canvas,Bitmap bitmap, floatleft,
floattop) {
Rect dst =newRect();
dst.left= (int) (left -menuRadius);
dst.right= (int) (left +menuRadius);
dst.top= (int) (top -menuRadius);
dst.bottom= (int) (top +menuRadius);
canvas.setDrawFilter(pfd);
canvas.drawBitmap(bitmap, null,dst,mPaint);
}
private intgetInCircle(intx, inty) {
for(inti =0;i
BigStone stone =mStones[i];
intmx = (int) stone.x;
intmy = (int) stone.y;
if(((x - mx) * (x - mx) + (y - my) * (y - my))
*menuRadius) {
returni;
}
}
return-1;
}
public voidsetOnRoundSpinViewListener(onRoundSpinViewListener listener){
this.mListener= listener;
}
classBigStone {
// 图片
Bitmapbitmap;
// 角度
intangle;
// x坐标
floatx;
// y坐标
floaty;
// 是否可见
booleanisVisible=true;
}
}

自定义属性里面 attrs

<declare-styleable name = "RoundSpinView">
     <attr name="menuStart" formart="reference" />
</declare-styleable>

使用和监听

就是这个鬼

这两个东西我合在了一起，源码稍后为大家附上，请骚等各位大爷。大妹子

嘿嘿 传上去了 我的git去吧

csdn下载地址地址

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 159,835评论 4赞 364
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 67,598评论 1赞 295
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 109,569评论 0赞 244
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 44,159评论 0赞 213
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 52,533评论 3赞 287
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 40,710评论 1赞 222
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 31,923评论 2赞 313
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 30,674评论 0赞 203
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 34,421评论 1赞 246
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,622评论 2赞 245
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,115评论 1赞 260
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 28,428评论 2赞 254
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 33,114评论 3赞 238
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,097评论 0赞 8
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,875评论 0赞 197
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 35,753评论 2赞 276
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 35,649评论 2赞 271

推荐阅读更多精彩内容

  • Android - 收藏集
    Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 170,569评论 25赞 707
  • 优秀第三方
    发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,619评论 4赞 59
  • 2017.11.23
    cleddie阅读 144评论 0赞 0
  • 【杀手日记-1】
    他奄奄一息躺在我怀里 瞪大眼睛看着我 发出啧啧声音 时不时被喉咙里的血液抢到 不一会儿血液流的差不多了 我慢...
    尾巴带尖头阅读 106评论 0赞 0
  • 简易音乐播放器(仿网易云音乐)
    1.前言 最近用在学ios的媒体播放，在学习之余想找一些项目进行实践。我们都知道网易云音乐是音乐软件中的良心产品，...
    欧阳铨阅读 5,510评论 6赞 41