動(dòng)畫 -- View動(dòng)畫 -- 縮放動(dòng)畫

一、概念

縮放動(dòng)畫,子類:ScaleAnimation,標(biāo)簽:<scale>
它可以使View具有放大或者縮小的動(dòng)畫效果。

二、實(shí)現(xiàn)

1. XML實(shí)現(xiàn)
<scale>標(biāo)簽常用屬性如下:
android:fromXScale:起始的x方向上相對(duì)自身的縮放比例,浮點(diǎn)值,比如1.0表示起始時(shí)自身無變化,0.5表示縮小一倍,2.0表示放大一倍;
android:toXScale:結(jié)尾的x方向上相對(duì)自身的縮放比例,浮點(diǎn)值;
android:fromYScale:起始的y方向上相對(duì)自身的縮放比例,浮點(diǎn)值;
android:toYScale:結(jié)尾的y方向上相對(duì)自身的縮放比例,浮點(diǎn)值;
android:pivotX:縮放起點(diǎn)x軸坐標(biāo),可以是 數(shù)值、百分?jǐn)?shù)、百分?jǐn)?shù)p 三種樣式,比如 50、50%、50%p,
50,表示在當(dāng)前View的左上角x軸坐標(biāo)加上50px做為起始點(diǎn)x軸坐標(biāo);
50%,表示在當(dāng)前View的左上角x軸坐標(biāo)加上自己寬度的50%做為起始點(diǎn)x軸坐標(biāo);
50%p,表示在當(dāng)前View的左上角x軸坐標(biāo)加上父控件寬度的50%做為起始點(diǎn)x軸坐標(biāo)。
android:pivotY:縮放起點(diǎn)y軸坐標(biāo),取值及意義跟android:pivotX一樣。

//res/anim/scale_animation.xml
<?xml version="1.0" encoding="utf-8"?>
<scale xmlns:android="http://schemas.android.com/apk/res/android"
    android:fillAfter="true"
    android:fromXScale="0"
    android:fromYScale="0"
    android:toXScale="1"
    android:toYScale="1"
    android:pivotX="150%"
    android:pivotY="150%"
    android:duration="3000"
    android:repeatCount="2"
    />

//布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="500px"
    android:layout_height="500px"
    android:layout_marginLeft="100px"
    android:background="@color/colorAccent">
    <TextView
        android:id="@+id/animate_tv"
        android:layout_width="wrap_content"
        android:layout_height="200px"
        android:gravity="center"
        android:layout_centerInParent="true"
        android:textColor="@color/colorAccent"
        android:text="Hello Android!"
        android:background="@color/colorPrimaryDark"/>
</RelativeLayout>

//代碼,MainActivity
private void scaleAnimationXML() {
    Animation scaleAnimation = AnimationUtils.loadAnimation(this, R.anim.scale_animation);
    mAnimate_tv.setAnimation(scaleAnimation);
    mAnimate_tv.startAnimation(scaleAnimation); 
}

private void stopAnimation() {
    mAnimate_tv.clearAnimation();
}

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

@Override
protected void onDestroy() {
    super.onDestroy();
    stopAnimation();
}

2. 代碼實(shí)現(xiàn)
構(gòu)造方法:
public ScaleAnimation(float fromX, float toX, float fromY, float toY,int pivotXType, float pivotXValue, int pivotYType, float pivotYValue)
參數(shù)說明:
float fromX:起始的x方向上相對(duì)自身的縮放比例,浮點(diǎn)值,比如1.0表示起始時(shí)自身無變化,0.5表示縮小一倍,2.0表示放大一倍;
float toX:結(jié)尾的x方向上相對(duì)自身的縮放比例,浮點(diǎn)值;
float fromY:起始的y方向上相對(duì)自身的縮放比例,浮點(diǎn)值;
float toY:結(jié)尾的y方向上相對(duì)自身的縮放比例,浮點(diǎn)值;
int pivotXType:縮放起點(diǎn)x軸參考類型,
Animation.ABSOLUTE(絕對(duì)像素值);
Animation.RELATIVE_TO_SELF(參考自己);Animation.RELATIVE_TO_PARENT(參考父容器)。
float pivotXValue:縮放起點(diǎn)x軸坐標(biāo),
當(dāng)pivotXType為ABSOLUTE時(shí),當(dāng)前View的左上角x軸坐標(biāo)加上絕對(duì)像素值做為起始點(diǎn)x軸坐標(biāo);
當(dāng)pivotXType為RELATIVE_TO_SELF或RELATIVE_TO_PARENT時(shí),當(dāng)前View的左上角x軸坐標(biāo)加上 參考物寬度*pivotXValue 做為起始點(diǎn)x軸坐標(biāo)。
int pivotYType:縮放起點(diǎn)y軸參考類型;
float pivotYValue:縮放起點(diǎn)y軸坐標(biāo)。

//布局
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="500px"
    android:layout_height="500px"
    android:layout_marginLeft="100px"
    android:background="@color/colorAccent">
    <TextView
        android:id="@+id/animate_tv"
        android:layout_width="wrap_content"
        android:layout_height="200px"
        android:gravity="center"
        android:layout_centerInParent="true"
        android:textColor="@color/colorAccent"
        android:text="Hello Android!"
        android:background="@color/colorPrimaryDark"/>
</RelativeLayout>

//代碼,MainActivity
private void scaleAnimationCode() {
    mAnimation = new ScaleAnimation(0, 1.0f, 0, 1.0f, Animation.RELATIVE_TO_SELF, 1.5f, Animation.RELATIVE_TO_SELF, 1.5f);
    mAnimation.setDuration(3000);
    mAnimation.setRepeatCount(2);
    mAnimation.setFillAfter(true);
    mAnimate_tv.setAnimation(mAnimation);
    mAnimate_tv.startAnimation(mAnimation);
}

private void stopAnimation() {
    mAnimate_tv.clearAnimation();
}

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

@Override
protected void onDestroy() {
    super.onDestroy();
    stopAnimation();
} 
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,922評(píng)論 25 709
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,177評(píng)論 4 61
  • 《Just One Last Dance》是一首旋律優(yōu)美的英語歌曲,由德國女歌手Sarah Connor與...
    周未眠閱讀 371評(píng)論 0 0
  • 他搞了20多年的探險(xiǎn)旅游,30年左右的戶外運(yùn)動(dòng),有人說他是昆明戶外運(yùn)動(dòng)的“教父”;同時(shí),他還是由世界商務(wù)策劃師聯(lián)合...
    語菲菲兒閱讀 3,071評(píng)論 0 3
  • 夜深人靜,窗外不時(shí)傳來狗叫聲,為原本煩躁的夏夜又增添了不少惱的氣息。站在窗前,看著茫茫夜色,心中泛起一絲惆悵…… ...
    xiao嫣閱讀 485評(píng)論 0 1

友情鏈接更多精彩內(nèi)容