[原创]android学习之动画效果

青玄

1.布局文件：

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
2.     xmlns:tools="http://schemas.android.com/tools"
   
3.     android:layout_width="match_parent"
   
4.     android:layout_height="match_parent"
   
5.            android:orientation="vertical"
   
6.     tools:context=".MainActivity" >
   
7. 
   
8.     <LinearLayout
   
9.         android:layout_width="match_parent"
   
10.         android:layout_height="wrap_content"
    
11.         android:orientation="horizontal"
    
12.         >
    
13.         <Button
    
14.             android:layout_width="wrap_content"
    
15.             android:layout_height="wrap_content"
    
16.             android:text="透明度"
    
17.             android:onClick="alpha"
    
18.             />
    
19.          <Button
    
20.             android:layout_width="wrap_content"
    
21.             android:layout_height="wrap_content"
    
22.             android:text="缩放"
    
23.             android:onClick="scale"
    
24.             />
    
25.           <Button
    
26.             android:layout_width="wrap_content"
    
27.             android:layout_height="wrap_content"
    
28.             android:text="旋转"
    
29.             android:onClick="rotate"
    
30.             />
    
31.            <Button
    
32.             android:layout_width="wrap_content"
    
33.             android:layout_height="wrap_content"
    
34.             android:text="平移"
    
35.             android:onClick="translate"
    
36.             />
    
37.             <Button
    
38.             android:layout_width="wrap_content"
    
39.             android:layout_height="wrap_content"
    
40.             android:text="综合"
    
41.             android:onClick="all"
    
42.             />
    
43.     </LinearLayout>
    
44.    
    
45.     <LinearLayout
    
46.         android:layout_width="match_parent"
    
47.         android:layout_height="match_parent"
    
48.         android:gravity="center"
    
49.         >
    
50.         <ImageView
    
51.             android:id="@+id/iv"
    
52.             android:layout_width="200dp"
    
53.             android:layout_height="200dp"
    
54.             android:src="@drawable/mm"
    
55.             />
    
56.     </LinearLayout>
    
57. </LinearLayout>
    

复制代码

2.activity程序的实现：

1. package com.example.animation_image_test;
   
2. 
   
3. import android.os.Bundle;
   
4. import android.app.Activity;
   
5. import android.view.Menu;
   
6. import android.view.View;
   
7. import android.view.animation.AlphaAnimation;
   
8. import android.view.animation.Animation;
   
9. import android.view.animation.AnimationSet;
   
10. import android.view.animation.RotateAnimation;
    
11. import android.view.animation.ScaleAnimation;
    
12. import android.view.animation.TranslateAnimation;
    
13. import android.widget.ImageView;
    
14. 
    
15. public class MainActivity extends Activity {
    
16. 
    
17.         private ImageView iv;
    
18.         
    
19.         @Override
    
20.         protected void onCreate(Bundle savedInstanceState) {
    
21.                 super.onCreate(savedInstanceState);
    
22.                 setContentView(R.layout.activity_main);
    
23.                
    
24.                 this.iv = (ImageView) this.findViewById(R.id.iv);
    
25.                
    
26.         }
    
27.         
    
28.         public void alpha(View v)  //透明度
    
29.         {
    
30.                 AlphaAnimation an = new AlphaAnimation(0, 1);
    
31.                 an.setDuration(3000);
    
32.                 iv.startAnimation(an);
    
33.         }
    
34.         
    
35.         public void scale(View v)  //缩放
    
36.         {
    
37.                 ScaleAnimation an = new ScaleAnimation(0, 2,2,1, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    
38.                 an.setDuration(3000);
    
39.                 iv.startAnimation(an);
    
40.         }
    
41.         
    
42.         public void rotate(View v)  //旋转
    
43.         {
    
44.                 RotateAnimation an=new RotateAnimation(0, 360, Animation.RELATIVE_TO_SELF, 0.5f,  Animation.RELATIVE_TO_SELF, 0.5f);
    
45.                 an.setDuration(3000);
    
46.                 iv.startAnimation(an);
    
47.         }
    
48.         
    
49.         public void translate(View v)  //平移
    
50.         {
    
51.                 TranslateAnimation an=new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0,  Animation.RELATIVE_TO_PARENT, 0.2f, Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0.2f);
    
52.             an.setDuration(3000);
    
53.             iv.startAnimation(an);
    
54.         }
    
55.         
    
56.         public void all(View v)  //综合
    
57.         {
    
58.                 AlphaAnimation an=new AlphaAnimation(0, 1);
    
59.                 an.setDuration(3000);
    
60.                 ScaleAnimation sc=new ScaleAnimation(0, 3, 1, 1,  Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 0.5f);
    
61.                 sc.setDuration(3000);
    
62.                 RotateAnimation ra=new RotateAnimation(0, 270, Animation.RELATIVE_TO_SELF, 0.5f,  Animation.RELATIVE_TO_SELF, 0.5f);
    
63.                 ra.setDuration(3000);
    
64.             TranslateAnimation ta=new TranslateAnimation(Animation.RELATIVE_TO_PARENT, 0,  Animation.RELATIVE_TO_PARENT, 0.2f, Animation.RELATIVE_TO_PARENT, 0, Animation.RELATIVE_TO_PARENT, 0.2f);
    
65.             ta.setDuration(3000);
    
66.            
    
67.             AnimationSet animation=new AnimationSet(true);
    
68.             //将效果加入到AnimationSet里面
    
69.             animation.addAnimation(an);
    
70.             animation.addAnimation(sc);
    
71.             animation.addAnimation(ra);
    
72.             animation.addAnimation(ta);
    
73.             iv.startAnimation(animation);  //执行动画效果
    
74.         }
    
75. }
    

复制代码

拈花小仙

支持我家玄玄~

十三地狱

:lol::lol:

qingchen

楼主是自学android么

1012662902

强烈支持楼主ing....

秋之帆

玄玄厉害，高！

破灬王

厉害！！！

我疯狂我成功

一直想做移动端的开发，虽然大家都选择了安卓，但是我依然追寻WP:loveliness:

1055872684

我只是路过打酱油的。

青玄

qingchen 发表于 2014-11-25 09:57
楼主是自学android么

呵呵！ java基础与C是自学的，android的话是培训老师教的！

青玄

秋之帆 发表于 2014-11-25 10:46
玄玄厉害，高！

呵呵！过奖了！

青玄

我疯狂我成功 发表于 2014-11-25 12:35
一直想做移动端的开发，虽然大家都选择了安卓，但是我依然追寻WP

哦！ 那好啊！WP也好着呢！现在比较主流的就是iphone,android,wp了

qingchen

青玄 发表于 2014-11-25 15:25
呵呵！ java基础与C是自学的，android的话是培训老师教的！

我也在学android  但是还在学基础

qingchen

青玄 发表于 2014-11-25 15:25
呵呵！ java基础与C是自学的，android的话是培训老师教的！

1. <p><div class="blockcode"><blockquote><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
2.     xmlns:tools="http://schemas.android.com/tools"
   
3.     android:id="@+id/LinearLayout1"
   
4.     android:layout_width="match_parent"
   
5.     android:layout_height="match_parent"
   
6.     android:orientation="vertical"
   
7.     android:paddingBottom="@dimen/activity_vertical_margin"
   
8.     android:paddingLeft="@dimen/activity_horizontal_margin"
   
9.     android:paddingRight="@dimen/activity_horizontal_margin"
   
10.     android:paddingTop="@dimen/activity_vertical_margin"
    
11.     tools:context=".ImgActivity" >
    
12. 
    
13.     <LinearLayout
    
14.         android:layout_width="match_parent"
    
15.         android:layout_height="wrap_content"
    
16.         android:layout_gravity="center_horizontal"
    
17.         android:layout_marginBottom="5dp">
    
18. 
    
19.         <Button
    
20.             android:id="@+id/img_tigaotumingdu"
    
21.             android:layout_width="wrap_content"
    
22.             android:layout_height="wrap_content"
    
23.             android:text="@string/activity_img_tigaotoumingdu"
    
24.             android:textSize="16sp" />
    
25. 
    
26.         <Button
    
27.             android:id="@+id/img_jiangditoumingdu"
    
28.             android:layout_width="wrap_content"
    
29.             android:layout_height="wrap_content"
    
30.             android:text="@string/activity_img_jingditoumingdu"
    
31.             android:textSize="16sp" />
    
32. 
    
33.         <Button
    
34.             android:id="@+id/img_next"
    
35.             android:layout_width="wrap_content"
    
36.             android:layout_height="wrap_content"
    
37.             android:text="@string/activity_img_nextbtn"
    
38.             android:textSize="16sp"/>
    
39.     </LinearLayout>
    
40. 
    
41.     <ImageView
    
42.         android:id="@+id/imageView1"
    
43.         android:layout_width="match_parent"
    
44.         android:layout_height="0dp"
    
45.         android:layout_weight="1"
    
46.         android:src="@drawable/bj1"
    
47.         android:scaleType="fitCenter"
    
48.         />
    
49. 
    
50.     <LinearLayout
    
51.         android:layout_width="match_parent"
    
52.         android:layout_height="wrap_content"
    
53.         android:layout_gravity="center_horizontal"
    
54.         android:layout_marginTop="5dp">
    
55. 
    
56.         <Button
    
57.             android:id="@+id/img_dengbisuofang"
    
58.             android:layout_width="wrap_content"
    
59.             android:layout_height="wrap_content"
    
60.             android:text="@string/activity_img_dengbisuofang"
    
61.             android:textSize="16sp"/>
    
62. 
    
63.         <Button
    
64.             android:id="@+id/img_caiqiesuofang"
    
65.             android:layout_width="wrap_content"
    
66.             android:layout_height="wrap_content"
    
67.             android:text="@string/activity_img_caiqiesuofang"
    
68.             android:textSize="16sp"/>
    
69. 
    
70.         <Button
    
71.             android:id="@+id/img_bianxingsuofang"
    
72.             android:layout_width="wrap_content"
    
73.             android:layout_height="wrap_content"
    
74.             android:text="@string/activity_img_bianxingsuofang"
    
75.             android:textSize="16sp"/>
    
76.     </LinearLayout>
    
77. 
    
78. </LinearLayout>

复制代码

package com.ljc.cn;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;
import android.widget.Toast;

public class ImgActivity extends Activity {
        private Button imgNext;
        private ImageView imgView;
        private Button imgPlus;
        private Button imgMinus;
        private Button imgFitCenter;
        private Button imgCenterCrop;
        private Button imgFitXY;
        private static int alpha = 180;
        private static int i = 1;
       
        protected void onCreate(Bundle savedInstanceState) {
                super.onCreate(savedInstanceState);
                setContentView(R.layout.activity_img);
               
                imgNext = (Button)findViewById(R.id.img_next);
                imgView = (ImageView)findViewById(R.id.imageView1);
                imgPlus = (Button)findViewById(R.id.img_tigaotumingdu);
                imgMinus = (Button)findViewById(R.id.img_jiangditoumingdu);
                imgFitCenter = (Button)findViewById(R.id.img_dengbisuofang);
                imgCenterCrop = (Button)findViewById(R.id.img_caiqiesuofang);
                imgFitXY = (Button)findViewById(R.id.img_bianxingsuofang);
               
                //方法一：为提高透明度和降低透明度都添加一个监听器
//                imgPlus.setOnClickListener(new OnClickListener() {
//                        public void onClick(View arg0) {
//                                alpha += 20;
//                                if (alpha >= 255) {
//                                        Toast.makeText(ImgActivity.this, "透明度不能再提高了！", Toast.LENGTH_SHORT).show();
//                                }
//                        }
//                });
//                imgMinus.setOnClickListener(new OnClickListener() {
//                        public void onClick(View arg0) {
//                                alpha -= 20;
//                                if (alpha <= 0) {
//                                        Toast.makeText(ImgActivity.this, "透明度不能再降低了！", Toast.LENGTH_SHORT).show();       
//                                }
//                        }
//                });
               
//                方法二：为为提高透明度和降低透明度添加一个通用监听器
                OnClickListener listener1 = new OnClickListener() {
                        public void onClick(View arg0) {
                                if (arg0 == imgPlus) {
                                        alpha += 20;
                                }
                                if (arg0 == imgMinus) {
                                        alpha -= 20;
                                }
                                if (alpha >=255) {
                                        alpha = 255;
                                        Toast.makeText(ImgActivity.this, "透明度不能再提高了！", Toast.LENGTH_SHORT).show();
                                }
                                if (alpha <= 0) {
                                        alpha = 0;
                                        Toast.makeText(ImgActivity.this, "透明度不能再降低了！", Toast.LENGTH_SHORT).show();
                                }
                                imgView.setAlpha(alpha);
                        }
                };
                imgPlus.setOnClickListener(listener1);
                imgMinus.setOnClickListener(listener1);
               
               
                //下一张按钮事件的实现
                final int picId[] = {R.drawable.bj1,R.drawable.bj2,R.drawable.bj3,R.drawable.img2,R.drawable.img3};
               
                imgNext.setOnClickListener(new OnClickListener() {
                        public void onClick(View arg0) {
                                int num = picId.length;
                                if (i < num) {
                                        imgView.setImageResource(picId[i]);
                                        i++;
                                        if (i>=num) {
                                                i = 0;
                                        }
                                }
                               
                        }
                });
               
               
                //方法一：为每一个按钮添加监听器
//                imgFitCenter.setOnClickListener(new OnClickListener() {
//                        public void onClick(View arg0) {
//                                imgView.setScaleType(ScaleType.FIT_CENTER);
//                        }
//                });
//                imgCenterCrop.setOnClickListener(new OnClickListener() {
//                        public void onClick(View arg0) {
//                                imgView.setScaleType(ScaleType.CENTER_CROP);
//                        }
//                });
//                imgFitXY.setOnClickListener(new OnClickListener() {
//                        public void onClick(View arg0) {
//                                imgView.setScaleType(ScaleType.FIT_XY);
//                        }
//                });
               
                //方法二：为三个按钮添加同一个监听器
                OnClickListener listener = new OnClickListener() {
                        public void onClick(View arg0) {
                                switch (arg0.getId()) {                //获取单击按钮的id选择相对应的事件
                                case R.id.img_dengbisuofang:
                                        imgView.setScaleType(ScaleType.FIT_CENTER);
                                        break;
                                case R.id.img_caiqiesuofang:
                                        imgView.setScaleType(ScaleType.CENTER_CROP);
                                        break;
                                case R.id.img_bianxingsuofang:
                                        imgView.setScaleType(ScaleType.FIT_XY);
                                        break;
                                default:
                                        imgView.setScaleType(ScaleType.FIT_CENTER);
                                        break;
                                }
                        }
                };
                //为三个按钮设置新建的监听器
                imgFitCenter.setOnClickListener(listener);       
                imgCenterCrop.setOnClickListener(listener);
                imgFitXY.setOnClickListener(listener);
               
               
        }

       
        public boolean onCreateOptionsMenu(Menu menu) {
                // Inflate the menu; this adds items to the action bar if it is present.
                getMenuInflater().inflate(R.menu.img, menu);
                return true;
        }

}

青玄

qingchen 发表于 2014-11-26 16:14
package com.ljc.cn;

import android.os.Bundle;

不错啊！ 恩恩！多谢分享！以后还要多多交流呢！

青玄

qingchen 发表于 2014-11-26 16:14
package com.ljc.cn;

import android.os.Bundle;

不错啊！ 恩恩！多谢分享！以后还要多多交流呢！