全网整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:400-708-3566

Android自定义Animation实现View摇摆效果

使用自定义Animation,实现View的左右摇摆效果,如图所示:

代码很简单,直接上源码

activity_maini.xml布局文件:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:background="#ffffff"
 android:gravity="center"
 android:orientation="vertical">

 <!--图片-->
 <ImageView
  android:id="@+id/iv_dial"
  android:layout_width="200dp"
  android:layout_height="200dp"
  android:src="@drawable/img"/>

 <!--控制按钮-->
 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:layout_gravity="bottom"
  android:gravity="center"
  android:orientation="horizontal">

  <Button
   android:id="@+id/btn_start"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="开始"/>

  <Button
   android:id="@+id/btn_end"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:text="结束"/>

 </LinearLayout>

</LinearLayout>

也可以用其它的View控件替代ImageView,都是可以实现摇摆效果的

主界面MainActivity

/**
 * 主界面
 * Created by zhuwentao on 2016-08-08.
 */
public class MainActivity extends AppCompatActivity implements View.OnClickListener{

 /** 表盘图片 */
 private ImageView mDialIv;

 /** 开始按钮 */
 private Button mStartBtn;

 /** 结束按钮 */
 private Button mEndBtn;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  initUI();
  initListener();
 }

 /**
  * 初始化UI
  */
 private void initUI() {
  mDialIv = (ImageView) findViewById(R.id.iv_dial);
  mStartBtn = (Button) findViewById(R.id.btn_start);
  mEndBtn = (Button) findViewById(R.id.btn_end);
 }

 /**
  * 初始化监听
  */
 private void initListener() {
  mStartBtn.setOnClickListener(this);
  mEndBtn.setOnClickListener(this);
 }

 @Override
 public void onClick(View v) {
  switch (v.getId()) {
   case R.id.btn_start:
    showAnimation();
    break;
   case R.id.btn_end:
    mDialIv.clearAnimation();
    break;
  }
 }

 /**
  * 设置动画
  */
 private void showAnimation() {
  // 获取自定义动画实例
  CustomRotateAnim rotateAnim = CustomRotateAnim.getCustomRotateAnim();
  // 一次动画执行1秒
  rotateAnim.setDuration(1000);
  // 设置为循环播放
  rotateAnim.setRepeatCount(-1);
  // 设置为匀速
  rotateAnim.setInterpolator(new LinearInterpolator());
  // 开始播放动画
  mDialIv.startAnimation(rotateAnim);
 }
}

setRepeatCount()设置的是重复播放动画的次数,-1是为了让它循环播放,setRepeatCount(0)代表的是执行一次,setRepeatCount(1)代表重复1次,即动画执行2次。
setInterpolator()方法是设置插值器,用来指定动画的效果,这里使用系统提供的LinearInterpolator()匀速变化效果。

自定义的CustomRotateAnim动画需要继承Animation,这里只要实现它的initialize()和applyTransformation()方法就好

/**
 * 左右摇摆动画
 * Created by zhuwentao on 2016-08-08.
 */
public class CustomRotateAnim extends Animation {

 /** 控件宽 */
 private int mWidth;

 /** 控件高 */
 private int mHeight;

 /** 实例 */
 private static CustomRotateAnim rotateAnim;

 /**
  * 获取动画实例
  * @return 实例
  */
 public static CustomRotateAnim getCustomRotateAnim() {
  if (null == rotateAnim) {
   rotateAnim = new CustomRotateAnim();
  }
  return rotateAnim;
 }

 @Override
 public void initialize(int width, int height, int parentWidth, int parentHeight) {
  this.mWidth = width;
  this.mHeight = height;
  super.initialize(width, height, parentWidth, parentHeight);
 }

 @Override
 protected void applyTransformation(float interpolatedTime, Transformation t) {
  // 左右摇摆
  t.getMatrix().setRotate((float)(Math.sin(interpolatedTime*Math.PI*2)*50), mWidth/2, mHeight/2);
  super.applyTransformation(interpolatedTime, t);
 }
}

initialize(int width, int height, int parentWidth, int parentHeight)中,width和height代表指定播放动画的View空间宽高,parentWidth和parentHeight代表该View控件所在的父控件宽高。
我们需要使用当前View的宽高来确定摇摆的旋转点,所以在initialize中获取View控件的宽高。

applyTransformation()方法是动画具体的实现方法,在系统绘制动画时会反复调用这个方法,每调用一次applyTransformation()方法,其中的interpolatedTime参数都会改变一次,值从0到1递增,当interpolatedTime的值为1时则动画结束。
Transformatio类是一个变换的矩阵,通过改变该矩阵就可以实现各种复杂的效果。
复写这个方法,在里面就可以实现我们自定义的动画效果了。


# Android  # Animation  # 摇摆  # Android Animation实战之一个APP的ListView的动画效果  # Android使用glide加载gif动画设置播放次数  # Android Glide图片加载(加载监听、加载动画)  # Android实现跳动的小球加载动画效果  # Android自定义加载loading view动画组件  # Android自定义加载控件实现数据加载动画  # Android加载Gif动画实现代码  # Android自定义view实现阻尼效果的加载动画  # Android自定义View实现loading动画加载效果  # Android使用View Animation实现动画加载界面  # 自定义  # 的是  # 左右摇摆  # 设置为  # 就可以  # 都是  # 是一个  # 就好  # 可以用  # 很简单  # 在里面  # 可以实现  # 让它  # 值为  # 如图所示  # 时则  # 是为了  # 插值  # dp  # drawable 


相关文章: 如何在企业微信快速生成手机电脑官网?  用v-html解决Vue.js渲染中html标签不被解析的问题  如何在阿里云虚拟机上搭建网站?步骤解析与避坑指南  如何通过云梦建站系统实现SEO快速优化?  建站之星如何助力网站排名飙升?揭秘高效技巧  网站制作报价单模板图片,小松挖机官方网站报价?  如何在IIS7中新建站点?详细步骤解析  网站app免费制作软件,能免费看各大网站视频的手机app?  视频网站app制作软件,有什么好的视频聊天网站或者软件?  如何在宝塔面板中修改默认建站目录?  如何在云指建站中生成FTP站点?  JS中使用new Date(str)创建时间对象不兼容firefox和ie的解决方法(两种)  盐城做公司网站,江苏电子版退休证办理流程?  建站之星导航配置指南:自助建站与SEO优化全解析  早安海报制作网站推荐大全,企业早安海报怎么每天更换?  宝塔建站后网页无法访问如何解决?  网站制作大概多少钱一个,做一个平台网站大概多少钱?  网站视频制作书签怎么做,ie浏览器怎么将网站固定在书签工具栏?  SAX解析器是什么,它与DOM在处理大型XML文件时有何不同?  香港代理服务器配置指南:高匿IP选择、跨境加速与SEO优化技巧  如何使用Golang安装API文档生成工具_快速生成接口文档    如何快速搭建安全的FTP站点?  如何在建站宝盒中设置产品搜索功能?  武汉外贸网站制作公司,现在武汉外贸前景怎么样啊?  网站插件制作软件免费下载,网页视频怎么下到本地插件?  企业微网站怎么做,公司网站和公众号有什么区别?  c# F# 的 MailboxProcessor 和 C# 的 Actor 模型  建站主机是否属于云主机类型?  名字制作网站免费,所有小说网站的名字?  建站之星如何快速解决建站难题?  建站主机如何选?高性价比方案全解析  Thinkphp 中 distinct 的用法解析  整人网站在线制作软件,整蛊网站退不出去必须要打我是白痴才能出去?  php json中文编码为null的解决办法  网站制作话术技巧,网站推广做的好怎么话术?  建站之星代理费用多少?最新价格详情介绍  建站168自助建站系统:快速模板定制与SEO优化指南  定制建站哪家更专业可靠?推荐榜单揭晓  如何通过WDCP绑定主域名及创建子域名站点?  *服务器网站为何频现安全漏洞?  如何在万网ECS上快速搭建专属网站?  上海网站制作网站建设公司,建筑电工证网上查询系统入口?  C++中的Pimpl idiom是什么,有什么好处?(隐藏实现)  品牌网站制作公司有哪些,买正品品牌一般去哪个网站买?  如何在腾讯云服务器上快速搭建个人网站?  c++ stringstream用法详解_c++字符串与数字转换利器  建站之星安全性能如何?防护体系能否抵御黑客入侵?  建站之星免费版是否永久可用?  免费制作统计图的网站有哪些,如何看待现如今年轻人买房难的情况? 

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。