首页 > 其他分享 >Android 补间动画 -- 缩放

Android 补间动画 -- 缩放

时间:2023-11-24 11:06:25浏览次数:35  
标签:xml 动画 缩放 -- animation import 补间 android id



文章目录

  • 1、简介
  • 2、代码架构
  • 3、activity_mani.xml 文件
  • 4、scale.xml 定义的动画属性文件
  • 5、MainActivity 功能文件


1、简介

实现图片的 放大缩小

Android 补间动画 -- 缩放_xml

点击后缩小

Android 补间动画 -- 缩放_缩放_02

2、代码架构

Android 补间动画 -- 缩放_缩放_03

  1. activity_main.xml 文件 定义了两个 imageview 还有一个按钮
    2)scale.xml 是定义好的 缩略动画属性
    3)ManiActivity 是具体调用代码实现的地方
3、activity_mani.xml 文件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.example.lum.myscale.MainActivity">


    <ImageView
        android:id="@+id/one_img_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/test"/>

    <ImageView
        android:id="@+id/two_img_id"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@drawable/timg"/>
    <Button
        android:id="@+id/but_id"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="缩放" />

</LinearLayout>
4、scale.xml 定义的动画属性文件
<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:zAdjustment="top">

    <scale android:fromXScale="1.0" android:toXScale="0.5"
            android:fromYScale="1.0" android:toYScale="0.5"
            android:pivotX="50%"  android:pivotY="50%"
            android:duration="2000"/>

    <!--
        fromXScale: 动画起始时 X轴方向的缩放,其中0.0表示缩放到没有
        1.0 表示正常 无伸缩,值小于 1.0 表示缩小,大于1.0 表示放大
       fromXScale: 动画开始时Y方向的缩放
       toXScale :动画结束时 x轴方向的缩放尺寸
       toYScale : 动画结束 y方向上的缩放尺寸
       pivotX : 动画在 x 轴方向缩放的中心点, 0% ~ 100 %,50% 表示 相对于父控件的中心位置
       pivotY : 动画在 Y 轴方向上的中心点

       interpolator :指定一个动画的插入器, interpolator 定义一个动画的变化率
       使得基本的动画(alpha scale translate rolate)可以加速 减速 重复等
       linear_interpolator : 动画匀速的速率改变
       cycle_interpolator : 动画循环播放特定的次数,速率改变沿着正弦速率改变
       accelerate_decelerate_interpolator : 在开始或结束 比较慢,在中间比较快
       accelerate_interpolator : 在开始的时候比较慢,然后加速
       decelerate_interpolator : 在开始的地方比较慢,然后减速

       zAdjustment: 定义动画 Z 轴方向的位置:
             normal  保持不变, top : 保持在最上层   buttom  : 在下面
       repeatCount :   动画的重复次数
       repeatMode : 定义重复的模式:
                      restart 表示重新开始  reverse : 先倒退再执行 ,倒退也算一次
       startOffset : 动画之间的时间间隔
    -->
</set>
5、MainActivity 功能文件
package com.example.lum.myscale;

import android.media.Image;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.animation.Animation;
import android.view.animation.AnimationSet;
import android.view.animation.AnimationUtils;
import android.view.animation.ScaleAnimation;
import android.widget.Button;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private String TAG = "MainActivity: ";
private ImageView imageViewOne,imageViewTwo;
    private Button button;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imageViewOne = (ImageView) findViewById(R.id.one_img_id);
        imageViewTwo =  (ImageView) findViewById(R.id.two_img_id);
        button = (Button) findViewById(R.id.but_id);
        button.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.but_id:
                Log.i(TAG,"缩放图片");
                scalePictureFormXml();
                scalePictureFormCode();
                break;
                default:
                    break;
        }
    }

    //从x'm'l  加载 缩放动画
    private void scalePictureFormXml() {

        Log.i(TAG,"从xml  加载缩放动画");
        //定义Animation对象
        Animation animation = AnimationUtils.loadAnimation(this,R.anim.scale);
        //开始动画
        imageViewOne.startAnimation(animation);

}


    //使用代码进行动态加载缩放
    private void scalePictureFormCode() {
        //创建AnimationSet 对象
        AnimationSet  animationSet = new AnimationSet(true);
        //创建 ScaleAnimation 对象
        ScaleAnimation scaleAnimation = new ScaleAnimation(1.0f,0.5f,1.0f,0.5f,
                Animation.RELATIVE_TO_SELF,0.5f,Animation.RELATIVE_TO_SELF,0.5f);
        //设置动画持续
        scaleAnimation.setDuration(2000);
        //动画插入器
        scaleAnimation.setInterpolator(this,android.R.anim.decelerate_interpolator);
        //添加到AnimationSet
        animationSet.addAnimation(scaleAnimation);
        imageViewTwo.startAnimation(animationSet);
    }

}

文章参考:
《Android 典型技术模块开发详解》

本人郑重声明,本博客所编文章、图片版权归权利人持有,本博只做学习交流分享所用,不做任何商业用途。访问者可將本博提供的內容或服务用于个人学习、研究或欣赏,不得用于商业使用。同時,访问者应遵守著作权法及其他相关法律的规定,不得侵犯相关权利人的合法权利;如果用于商业用途,须征得相关权利人的书面授权。若文章、图片的原作者不愿意在此展示內容,请及时通知在下,將及时予以刪除。


标签:xml,动画,缩放,--,animation,import,补间,android,id
From: https://blog.51cto.com/u_15866638/8546056

相关文章

  • Android 帧动画 的实现
    文章目录1、帧动画2、文件结构3、activity_main.xml文件4、frameanimation.xml文件自定义的动态文件5、ManiActivity文件1、帧动画2、文件结构1)activity_main定义一个img,两个按钮2)frameanimation.xml文件加载的自定义的动画文件3)ManiActivity文件主要功能实现地......
  • Android 观察者模式
    文章目录1、观察者模式简介2、观察者模式的定义3、观察者模式的使用场景4、观察者模式的UML类图5、观察者模式的简单实现1)文件结构2)DevTechFrontier被观察者文件3)Coder观察者文件4)MainActivity文件5、打印log6、运用思路1、观察者模式简介观察者模式使用最多的地方是GUI......
  • Service 服务详解 及自定义服务模板
    文章目录1、服务简介2、服务的生命周期1)Service的启动停止2)、服务的生命周期的方法3、使用startService启动后服务的生命周期1)、文件结构2)activity_main.xml文件3)、myService自定义服务文件4)、MainActivity文件5)、AndroidManifest.xml文件6)、打印的相关log5、使用bindS......
  • Android Alpha 更改图片透明度
    文章目录1、功能描述2、代码架构3、activity_main.xml文件4、alpha_out.xml透明度属性文件5、MainActivity.java逻辑功能文件1、功能描述实现图片透明度的改变点击之后两个图片透明度的改变实现方式不一样1)一个是加载anmixml文件里定义好的透明度改变动画2)一个是再代码......
  • Android 状态模式 接口的调用(interface)
    文章目录1、状态模式介绍2、状态模式的定义3、状态模式的使用场景4、状态模式的UML类图5、状态模式的简单示例6、代码结构1)TvStateOperate接口文件2)、PowerOnState开机状态下操作3)、PowerOffState关机状态下操作过程4)、PowerController电视状态设定接口5)、TvControlle......
  • Android 责任链模式
    文章目录1、责任链模式简介2、责任链的定义3、责任链的使用场景4、责任链模式的UML类图5、责任链模式的简单实现1)示例简介2)示例分析3)代码结构4)Leader文件5)GroupLeader文件6)、Director文件7)、Manager文件8)Boss文件9)、MainActivity文件10)打印log1、责任链模式简介将每个节......
  • interface 接口回调简单模板
    文章目录1、功能简介2、MainActivity文件3、Message文件4、log打印1、功能简介方便在不同类,不同activity之间进行数据传递文件结构:Mainactvity向Message里面传数据,Message处理后,通过接口将处理过后的数据返回到MainActivity2、MainActivity文件packagecom.example.ubun......
  • Android 策略模式 接口的调用
    文章目录1、策略模式介绍2、使用场景3、UML类图4、策略模式的简单实现1)文件结构2)CalculateStrategy接口文件3)BusStrategy公交收费策略4)地铁收费策略5)MainActivity调用不同收费策略6)log打印1、策略模式介绍1)实现某一功能可能会有不同的算法,不同的策略。我们根据不同的实际情......
  • 代码雨的实现 linux or html
    文章目录1、linux代码雨的实现2、html文件实现1、linux代码雨的实现执行1)sudoapt-getinstallcmatrix2)cmatrix效果:2、html文件实现1)新建文件test.html2)复制一下代码<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>Code......
  • canvas drawable 绘制图片时钟
    文章目录1、功能介绍2、文件结构3、xml文件4、MainActivity.java文件5、自定义的view文件1、功能介绍1)通过实例化drawable资源图片对象2)调用canvas进行图片的绘制和刷新上图指针分别是三个图片2、文件结构3、xml文件<?xmlversion="1.0"encoding="utf-8"?><Relat......