Android旋轉(zhuǎn)木馬效果和圓形菜單旋轉(zhuǎn)動畫

本帥由于最近項目需要一種類似中國電信首頁這樣的特效脓鹃，于是我就去下載了一個看了一下忧设，還不錯崔泵。我艸又在這扯犢子干哈，別tm浪灰我時間S比险污，代你們說了哈
首先看看中國電信首頁（其實還有其他特效痹愚，不錯這個app）

中國電信首頁

沒做過啊，剛開始自己想的是自定義一個布局里面裝子控件按照圓形來排列蛔糯，然后旋轉(zhuǎn)這個布局拯腮，想著是沒毛病啊，但是我這個人技術(shù)不咋地蚁飒，自己敲估計是敲不出來了动壤，先看看人家怎么寫的吧，然后我們同事說這個就是旋轉(zhuǎn)木馬特效啊淮逻，我靠“旋轉(zhuǎn)木馬”感覺瞬間就高大上了
于是我就找了一下旋轉(zhuǎn)木馬的特效 找到如下這種的

旋轉(zhuǎn)木馬式

如果只需要這個的就不用往下看了琼懊，畢竟時間就是代碼阁簸，代碼就是錢啊
該項目的鏈接：非常方便的引用 去吧
然后感覺不對啊我要的洗過也沒這么復(fù)雜啊
于是我就找到了這個東西，圓形的菜單哼丈，那咱們先看看他的真身是啥

就是這個

這個妖怪呢可以說是旋轉(zhuǎn)启妹，交換（兩個點相互交換），事件監(jiān)聽那是樣樣精通啊
那么只需要這個東西的慢走不送
好吧削祈，那看一下我修改后的妖孽吧

這啥玩意兒啊

好吧 開始我的搬運工表演
第一個就不說了翅溺，賊猛
第二個如果不想去下載的直接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;
// 數(shù)目
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;//自定義事件監(jiān)聽器
private final static intTO_ROTATE_BUTTON=0;//旋轉(zhuǎn)按鈕；
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);//監(jiān)聽每個菜單的單擊事件
}
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;
}
/*
* 旋轉(zhuǎn)菜單按鈕
*/
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) {
//畫一個白色的圓環(huán)
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>

使用和監(jiān)聽

就是這個鬼

這兩個東西我合在了一起髓抑，源碼稍后為大家附上咙崎，請騷等各位大爺。大妹子

嘿嘿 傳上去了 我的git去吧

csdn下載地址地址

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末吨拍，一起剝皮案震驚了整個濱河市褪猛，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌羹饰，老刑警劉巖伊滋，帶你破解...
    沈念sama閱讀 206,602評論 6贊 481
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異队秩，居然都是意外死亡笑旺，警方通過查閱死者的電腦和手機，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,442評論 2贊 382
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進店門馍资，熙熙樓的掌柜王于貴愁眉苦臉地迎上來筒主，“玉大人，你說我怎么就攤上這事鸟蟹∥诿睿” “怎么了？”我有些...
    開封第一講書人閱讀 152,878評論 0贊 344
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵建钥，是天一觀的道長藤韵。 經(jīng)常有香客問我，道長熊经，這世上最難降的妖魔是什么泽艘？ 我笑而不...
    開封第一講書人閱讀 55,306評論 1贊 279
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮镐依，結(jié)果婚禮上悉盆，老公的妹妹穿的比我還像新娘。我一直安慰自己馋吗，他們只是感情好，可當(dāng)我...
    茶點故事閱讀 64,330評論 5贊 373
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布秋秤。 她就那樣靜靜地躺著宏粤，像睡著了一般脚翘。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上绍哎，一...
    開封第一講書人閱讀 49,071評論 1贊 285
  • 城市分裂傳說
    那天来农，我揣著相機與錄音，去河邊找鬼崇堰。 笑死沃于，一個胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的海诲。 我是一名探鬼主播繁莹，決...
    沈念sama閱讀 38,382評論 3贊 400
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼特幔！你這毒婦竟也來了咨演？” 一聲冷哼從身側(cè)響起，我...
    開封第一講書人閱讀 37,006評論 0贊 259
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤蚯斯，失蹤者是張志新（化名）和其女友劉穎薄风，沒想到半個月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拍嵌，經(jīng)...
    沈念sama閱讀 43,512評論 1贊 300
  • ?護林員之死
    正文 獨居荒郊野嶺守林人離奇死亡遭赂，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,965評論 2贊 325
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了横辆。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片撇他。...
    茶點故事閱讀 38,094評論 1贊 333
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖龄糊，靈堂內(nèi)的尸體忽然破棺而出逆粹，到底是詐尸還是另有隱情，我是刑警寧澤炫惩，帶...
    沈念sama閱讀 33,732評論 4贊 323
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布僻弹，位于F島的核電站，受9級特大地震影響他嚷，放射性物質(zhì)發(fā)生泄漏蹋绽。R本人自食惡果不足惜，卻給世界環(huán)境...
    茶點故事閱讀 39,283評論 3贊 307
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一筋蓖、第九天 我趴在偏房一處隱蔽的房頂上張望卸耘。 院中可真熱鬧，春花似錦粘咖、人聲如沸蚣抗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,286評論 0贊 19
  • 一樁弒父案瓮下，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽翰铡。三九已至钝域，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間锭魔，已是汗流浹背例证。 一陣腳步聲響...
    開封第一講書人閱讀 31,512評論 1贊 262
  • 情欲美人皮
    我被黑心中介騙來泰國打工， 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留迷捧，地道東北人织咧。 一個月前我還...
    沈念sama閱讀 45,536評論 2贊 354
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長得像漠秋，于是被迫代替她去往敵國和親笙蒙。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,828評論 2贊 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,514評論 25贊 707
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫膛堤、插件手趣、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,029評論 4贊 62
  • cleddie閱讀 150評論 0贊 0
  • 他奄奄一息躺在我懷里 瞪大眼睛看著我 發(fā)出嘖嘖聲音 時不時被喉嚨里的血液搶到 不一會兒血液流的差不多了 我慢...
    尾巴帶尖頭閱讀 117評論 0贊 0
  • 1.前言 最近用在學(xué)ios的媒體播放，在學(xué)習(xí)之余想找一些項目進行實踐肥荔。我們都知道網(wǎng)易云音樂是音樂軟件中的良心產(chǎn)品绿渣，...
    歐陽銓閱讀 5,586評論 6贊 41