Android控件Tween动画Demo

最新推荐文章于 2023-08-17 14:45:37 发布
最新推荐文章于 2023-08-17 14:45:37 发布
阅读量1.1k 收藏 5
点赞数 1
分类专栏： Andorid API Demos
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/true100/article/details/51735868
版权 
 Android动画中的Tween动画：是把控件对象不断的进行图像变化来产生旋转、平移、放缩和渐变等动画效果。

/**
 * 控件Tween动画
 * 
 * @description：
 * @author ldm
 * @date 2016-6-22 下午5:26:24
 */
public class TweenActivity extends Activity {
    private SeekBar seekBarX;// 拖动条控件
    private SeekBar seekBarY;
    private SeekBar scaleSeekBarX;
    private SeekBar scaleSeekBarY;
    private SeekBar rotationSeekBarX;
    private SeekBar rotationSeekBarY;
    private SeekBar rotationSeekBarZ;
    private Button button;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tween);
        initViews();
        initEvents();
    }

    /**
     * 
     * @description：初始化控件
     * @author ldm
     * @date 2016-6-22 下午5:26:26
     */
    private void initViews() {
        button = (Button) findViewById(R.id.button);
        seekBarX = (SeekBar) findViewById(R.id.translationX);
        seekBarX.setMax(400);
        seekBarY = (SeekBar) findViewById(R.id.translationY);
        seekBarY.setMax(800);
        scaleSeekBarX = (SeekBar) findViewById(R.id.scaleX);
        scaleSeekBarX.setMax(50);
        scaleSeekBarX.setProgress(10);
        scaleSeekBarY = (SeekBar) findViewById(R.id.scaleY);
        scaleSeekBarY.setMax(50);
        scaleSeekBarY.setProgress(10);
        rotationSeekBarX = (SeekBar) findViewById(R.id.rotationX);
        rotationSeekBarX.setMax(360);
        rotationSeekBarY = (SeekBar) findViewById(R.id.rotationY);
        rotationSeekBarY.setMax(360);
        rotationSeekBarZ = (SeekBar) findViewById(R.id.rotationZ);
        rotationSeekBarZ.setMax(360);
    }

    /**
     * 
     * @description：控件设置监听事件
     * @author ldm
     * @date 2016-6-22 下午5:26:26
     */
    private void initEvents() {
        // 按钮X方向平移动画
        seekBarX.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {
            public void onStopTrackingTouch(SeekBar seekBar) {
            }

            public void onStartTrackingTouch(SeekBar seekBar) {
            }

            public void onProgressChanged(SeekBar seekBar, int progress,
                    boolean fromUser) {
                // X方向平移
                button.setTranslationX((float) progress);
            }
        });
        // 按钮Y方向平移动画
        seekBarY.setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

            public void onStopTrackingTouch(SeekBar seekBar) {
            }

            public void onStartTrackingTouch(SeekBar seekBar) {
            }

            public void onProgressChanged(SeekBar seekBar, int progress,
                    boolean fromUser) {
                // Y方向平移
                button.setTranslationY((float) progress);
            }
        });
        // 按钮X方向缩放动画
        scaleSeekBarX
                .setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

                    public void onStopTrackingTouch(SeekBar seekBar) {
                    }

                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    public void onProgressChanged(SeekBar seekBar,
                            int progress, boolean fromUser) {
                        // X方向缩放
                        button.setScaleX((float) progress / 10f);
                    }
                });
        // 按钮Y方向缩放动画
        scaleSeekBarY
                .setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

                    public void onStopTrackingTouch(SeekBar seekBar) {
                    }

                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    public void onProgressChanged(SeekBar seekBar,
                            int progress, boolean fromUser) {
                        // Y方向缩放
                        button.setScaleY((float) progress / 10f);
                    }
                });
        // 按钮X方向旋转动画
        rotationSeekBarX
                .setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

                    public void onStopTrackingTouch(SeekBar seekBar) {
                    }

                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    public void onProgressChanged(SeekBar seekBar,
                            int progress, boolean fromUser) {
                        // X方向旋转
                        button.setRotationX((float) progress);
                    }
                });
        // 按钮Y方向旋转动画
        rotationSeekBarY
                .setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

                    public void onStopTrackingTouch(SeekBar seekBar) {
                    }

                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    public void onProgressChanged(SeekBar seekBar,
                            int progress, boolean fromUser) {
                        // Y方向旋转
                        button.setRotationY((float) progress);
                    }
                });
        // 按钮Z方向旋转动画
        rotationSeekBarZ
                .setOnSeekBarChangeListener(new SeekBar.OnSeekBarChangeListener() {

                    public void onStopTrackingTouch(SeekBar seekBar) {
                    }

                    public void onStartTrackingTouch(SeekBar seekBar) {
                    }

                    public void onProgressChanged(SeekBar seekBar,
                            int progress, boolean fromUser) {
                        // 设置旋转
                        button.setRotation((float) progress);
                    }
                });
    }
}

—布局文件R.layout.activity_tween——-

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:splitMotionEvents="true" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dip"
        android:orientation="horizontal"
        android:splitMotionEvents="true" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="5dip"
            android:paddingRight="5dip"
            android:text="TX"
            android:textStyle="bold" />

        <SeekBar
            android:id="@+id/translationX"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="15dip"
            android:paddingRight="5dip"
            android:text="TY"
            android:textStyle="bold" />

        <SeekBar
            android:id="@+id/translationY"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dip"
        android:orientation="horizontal"
        android:splitMotionEvents="true" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="5dip"
            android:paddingRight="5dip"
            android:text="SX"
            android:textStyle="bold" />

        <SeekBar
            android:id="@+id/scaleX"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="15dip"
            android:paddingRight="5dip"
            android:text="SY"
            android:textStyle="bold" />

        <SeekBar
            android:id="@+id/scaleY"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dip"
        android:orientation="horizontal"
        android:splitMotionEvents="true" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="5dip"
            android:paddingRight="5dip"
            android:text="X"
            android:textStyle="bold" />

        <SeekBar
            android:id="@+id/rotationX"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="15dip"
            android:paddingRight="5dip"
            android:text="Y"
            android:textStyle="bold" />

        <SeekBar
            android:id="@+id/rotationY"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:paddingLeft="15dip"
            android:paddingRight="5dip"
            android:text="Z"
            android:textStyle="bold" />

        <SeekBar
            android:id="@+id/rotationZ"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:orientation="horizontal" />
    </LinearLayout>

    <Button
        android:id="@+id/rotatingButton"
        android:layout_width="200dip"
        android:layout_height="150dip"
        android:layout_marginLeft="50dip"
        android:layout_marginTop="50dip"
        android:text="Rotating Button" />

</LinearLayout>
事在人为，幸福从不抱怨开始！
关注
  • 1
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android自定义控件——02视图动画
Abfahrt的博客
12-25 522
2.视图动画 文章目录2.视图动画2.1 视图动画标签2.1.1 概述2.1.2 scale标签2.1.3 Animation继承属性2.1.4 alpha 标签2.1.5 rotate 标签2.1.6 translate 标签2.1.7 set 标签2.2 视图动画的代码实现2.2.1 概述2.2.2 ScaleAnimation2.2.3 AlphaAnimation2.2.4 RotateA...
Android frame 帧动画demo
11-09
在本示例中，“Android帧动画demo”将展示如何在Android应用中创建并播放帧动画。 帧动画的核心组件是`AnimationDrawable`，它是一个可绘制对象，可以作为视图背景使用，并按照预设顺序播放一组帧。首先，我们需要...
Android实现控件动画效果
weixin_33858249的博客
03-10 96
MainActivity.java public class MainActivity extends AppCompatActivity { private ImageView iv; private int j = 0; private Button enter; private LinearLayout leftLayout, rightLayo...
Android控件的动画效果的实现及其AnimationListener和Interpolator的使用方法
jolfe的专栏
04-10 562
2012-06-14 10:37:00|  分类： Android |字号 订阅 Animation的4个基本动画效果 What is Animation? public abstract class Animation extends Object implements Cloneable Abstraction for an Animatio
android控件动画
u011349387的专栏
04-24 424
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_p
Android控件动画
u013598111的专栏
11-07 431
圆周轨迹动画： protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); final ImageView image = (ImageView) this.findViewById
android多种动画效果demo
12-18
除了基本的动画实现，Android还提供了一些高级特性，比如Tween动画、帧动画、属性动画等。Tween动画主要用于视图之间的简单转换，如淡入淡出、平移等。帧动画适用于播放一系列静态图像，如加载动画、按钮按下效果等...
Android常用控件Demo
08-30
本示例“Android常用控件Demo”聚焦于几个关键的Android控件，包括ExpandableListView、水平SeekBar、垂直SeekBar以及RatingBar，并展示了如何利用Animation进行动态效果的实现。这些控件对于任何Android开发者来说...
Android-观众头像进入直播间的效果demo
08-13
2. **动画框架**：Android提供了多种动画框架，如Tween Animation（补间动画）、Property Animation（属性动画）。在头像进入直播间的效果中，可能使用了属性动画，通过ObjectAnimator或ValueAnimator来改变头像的...
Android收缩式菜单demo
07-27
Android提供了多种动画类型，如补间动画（Tween Animation）、帧动画（Frame Animation）和属性动画（Property Animation）。在这个demo中，主要运用的是属性动画，因为属性动画可以灵活地改变视图的各种属性，如...
Android中切换动画，控件动画的使用
07-06
android中铁环动画，和控件点击动画的使用在很多项目中都会用到，我找了一个很好的库，写了两个demo
android导航按钮点击切换动画
02-28
一个android 导航按钮的切换动画。
Android动画控件之Animation
NiZhuanXingHeIT的博客
09-20 1491
概述： android的动画效果包括：移动，渐变透明度，旋转，缩放。 实现动画的方式有两种：在java代码中动态实现，在xml中静态实现。 demo 动态实现： /* 动画的透明度渐变 */ AlphaAnimation alphaAnimation = new AlphaAnimation(1f,0);//透明度从1到0 alp...
Android动画之Tween Animation变化动画
li1996heng的博客
12-06 1141
本文是对Tween Animation动画的详解,由于变化动画有很多种方式,而且每一个动画都可以使用java代码和XML布局来实现.所以我觉得不必死记代码,只需要知道一个动画效果需要用哪种方式去实现即可.具体代码可参考如下:在实现本文所有例子之前,你须在Android Studio res目录下右键新建一个director取名为anim 用于存放动画的XMLDemo截图如下:闪光灯截图如下: Li
【android】自定义控件动画篇之视觉动画
m0_48440239的博客
09-05 297
Android的动画由5种类型组成：alpha，scale，translate，rotate，set alpha：渐变透明度 scale：渐变尺寸 translate：画面变换位置 rotate：画面旋转 set：动画集
Android 动画
博艺的技术专栏
02-01 1320
android:duration 动画持续时间android:fillAfter 为true动画结束时，View将保持动画结束时的状态android:fillBefore 为true动画结束时，View将还原到开始开始时的状态android:repeatCount 动画重复执行的次数android:repeatMode 动画重复模式 ，重复播放时restart重头开始，reverse重复播放时倒叙回放，该属性需要和android:repeatCount一起使用。
Android 自定义控件和动画
随风的博客
06-06 940
CSDN启舰大神的Android自定义控件三部曲
Tween.js动画函数使用demo
最新发布
weixin_50367873的博客
08-17 205
Tween.js使用指南、动画函数、数字增长动画
Android Tween动画详解与实现
"Android开发中的Tween动画是实现动态效果的重要手段，它主要负责视图组件的各种简单变换，如位置、尺寸、透明度和旋转等。本文将深入探讨Tween动画的使用和实现原理。" 在Android应用开发中，动画的运用极大地提升...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值