Android 安卓动画属性动画 - 渐变/透明度动画

傷城~ 2022-05-14 04:28 312阅读 0赞

## **目录** ##

引入

动画 - 相关文章篇

布局文件 篇

代码逻辑 篇

--------------------

### 引入 ###

属性动画的出现，弥补了补间动画的不足之处，补间动画，只是改变了表面上的东西，但是其中属性并未改变，而属性动画相反，改变了表面上的东西，并且也更改了其属性。

--------------------

类：ObjectAnimator

用于操作属性动画的类

--------------------

## 动画 - 相关文章篇 ##

**帧动画**

帧动画:  [https://blog.csdn.net/qq\_40881680/article/details/82222684][https_blog.csdn.net_qq_40881680_article_details_82222684]

**补间动画**

补间动画-平移动画:  [https://blog.csdn.net/qq\_40881680/article/details/82255459][https_blog.csdn.net_qq_40881680_article_details_82255459]

补间动画-缩放动画:  [https://blog.csdn.net/qq\_40881680/article/details/82260914][https_blog.csdn.net_qq_40881680_article_details_82260914]

补间动画-旋转动画:  [https://blog.csdn.net/qq\_40881680/article/details/82261557][https_blog.csdn.net_qq_40881680_article_details_82261557]

补间动画-透明/渐变动画:  [https://blog.csdn.net/qq\_40881680/article/details/82261869][https_blog.csdn.net_qq_40881680_article_details_82261869]

补间动画-组合动画(四个动画一起播放):  [https://blog.csdn.net/qq\_40881680/article/details/82285987][https_blog.csdn.net_qq_40881680_article_details_82285987]

**属性动画**

属性动画-渐变透明动画:  [https://blog.csdn.net/qq\_40881680/article/details/82318363][https_blog.csdn.net_qq_40881680_article_details_82318363]

属性动画-旋转动画:  [https://blog.csdn.net/qq\_40881680/article/details/82354017][https_blog.csdn.net_qq_40881680_article_details_82354017]

属性动画-缩放动画:  [https://blog.csdn.net/qq\_40881680/article/details/82377850][https_blog.csdn.net_qq_40881680_article_details_82377850]

属性动画-移动动画:  [https://blog.csdn.net/qq\_40881680/article/details/82378391][https_blog.csdn.net_qq_40881680_article_details_82378391]

属性动画-组合动画:  [https://blog.csdn.net/qq\_40881680/article/details/82381258][https_blog.csdn.net_qq_40881680_article_details_82381258]

--------------------

先来看下基本效果:

![70][]

--------------------

## 布局文件 篇 ##

<?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=".MainActivity">
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1"
            android:background="#9c98ce"
            android:orientation="vertical"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:paddingTop="10dp">
    
            <Button
                android:id="@+id/button"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:background="#5b7bda"
                android:text="点击演示动画"
                android:textColor="#fff" />
    
        </LinearLayout>
    
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="4"
            android:orientation="vertical">
    
            <ImageView
                android:id="@+id/image"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:layout_marginTop="20dp"
                android:background="@mipmap/kuiba" />
    
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="《魁拔》"
                android:textSize="18sp" />
    
        </LinearLayout>
        
    </LinearLayout>

--------------------

## 代码逻辑 篇 ##

属性动画用到的是：ObjectAnimator

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    
        ObjectAnimator objectAnimator;
        private Button button;
        private ImageView image;
    
        @Override
        protected void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.activity_main);
            initView();
        }
    
        private void initView() {
            button = (Button) findViewById(R.id.button);
            image = (ImageView) findViewById(R.id.image);
            button.setOnClickListener(this);
            image.setOnClickListener(this);
        }
    
        @Override
        public void onClick(View v) {
            switch (v.getId()) {
                case R.id.button:
                    objectAnimator = ObjectAnimator.ofFloat(image,"alpha",1f,0f);
                    objectAnimator.setDuration(2000);
                    objectAnimator.start();
                    break;
                case R.id.image:
                    Toast.makeText(this, "我是属性动画", Toast.LENGTH_SHORT).show();
                    break;
            }
        }
    }

AndroidStudio快速实例化-插件安装与使用：[https://blog.csdn.net/qq\_40881680/article/details/82012180][https_blog.csdn.net_qq_40881680_article_details_82012180]

以上Java代码 objectAnimator = ObjectAnimator.ofFloat(image,"alpha",1f,0f);中

括号中的参数：

第一个参数，要实现动画的控件id

第二个参数，要实现的动画属性，以下列出6种:

<table> 
 <thead> 
  <tr> 
   <th> <p>propertyName</p> </th> 
   <th>详细作用</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>alpha</td> 
   <td>实现渐变效果</td> 
  </tr> 
  <tr> 
   <td>rotation</td> 
   <td>实现旋转旋转效果</td> 
  </tr> 
  <tr> 
   <td>translationX</td> 
   <td>实现水平移动效果(左或右移动)</td> 
  </tr> 
  <tr> 
   <td>translationY</td> 
   <td>实现纵向移动效果(向上或者向下移动)</td> 
  </tr> 
  <tr> 
   <td>scaleX</td> 
   <td>实现轴X缩放效果(放大或者缩小)</td> 
  </tr> 
  <tr> 
   <td>scaleY</td> 
   <td>实现轴Y缩放效果(放大或者缩小)</td> 
  </tr> 
 </tbody> 
</table>

以上两个参数是所有的实现效果都是这样写的，接下来介绍渐变动画的参数

第三个参数，开始时的透明状态( 1f 为不透明，0f 为完全透明，取值 0f ~ 1f )

第四个参数，结束时的透明状态( 1f 为不透明，0f 为完全透明，取值 0f ~ 1f )

在这里还可以加上第五个参数，表示为，渐变后再回到某一状态(1f为不透明，0f为完全透明，取值0f~1f)，看代码

objectAnimator = ObjectAnimator.ofFloat(image,"alpha",1f,0f,0.7f);

这样的话实现效果就变成了如下:

开始为1f,渐变后为0f,最后回到0.7f

![70 1][]

<table> 
 <thead> 
  <tr> 
   <th>ObjectAnimator 类 方法</th> 
   <th>详细解释</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>setDuration(2000)</td> 
   <td>设置动画持续时间，单位:毫秒ms</td> 
  </tr> 
  <tr> 
   <td>start();</td> 
   <td>开始执行动画</td> 
  </tr> 
 </tbody> 
</table>

有问题请联系我QQ:16191592

或者和在线QQ聊天: [》》点击和我聊天《《][Link 1]

[https_blog.csdn.net_qq_40881680_article_details_82222684]: https://blog.csdn.net/qq_40881680/article/details/82222684
[https_blog.csdn.net_qq_40881680_article_details_82255459]: https://blog.csdn.net/qq_40881680/article/details/82255459
[https_blog.csdn.net_qq_40881680_article_details_82260914]: https://blog.csdn.net/qq_40881680/article/details/82260914
[https_blog.csdn.net_qq_40881680_article_details_82261557]: https://blog.csdn.net/qq_40881680/article/details/82261557
[https_blog.csdn.net_qq_40881680_article_details_82261869]: https://blog.csdn.net/qq_40881680/article/details/82261869
[https_blog.csdn.net_qq_40881680_article_details_82285987]: https://blog.csdn.net/qq_40881680/article/details/82285987
[https_blog.csdn.net_qq_40881680_article_details_82318363]: https://blog.csdn.net/qq_40881680/article/details/82318363
[https_blog.csdn.net_qq_40881680_article_details_82354017]: https://blog.csdn.net/qq_40881680/article/details/82354017
[https_blog.csdn.net_qq_40881680_article_details_82377850]: https://blog.csdn.net/qq_40881680/article/details/82377850
[https_blog.csdn.net_qq_40881680_article_details_82378391]: https://blog.csdn.net/qq_40881680/article/details/82378391
[https_blog.csdn.net_qq_40881680_article_details_82381258]: https://blog.csdn.net/qq_40881680/article/details/82381258
[70]: /images/20220514/0e6b4a184a15448ea01adf4debc1462b.png
[https_blog.csdn.net_qq_40881680_article_details_82012180]: https://blog.csdn.net/qq_40881680/article/details/82012180
[70 1]: /images/20220514/478eafc772024a859067d8e20107301a.png
[Link 1]: http://sighttp.qq.com/authd?IDKEY=e5eb7e88251c5b2e6b7f7d84ca31e56e9ab8b7dd71a76012