Android的四個動畫特效

阿新 • • 發佈：2019-01-29

Android的四個動畫分別是漸變透明，縮放尺寸，旋轉角度，移動方向等動畫組合，這些動畫可以在res資原始檔下中新建的anim資料夾下建立一些常用的動畫屬性檔案供自己呼叫。下面筆者用寫程式碼來說明四個動畫的執行效果，並動態的設定動畫各個引數屬性值，方便一些學習者測試，並窺視它的動畫細節，以便以掌握動畫特效。寫純程式碼實現動畫還能方便開發者打包jar.

特別宣告，請讀者務必具備一定的英語閱讀能力。

一，漸變動畫alpha

建立一個繼承Activity的漸變動畫頁面類AlphaActivity.java

public class AlphaActivity extends Activity {

	private ImageView spaceshipImage;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		this.setContentView(R.layout.activity_alpha);
		
		spaceshipImage = (ImageView) this.findViewById(R.id.imageView_alpha);
		((Button) this.findViewById(R.id.button_start_alpha)).setOnClickListener(new View.OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				startAlpha();
			}
		});
	}
	
	/**
	 * Alpha漸變動畫，從透明到不透明，範圍值為百分比
	 */
	private void startAlpha() {
//		設定動畫開始時的透明度
		String text = ((EditText) this.findViewById(R.id.editText_from_alpha)).getText().toString();
		if(text.equals("")) text = "0.1";
		float fromAlpha = Float.valueOf(text);
//		設定動畫結束時的透明度
		text = ((EditText) this.findViewById(R.id.editText_to_alpha)).getText().toString();
		if(text.equals("")) text = "1.0";
		float toAlpha = Float.valueOf(text);
//		設定動畫時間
		text = ((EditText) this.findViewById(R.id.editText_duration_alpha)).getText().toString();
		if(text.equals("")) text = "1000";
		int duration = Integer.valueOf(text);
		
		Animation alphaAnimation = new AlphaAnimation(fromAlpha, toAlpha);
		alphaAnimation.setDuration(duration);
//		開始動畫
		this.spaceshipImage.startAnimation(alphaAnimation);
	}
}

下面是漸變alpha的佈局介面檔案activity_alpha.xml

<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_parent"
    tools:context=".AlphaActivity" >

    <TextView
        android:id="@+id/textView_alpha"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="24dp"
        android:text="Alpha 漸變透明度動畫" />

    <ImageView
        android:id="@+id/imageView_alpha"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView_alpha"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="19dp"
        android:src="@drawable/test" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imageView_alpha"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="16dp"
        android:background="#667b7b7b"
        android:orientation="vertical"
        android:padding="10dp" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/textView1"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="fromAlpha=" />

            <EditText
                android:id="@+id/editText_from_alpha"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="0.1"
                android:inputType="numberDecimal"
                android:maxLength="3"
                android:singleLine="true" >

            </EditText>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/textView2"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="toAlpha=" />

            <EditText
                android:id="@+id/editText_to_alpha"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="1.0"
                android:inputType="numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:id="@+id/textView3"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="duration=" />

            <EditText
                android:id="@+id/editText_duration_alpha"
                android:layout_width="70dp"
                android:layout_height="wrap_content"
                android:hint="1000"
                android:inputType="number"
                android:maxLength="4"
                android:singleLine="true" >
            </EditText>

        </LinearLayout>

    </LinearLayout>

    <Button
        android:id="@+id/button_start_alpha"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="開始動畫" />

</RelativeLayout>

漸變動畫頁面效果圖：

二，縮放動畫scale

建立一個繼承Activity的縮放動畫介面類ScaleActivity.java

public class ScaleActivity extends Activity {

	private ImageView spaceshipImage;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		this.setContentView(R.layout.activity_scale);
		
		spaceshipImage = (ImageView) this.findViewById(R.id.imageView_scale);
		((Button) this.findViewById(R.id.button_start_scale)).setOnClickListener(new View.OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				startScale();
			}
		});
	}

	private void startScale() {
		String text = ((EditText) this.findViewById(R.id.editText_fromx_scale)).getText().toString();
		if(text.equals("")) text = "0.1";
		float from_x_scale = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_tox_scale)).getText().toString();
		if(text.equals("")) text = "1.0";
		float to_x_scale = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_fromy_scale)).getText().toString();
		if(text.equals("")) text = "0.1";
		float from_y_scale = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_toy_scale)).getText().toString();
		if(text.equals("")) text = "1.0";
		float to_y_scale = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_pivotX_scale)).getText().toString();
		if(text.equals("")) text = "0";
		float pivotX_scale = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_pivotY_scale)).getText().toString();
		if(text.equals("")) text = "0";
		float pivotY_scale = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_duration_scale)).getText().toString();
		if(text.equals("")) text = "1000";
		int duration = Integer.valueOf(text);
//		Animation scaleAnimation = new ScaleAnimation(from_x_scale, to_x_scale, from_y_scale, to_y_scale);
//		另外還可以設定伸縮模式pivotXType、pivotYType， 伸縮動畫相對於x,y 座標的開始位置pivotXValue、pivotYValue等。
		Animation scaleAnimation = new ScaleAnimation(from_x_scale, to_x_scale, from_y_scale, to_y_scale,
				Animation.RELATIVE_TO_SELF, pivotX_scale, Animation.RELATIVE_TO_SELF, pivotY_scale);
//		scaleAnimation.setRepeatCount(repeatCount)
		scaleAnimation.setDuration(duration);
		this.spaceshipImage.startAnimation(scaleAnimation);
	}
}

下面是縮放動畫scale的佈局檔案activity_acale.xml

<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_parent"
    tools:context=".ScaleActivity" >

    <TextView
        android:id="@+id/textView_scale"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="24dp"
        android:text="Scale 縮放動畫" />

    <Button
        android:id="@+id/button_start_scale"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="開始動畫" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imageView_scale"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:background="#667b7b7b"
        android:orientation="vertical"
        android:padding="10dp" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="fromXScale=" />

            <EditText
                android:id="@+id/editText_fromx_scale"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="0.1"
                android:inputType="numberDecimal"
                android:maxLength="3"
                android:singleLine="true" >

                <requestFocus />
            </EditText>

            <TextView
                android:id="@+id/textView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:text="toXScale=" />

            <EditText
                android:id="@+id/editText_tox_scale"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="1.0"
                android:inputType="numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="fromYScale=" />

            <EditText
                android:id="@+id/editText_fromy_scale"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="0.1"
                android:inputType="numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

            <TextView
                android:id="@+id/textView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:text="toYScale=" />

            <EditText
                android:id="@+id/editText_toy_scale"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="1.0"
                android:inputType="numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="pivotX=" />

            <EditText
                android:id="@+id/editText_pivotX_scale"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="0%"
                android:inputType="numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:text="pivotY=" />

            <EditText
                android:id="@+id/editText_pivotY_scale"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="0%"
                android:inputType="numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

        </LinearLayout>
        
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="duration=" />

            <EditText
                android:id="@+id/editText_duration_scale"
                android:layout_width="70dp"
                android:layout_height="wrap_content"
                android:hint="1000"
                android:inputType="number"
                android:maxLength="4"
                android:singleLine="true" />
        </LinearLayout>
    </LinearLayout>

    <ImageView
        android:id="@+id/imageView_scale"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView_scale"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="22dp"
        android:src="@drawable/test" />

</RelativeLayout>

縮放動畫頁面效果圖

三，旋轉動畫rotate

建立一個繼承Activity的旋轉動畫介面類RotateActivity.java

public class RotateActivity extends Activity {

	private ImageView spaceshipImage;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		this.setContentView(R.layout.activity_rotate);
		
		spaceshipImage = (ImageView) this.findViewById(R.id.imageView_rotate);
		((Button) this.findViewById(R.id.button_start_rotate)).setOnClickListener(new View.OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				startScale();
			}
		});
	}
	
	private void startScale() {
		String text = ((EditText) this.findViewById(R.id.editText_start_rotate)).getText().toString();
		if(text.equals("")) text = "0";
		float start_degree_rotate = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_end_rotate)).getText().toString();
		if(text.equals("")) text = "360";
		float end_degree_rotate = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_pivotX_rotate)).getText().toString();
		if(text.equals("")) text = "0";
		float pivotX_rotate = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_pivotY_rotate)).getText().toString();
		if(text.equals("")) text = "0";
		float pivotY_rotate = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_duration_rotate)).getText().toString();
		if(text.equals("")) text = "1000";
		int duration = Integer.valueOf(text);
//		Animation rotateAnimation = new RotateAnimation(start_degree_rotate, end_degree_rotate);
//		另外還可以設定伸縮模式pivotXType、pivotYType， 伸縮動畫相對於x,y 座標的開始位置pivotXValue、pivotYValue等。
		Animation rotateAnimation = new RotateAnimation(start_degree_rotate, end_degree_rotate,
				Animation.RELATIVE_TO_SELF, pivotX_rotate, Animation.RELATIVE_TO_SELF, pivotY_rotate);
		rotateAnimation.setDuration(duration);
		this.spaceshipImage.startAnimation(rotateAnimation);
	}
}

下面是旋轉動畫rotate的佈局檔案activity_rotate.xml

<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_parent"
    tools:context=".RotateActivity" >

    <TextView
        android:id="@+id/textView_rotate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="24dp"
        android:text="Rotate 旋轉動畫" />

    <Button
        android:id="@+id/button_start_rotate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="開始動畫" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imageView_rotate"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:background="#667b7b7b"
        android:orientation="vertical"
        android:padding="10dp" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="fromDegrees=" />

            <EditText
                android:id="@+id/editText_start_rotate"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="0'"
                android:inputType="numberSigned|numberDecimal"
                android:maxLength="3"
                android:singleLine="true" >

                <requestFocus />
            </EditText>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_weight="1"
                android:text="toDegrees=" />

            <EditText
                android:id="@+id/editText_end_rotate"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="360'"
                android:inputType="numberSigned|numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="pivotX=" />

            <EditText
                android:id="@+id/editText_pivotX_rotate"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="0%"
                android:inputType="numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:text="pivotY=" />

            <EditText
                android:id="@+id/editText_pivotY_rotate"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="0%"
                android:inputType="numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="duration=" />

            <EditText
                android:id="@+id/editText_duration_rotate"
                android:layout_width="70dp"
                android:layout_height="wrap_content"
                android:hint="1000"
                android:inputType="number"
                android:maxLength="4"
                android:singleLine="true" />
        </LinearLayout>
    </LinearLayout>

    <ImageView
        android:id="@+id/imageView_rotate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView_rotate"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="22dp"
        android:src="@drawable/test" />

</RelativeLayout>

旋轉動畫頁面效果圖

四，位移動畫translate

建立一個繼承Activity的位移動畫介面類TranslateActivity.java

public class TranslateActivity extends Activity {

	private ImageView spaceshipImage;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		this.setContentView(R.layout.activity_translate);
		
		spaceshipImage = (ImageView) this.findViewById(R.id.imageView_translate);
		((Button) this.findViewById(R.id.button_start_translate)).setOnClickListener(new View.OnClickListener() {
			
			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				startScale();
			}
		});
	}

	private void startScale() {
		String text = ((EditText) this.findViewById(R.id.editText_fromx_translate)).getText().toString();
		if(text.equals("")) text = "0.1";
		float from_x_translate = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_tox_translate)).getText().toString();
		if(text.equals("")) text = "100";
		float to_x_translate = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_fromy_translate)).getText().toString();
		if(text.equals("")) text = "0.1";
		float from_y_translate = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_toy_translate)).getText().toString();
		if(text.equals("")) text = "100";
		float to_y_translate = Float.valueOf(text);
		text = ((EditText) this.findViewById(R.id.editText_duration_translate)).getText().toString();
		if(text.equals("")) text = "1000";
		int duration = Integer.valueOf(text);
		Animation translateAnimation = new TranslateAnimation(from_x_translate, to_x_translate, from_y_translate, to_y_translate);
		translateAnimation.setDuration(duration);
		this.spaceshipImage.startAnimation(translateAnimation);
	}
}

下面是位移動畫translate的佈局檔案activity_translate.xml

<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_parent"
    tools:context=".TranslateActivity" >

    <TextView
        android:id="@+id/textView_translate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="24dp"
        android:text="Translate 位移動畫" />

    <Button
        android:id="@+id/button_start_translate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:text="開始動畫" />

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/imageView_translate"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="50dp"
        android:background="#667b7b7b"
        android:orientation="vertical"
        android:padding="10dp" >

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="fromXDelta=" />

            <EditText
                android:id="@+id/editText_fromx_translate"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="0.1"
                android:inputType="numberSigned|numberDecimal"
                android:maxLength="3"
                android:singleLine="true" >

                <requestFocus />
            </EditText>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:layout_weight="1"
                android:text="toXDelta=" />

            <EditText
                android:id="@+id/editText_tox_translate"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="100"
                android:inputType="numberSigned|numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="fromYDelta=" />

            <EditText
                android:id="@+id/editText_fromy_translate"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="0.1"
                android:inputType="numberSigned|numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginLeft="5dp"
                android:text="toYDelta=" />

            <EditText
                android:id="@+id/editText_toy_translate"
                android:layout_width="60dp"
                android:layout_height="wrap_content"
                android:hint="100"
                android:inputType="numberSigned|numberDecimal"
                android:maxLength="3"
                android:singleLine="true" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content" >

            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="duration=" />

            <EditText
                android:id="@+id/editText_duration_translate"
                android:layout_width="70dp"
                android:layout_height="wrap_content"
                android:hint="1000"
                android:inputType="number"
                android:maxLength="4"
                android:singleLine="true" />
        </LinearLayout>
    </LinearLayout>

    <ImageView
        android:id="@+id/imageView_translate"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/textView_translate"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="22dp"
        android:src="@drawable/test" />

</RelativeLayout>

位移動畫頁面效果圖

五，多頁卡的主頁面

建立一個有四個選項卡的頁卡主頁面MainActivity.java，繼承與TabActivity

public class MainActivity extends TabActivity {

	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
//		漸變動畫一
		TabHost tabHost = this.getTabHost();
		TabSpec tab1 = tabHost.newTabSpec("tab1");
		tab1.setIndicator("漸變");
		tab1.setContent(new Intent(this, AlphaActivity.class));
		tabHost.addTab(tab1);
//		縮放動畫二
		TabSpec tab2 = tabHost.newTabSpec("tab2");
		tab2.setIndicator("縮放");
		tab2.setContent(new Intent(this, ScaleActivity.class));
		tabHost.addTab(tab2);
//		旋轉動畫三
		TabSpec tab3 = tabHost.newTabSpec("tab3");
		tab3.setIndicator("旋轉");
		tab3.setContent(new Intent(this, RotateActivity.class));
		tabHost.addTab(tab3);
//		位移動畫四
		TabSpec tab4 = tabHost.newTabSpec("tab4");
		tab4.setIndicator("位移");
		tab4.setContent(new Intent(this, TranslateActivity.class));
		tabHost.addTab(tab4);
	}

}

下面是主頁面的main的佈局檔案activity_main.xml，其中tabHost,tabWidget元件id為自動設定不能修改

<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_parent"
    tools:context=".MainActivity" >

    <TabHost
        android:id="@android:id/tabhost"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_weight="1" >
            </FrameLayout>

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" >

            </TabWidget>

        </LinearLayout>
    </TabHost>

</RelativeLayout>

六，在AndrroidManifest.xml屬性檔案中新增上面的四個繼承與Activity類的屬性

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.animationtest"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="17" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.animationtest.MainActivity"
            android:label="@string/app_name" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name="AlphaActivity"></activity>
        <activity android:name="ScaleActivity"></activity>
        <activity android:name="RotateActivity"></activity>
        <activity android:name="TranslateActivity"></activity>
    </application>

</manifest>

七，專案總算完成了，專案沒有報錯的話那安裝在模擬器中，執行介面按下開始動畫按鈕測試效果看看吧。

如果讀者還有什麼問題，歡迎留言。

Android的四個動畫特效

Android的四個動畫分別是漸變透明，縮放尺寸，旋轉角度，移動方向等動畫組合，這些動畫可以在res資原始檔下中新建的anim資料夾下建立一些常用的動畫屬性檔案供自己呼叫。下面筆者用寫程式碼來說明四個動畫的執行效果，並動態的設定動畫各個引數屬性值，方便一些學習者測試，並窺視

Android四個啟動模式

standard: standard是四個啟動模式中的預設模式,可以不用寫配置。在這個模式下,都會預設建立—個新的例項。因此,在這種模式下,可以有多個相同的例項,也允許多個相同Activity:疊加。例如:建立一個activity將它命名為a,這個activity上邊有

【轉載】CSS3 常用四個動畫（旋轉放大旋轉放大移動）

CSS3 常用四個動畫（旋轉、放大、旋轉放大、移動）在頁面設計中，給一些圖示或者圖片加上一些動畫效果，會給人非常舒服的感覺。這裡收集了四個常用動畫效果，以便不時之需。轉載原文效果一：360°旋轉修改rotate(旋轉度數)* { transition:All

Android 四種動畫效果的呼叫

在這裡, 我將每種動畫分別應用於四個按鈕為例: (1) main.xml 程式碼如下:(宣告四個按鈕控制元件)XML程式碼：<?xml version="1.0" encoding="utf-8"?> <AbsoluteLayout android:id=

Android ListView動畫特效實現原理及源代碼

stat 每一個應該所有 ner haar .get tde pri Android 動畫分三種，當中屬性動畫為我們最經常使用動畫，且能滿足項目中開發差點兒所有需求，google官方包支持3.0+。我們能夠引用三方包nineoldandr

Android獲取當前網速質量——分四個等級

在開發中，有時候常常需要根據使用者當前的網速來做一些操作，比如圖片的載入，當網速非常好的時候，比如連線的是wifi，我們就會下載高解析度的圖片，反之，當用戶使用的是2g網時，我們則給他下載低解析度的小圖，從而節省使用者流量。而Facebook其實已經給我們提供了這麼一個庫，詳見netw

android四種基本動畫效果使用

1.點選下載上圖: 包括基礎的動畫透明度、放大縮小、平移、旋轉、組合動畫、閃爍、彈跳動畫 1.透明度 final Animation alphaAniamtion = new AlphaAnimation(1.0f,0); alphaAniamtion

剛入IT（Android）行業第四個月，馬上要接觸專案了！

剛開始接觸Android 公司組織培訓了一個月，這一個月內做了一個音樂的小專案（很簡單的那種）。還行做出來了，留在了公司。第二個月，給了我一套音樂的程式碼，讓我去看，看了大概一個禮拜開始接手BUG ，看LOG解BUG，對於新手來說，看LOG真的是很腦殼

Android——獲取實時的手機螢幕四個點經緯度(百度地圖)

一：獲取百度地圖在手機上的經緯度(左上右下左下右上） 1獲取手機的寬高: DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetr

9個超絢麗的HTML5 3D圖片動畫特效

在Web 1.0時代，我們的網頁中圖片數量非常少，而且都是以靜態圖片為主。HTML5的出現，推動了Web 2.0的發展，同時也催生出了很多絢麗的HTML5圖片動畫特效，特別是有些還有3D的動畫效果。本文收集了9個非常絢麗的HTML5 3D圖片動畫特效，分享給大家，希望你們喜歡。

Android快樂貪吃蛇遊戲實戰專案開發教程-05虛擬方向鍵（四）四個三角形按鈕

package net.chengyujia.happysnake; import android.content.Context; import android.graphics.Canvas; import android.graphics.Paint; import android.gr

［推薦］Android APP效能優化的四個方面最全總結

熱文導讀 | 點選標題閱讀作者：斜槓Allen原文：http://www.jianshu.com

Android四種補間動畫介紹及實現

一.Android的animation由四種類型組成：alpha、scale、translate、rotate alpha 漸變透明度動畫效果 scale 漸變尺寸伸縮動畫效果 translate 畫面轉換位置移

Android動畫機制與使用技巧（三）Android動畫特效

下面來例舉一些動畫效果例項,讓大家熟悉如何通過Android的動畫框架來建立賞心悅目的動畫靈動選單下圖中展示的是靈動選單的效果圖。當用戶點選小紅點後，彈出選單，並帶有一個緩衝的過渡動畫，這也是Google在Material Design中所強調的動畫

Android 以Dialog的方式顯示Activity，並且處理背景四個角為圓角，去掉黑角

將Activity以Dialog的方式顯示出來，並不難，只需要在AndroidManifest.xml檔案中配置一下就可以了。把背景設定成圓角也不是很難，可以自己處理，亦可以直接是背景圖。。。在我看來，最難得是去掉黑角。黑角是怎麼來的咧？ Activity預設的背景是黑

Android之雪花飄落的動畫特效

之前有搜尋過相關的資訊，但是都不是最全的，下面我們來直接瞭解這個特效吧：下面我們來看一看程式碼的實現吧：三個工具類：其中主函式中不需要寫程式碼，只需佈局有相應的控制元件即可，雪花的大小、顏色和數量等可以自己設定 1.************

Android 仿微信紅包動畫特效一分鐘搞定

簡單來說你多在微信中發幾個群紅包就能有一些思路，但是有些特定的狀態需要注意前後端配合。搞了半個小時TMD沒有把視訊轉換成GIF，直接上照片吧，醉了~ 1.支付完成之後會出現第一個圖，開啟第二個圖的時候當前介面是有一個動畫效果的，可以微信中發個群紅包試試~ 無非是圖片抖兩

Android中activity的四個啟動模式

UNC 有一個啟動模式 activit net sta 第一個 csdn 開始 activity的四個啟動方式分別是standard、singletop、singletask、singleinstance。第一個其實就是只要新打開活動就會新建一個實例。第二個顧名思義返回棧

Android學習筆記： Android動畫特效

Android動畫特效 Android應用中各式各樣的互動介面能體現一個Android應用獨特的設計理念，為應用增色不少。為了要實現這些效果就需要用到Android中關於動畫的API，Android中的動畫效果主要分為逐幀動畫、補間動畫、屬性動畫。逐幀動畫(Fram

Android 載入成功、載入失敗、載入中、無資料四個不同介面的切換

package com.ouyang.qqui.view; import android.content.Context; import android.util.AttributeSet; import android.view.View; import android.widget.Button; im

Android的四個動畫特效

相關推薦