先来看这个效果图吧.
这个效果其实并不难。主要用到动画。
ObjectAnimator的使用
首先你得准备两张这样的图片，一张是唱片，一张是指针。正所谓巧妇难为无米之炊，图片我也给你放在这里吧，图片如下：
指针是丑了点，不过无妨，想要好看的自己去设计。下面进入正题吧。
首先，修改activity_main.xml文件，将这个唱片和指针放在中间。
我们用一个相对布局来包裹两个图片并排版调整一下。代码如下：
<RelativeLayout android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical" android:layout_weight="1"> <ImageView android:id="@+id/listen_changpian_img" android:layout_width="250dp" android:layout_height="250dp" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:src="@mipmap/play_page_disc" /> <ImageView android:id="@+id/listen_zhizhen_iv" android:layout_width="150dp" android:layout_height="200dp" android:layout_centerHorizontal="true" android:src="@mipmap/play_page_needles" /> </RelativeLayout>
在上一篇中，布局文件中留了一个空白的LinearLayout布局，把它修改成RelativeLayout布局，并在里面添加这两个图片。(应该不需要我把所有布局代码都贴上吧？需要的话评论一下，我后面再加上)。
然后我们进到MainActivity进行定义和使用。
private ImageView discsmap;//唱片 private ImageView zhizhenmap;//指针 private ObjectAnimator animator;//唱片动画 private ObjectAnimator animator1;//指针动画
首先定义两个图片，两个动画。
discsmap = (ImageView)findViewById(R.id.listen_changpian_img);//唱片 zhizhenmap = (ImageView)findViewById(R.id.listen_zhizhen_iv);//指针
然后找到这两个图片。然后定义两个方法，启动动画、停止动画。
先来看看启动动画，代码如下：
/* * 打碟开始 * */ private void RecordRotation(){ //唱片动画 animator = ObjectAnimator.ofFloat(discsmap,"rotation",0f,360.0f); animator.setDuration(10000);//旋转时间 animator.setInterpolator(new LinearInterpolator());//匀速 animator.setRepeatCount(-1);//设置动画重复次数(-1代表一直转) animator.setRepeatMode(ValueAnimator.RESTART);//动画重复模式 animator.start();//动画启动 //指针动画 animator1 = ObjectAnimator.ofFloat(zhizhenmap,"rotation",-60f,0.0f); animator1.setDuration(900);//旋转时间 animator1.setRepeatCount(0);//就一下 animator1.start();//动画启动 }
解释一下：
**ObjectAnimator.ofFloat(discsmap,“rotation”,0f,360.0f)**中有四个参数。
第一个值表示你要启动动画的图片实例，第二个值代表动画效果是什么，rotation表示旋转动画：围绕Z轴旋转(如果你不理解什么是Z轴的话，你就当它是自转就好)，rotationX旋转动画：围绕X轴旋转，rotationY旋转动画：围绕Y轴旋转，alpha表示透明度动画，translationX平移动画：在X轴上平移，translationY平移动画：在Y轴上平移，scaleX缩放动画：在X轴上缩放，scaleY缩放动画：在Y轴上缩放。第三个参数表示旋转开始的角度，第四个参数表示旋转结束的角度(也就是自转一圈)。其他的代码里已经注释了，我相信你已经会用了吧。停止动画的代码更简单，代码如下：
/* * 打碟停止 * */ private void StopRecordRotation(){ animator.end(); animator1.end(); }
一目了然，然后我们只需要在你点击播放按钮的事件下面加上RecordRotation()方法，在暂停和停止的点击事件下面加上StopRecordRotation()方法就可以了。然后我们在拖动的时候添加打碟暂停，松手后打碟开始。
