kotlin for android 之组合动画

alltolove

        因为地方不够了按原来的方法再新建个fragment，然后修改activity_main.xml文件：

1. <?xml version="1.0" encoding="utf-8"?>
   
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   
3.     xmlns:app="http://schemas.android.com/apk/res-auto"
   
4.     xmlns:tools="http://schemas.android.com/tools"
   
5.     android:layout_width="match_parent"
   
6.     android:layout_height="match_parent"
   
7.     android:orientation="vertical">
   
8. 
   
9.     <LinearLayout
   
10.         android:id="@+id/idlayout1"
    
11.         android:layout_width="match_parent"
    
12.         android:layout_height="0dp"
    
13.         android:layout_weight="8"
    
14.         android:orientation="vertical"/>
    
15. 
    
16.     <LinearLayout
    
17.         android:layout_width="match_parent"
    
18.         android:layout_height="0dp"
    
19.         android:layout_weight="1"
    
20.         android:orientation="horizontal">
    
21. 
    
22.         <Button
    
23.             android:id="@+id/idbutton1"
    
24.             android:layout_width="0dp"
    
25.             android:layout_height="wrap_content"
    
26.             android:layout_weight="1"
    
27.             android:text="button1" />
    
28. 
    
29.         <Button
    
30.             android:id="@+id/idbutton2"
    
31.             android:layout_width="0dp"
    
32.             android:layout_height="wrap_content"
    
33.             android:layout_weight="1"
    
34.             android:text="button2" />
    
35. 
    
36.         <Button
    
37.             android:id="@+id/idbutton3"
    
38.             android:layout_width="0dp"
    
39.             android:layout_height="wrap_content"
    
40.             android:layout_weight="1"
    
41.             android:text="button3" />
    
42. 
    
43.     </LinearLayout>
    
44. 
    
45. </LinearLayout>
    

复制代码

        修改MainActivity.kt文件：

1. package com.example.xinwei.fragmentkotlin
   
2. 
   
3. import android.app.FragmentTransaction
   
4. import android.support.v7.app.AppCompatActivity
   
5. import android.os.Bundle
   
6. import android.view.View
   
7. import kotlinx.android.synthetic.main.activity_main.*
   
8. 
   
9. class MainActivity : AppCompatActivity(),View.OnClickListener {
   
10. 
    
11.     override fun onClick(p0: View?) {
    
12.         when(p0?.id){
    
13.             idbutton1.id->{
    
14.                 var manager=fragmentManager
    
15.                 var transaction=manager.beginTransaction()
    
16.                 transaction?.replace(R.id.idlayout1,BlankFragment())
    
17.                 transaction?.commit()
    
18.             }
    
19.             idbutton2.id->{
    
20.                 var manager=fragmentManager
    
21.                 var transaction=manager.beginTransaction()
    
22.                 transaction?.replace(R.id.idlayout1,BlankFragment2())
    
23.                 transaction?.commit()
    
24.             }
    
25.             idbutton3.id->{
    
26.                 var manager=fragmentManager
    
27.                 var transaction=manager.beginTransaction()
    
28.                 transaction?.replace(R.id.idlayout1,BlankFragment3())
    
29.                 transaction?.commit()
    
30.             }
    
31.         }
    
32.     }
    
33. 
    
34.     override fun onCreate(savedInstanceState: Bundle?) {
    
35.         super.onCreate(savedInstanceState)
    
36.         setContentView(R.layout.activity_main)
    
37.         idbutton1.setOnClickListener(this)
    
38.         idbutton2.setOnClickListener(this)
    
39.         idbutton3.setOnClickListener(this)
    
40.         var manager=fragmentManager
    
41.         var transaction=manager.beginTransaction()
    
42.         transaction?.replace(R.id.idlayout1,BlankFragment())
    
43.         transaction?.commit()
    
44.     }
    
45. }
    

复制代码

        修改fragment_blank_fragment3.xml文件：

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="com.example.xinwei.fragmentkotlin.BlankFragment3">
   
7. 
   
8.         <TextView
   
9.             android:id="@+id/idtext1"
   
10.             android:layout_width="match_parent"
    
11.             android:layout_height="300dp"
    
12.             android:gravity="center"
    
13.             android:layout_gravity="center_horizontal"
    
14.             android:textColor="#00ff00"
    
15.             android:textSize="50sp"
    
16.             android:layout_marginBottom="100dp"
    
17.             android:text="我 爱 鱼 C" />
    
18. 
    
19.     <Button
    
20.         android:id="@+id/idbuttonall"
    
21.         android:layout_width="wrap_content"
    
22.         android:layout_height="wrap_content"
    
23.         android:text="组合动画"
    
24.         android:layout_gravity="center_horizontal"/>
    
25. 
    
26. </LinearLayout>
    

复制代码

        修改BlankFragment3.kt文件：

1. package com.example.xinwei.fragmentkotlin
   
2. 
   
3. 
   
4. import android.os.Bundle
   
5. import android.app.Fragment
   
6. import android.view.LayoutInflater
   
7. import android.view.View
   
8. import android.view.ViewGroup
   
9. import android.view.animation.*
   
10. import android.widget.Button
    
11. import android.widget.TextView
    
12. 
    
13. 
    
14. /**
    
15. * A simple [Fragment] subclass.
    
16. */
    
17. class BlankFragment3 : Fragment() {
    
18. 
    
19.     var view1:View?=null
    
20.     var button: Button?=null
    
21.     var text1: TextView?=null
    
22.     var text2: TextView?=null
    
23.     var text3: TextView?=null
    
24.     var text4: TextView?=null
    
25. 
    
26.     override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?,
    
27.                               savedInstanceState: Bundle?): View? {
    
28. 
    
29.         view1=inflater.inflate(R.layout.fragment_blank_fragment3, container, false)
    
30.         text1=view1?.findViewById<TextView>(R.id.idtext1)
    
31.         button=view1?.findViewById<Button>(R.id.idbuttonall)
    
32.         text1?.visibility=View.INVISIBLE
    
33.         groupAnimation()
    
34.         return view1
    
35.     }
    
36. 
    
37.     private fun groupAnimation() {
    
38.         button?.setOnClickListener {
    
39.             var set=AnimationSet(false)
    
40.             var scale= ScaleAnimation(0.1f,1.0f,0.1f,1.0f,0.5f,0.5f)
    
41.             scale.duration=3000
    
42.             var animation= AlphaAnimation(0.0f,1.0f)
    
43.             animation.duration=3000
    
44.             var rotate= RotateAnimation(0.0f,360.0f,400.0f,400.0f)
    
45.             rotate.duration=3000
    
46.             var translate= TranslateAnimation(-100.0f,0.0f,-100.0f,0.0f)
    
47.             translate.duration=3000
    
48.             set.addAnimation(scale)
    
49.             set.addAnimation(animation)
    
50.             set.addAnimation(rotate)
    
51.             set.addAnimation(translate)
    
52.             text1?.visibility=View.VISIBLE
    
53.             text1?.startAnimation(set)
    
54.         }
    
55.     }
    
56. 
    
57. }
    

复制代码

        这里的groupAnimation() 方法就是组合动画代码，效果图为：