Android开发中的Fragment，帧动画，补间动画，属性动画介绍

Fragment:

Android运行在各种各样的设备中，有小屏幕的手机，超大屏的平板甚至电视。针对屏幕尺寸的差距，很多情况下，都是先针对手机开发一套App，然后拷贝一份，修改布局以适应平板神马超级大屏的。难道无法做到一个App可以同时适应手机和平板么，当然了，必须有啊。Fragment的出现就是为了解决这样的问题。你可以把Fragment当成Activity的一个界面的一个组成部分，甚至Activity的界面可以完全有不同的Fragment组成，更帅气的是Fragment拥有自己的生命周期和接收、处理用户的事件，这样就不必在Activity写一堆控件的事件处理的代码了。更为重要的是，你可以动态的添加、替换和移除某个Fragment。

Fragment的生命周期，Fragment必须是依存与Activity而存在的，因此Activity的生命周期会直接影响到Fragment的生命周期。

使用Fragment可以让我们更加充分地利用手机的屏幕空间，他可以在一个activity中有多个Fragment，多个Fragment可以显示不同的内容。

我们通过简单的demo来了解什么是Fragment和Fragment如果使用

　　　　在这个demo中我们使用FrameLayout(框架布局)，Framelayout一般很少用到，在下面的Demo中使用会很方便，所有添加到这个布局中的视图都以层叠的方式显示。第一个添加的控件被放在最底层，最后一个添加到框架布局中的视图显示在最顶层，上一层的控件会覆盖下一层的控件。

　　　　需求：我们在一个布局文件中的左边竖直分布，三个button，右边是一个Framelayout，当我们点击不同的button时，右边显示不同的Fragment。

　　　　第一步：写布局文件，布局文件左边包含三个按钮，右边是一个FrameLayout。 再写三个填充用的布局文件，这三个布局文件中background的颜色都不一样，有一个textView用来区分不同的布局文件。

　　　　第二不写三个 fragment的Java类  分别将三个布局文件填充到对应的java类中作为内容显示在屏幕母上

public class fragment01 extends Fragment {
 
    //返回的view对象会作为fragment01的内容显示在屏幕上
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
 
        View v = inflater.inflate(R.layout.fragment, null);
        return v;
    }

　　　　第三步 在MainActivity中写对三个Button做处理

　　　　　　　　当点击按钮一的时候，屏幕右边显示的是Fragment01

　　　　　　　　第一步 new出Fragment01的对象

　　　　　　　　第二步　　获取Fragment的管理器getFragmentManager()

　　　　　　　　第三步  打开事物beginTransaction()

　　　　　　　　第四步  把内容显示到帧布局replace 最后提交事物commit

public void click1(View v) {
       fragment01 fg = new fragment01();
       FragmentManager fm  = getFragmentManager();
       FragmentTransaction ft = fm.beginTransaction();
       ft.replace(R.id.fl,fg );
       ft.commit();
   }

 

fragment是3.0之后出来的，我们可以做向下兼容，让低版本可以使用。这个时候就用到了安卓支持类库。 我们在引包的时候都改成support的包但是要注意的是，但是在获去fragment管理器，没有支持类库，我们可以使用getSupportFragmentManager()来获得兼容低版本的管理器


在Fragment和activity中传递数据

把Fragment中的数据传递到activity中做法：
在Fragment的xml文件中，放一个EditText。还有一个button 但我们点击button的时候把数据传递到 activity的EditText中。
把activity中的数据传递到Fragment中

　　　　　　步骤：1 我们在fragment中的布局文件中，定义一个输入框， 在定义一个button，但是onClick属性只能在上下文中使用，在Fragment中不可以使用

我们可以给按钮设置点击侦听

　　　　　　　　　　2 在MainActivity的布局文件中，定义一个TextView 用来显示数据

　　　　　　　　　　3我们在MainActivity定义一个方法，用来给TextView 设置显示的数据

　　　　　　　　　　4 在Fragment的java类中 我们拿到button 给button设置监听，在按钮点击的时候，拿到输入框中的数据通过getActivity（）方法将它强转成MainActivity就可以拿到和Fragment相关联的activity，这个时候就可以调用activity中的方法给textview设置值了。

注意 ：如果将fragment和activity中的EditText和TextView的id设置成相同，虽然findViewById是在各自的布局文件中拿，但是由于Activity中给TextView设置值得方法是在fragment中调用，那么Activity中的方法会优先在fragment的布局文件中找，而不再自己的布局文件中寻找。
如果两个id相同的话解决方案是，在activity中把拿去布局文件的方法变量提成全局，在activity创建方法中取拿到

　　　把activity中的数据传递到Fragment中的做法：

　　　　　　步骤：1 在fragment的xml文件中定义一个TextView，用来显示数据。

　　　　　　　　　2 我们在fragment的java类中拿到 定义的TextView， 创建一个公开的方法，这个方法内可以个TextView设置值

　　　　　　　　　3 我们在MainActivity中定义一个EditText用来输入数据，定义一个button，点击的时候传递数据

　　　　　　　　　4 当我们点击按钮的时候我们拿到EditText中的数据，同时new出对应要传递的fragment的java类的对象，直接用fragment对象调用它的方法传值。

 

fragment的生命周期方法和activity的生命周期方法相同并且是绑定的，fragment切换时旧fragment对象会销毁，新的fragment对象会被创建

 

帧动画：

　　　　一张张图片不断的切换，形成动画效果，安卓手机的开机界面就是通过帧动画做的

　　　　　如何自己使用帧动画：

　　　　　　　　步骤：1将素材拷贝到drawable中

　　　　　　　　　　　2 在drawable目录下定义xml文件（在api中的drawable Animation中可以看到xml文件的格式和使用代码）

//这里的false表示循环播放 true表示只播放一次
            //表示duration表示每张图片显示的时长
           
           
       

 

　　　　　　　　　　3 在屏幕上播放帧动画

ImageView iv = (ImageView) findViewById(R.id.iv); //首先拿到imageView 将动画播放在imageView
   //把动画文件设置为imageView的背景
   iv.setBackgroundResource(R.drawable.animations); ////把帧动画的资源文件指定为iv的背景
   AnimationDrawable ad = (AnimationDrawable) iv.getBackground();//获取iv的北京
   //播放动画       
   ad.start();

 

补间动画：

原形态变成新形态时为了过渡变形过程，生成的动画就叫补间动画　　位移、旋转、缩放、透明

　　位移
    
/*位移：
　　　　参数10指的是X的起点坐标，但不是指屏幕x坐标为10的位置，而是imageview的 真实X + 10
　　　　 参数150指的是X的终点坐标，它的值是imageview的 真实X + 150
     
        //创建为位移动画对象，设置动画的初始位置和结束位置
        //TranslateAnimation ta = new TranslateAnimation(10, 150, 20, 140);
* x坐标的起点位置，如果相对于自己，传0.5f，那么起点坐标就是 真实X + 0.5 * iv宽度
* x坐标的终点位置，如果传入2，那么终点坐标就是 真实X + 2 * iv的宽度
* y坐标的起点位置，如果传入0.5f，那么起点坐标就是 真实Y + 0.5 * iv高度
* y坐标的终点位置，如果传入2，那么终点坐标就是 真实Y + 2 * iv高度*/
     
        TranslateAnimation ta = new TranslateAnimation(Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2, Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF, 2);
        //设置动画持续时间
        ta.setDuration(2000);
        //动画重复播放的次数
        ta.setRepeatCount(1);
        //动画重复播放的模式
        ta.setRepeatMode(Animation.REVERSE);
        //动画播放完毕后，组件停留在动画结束的位置上
        ta.setFillAfter(true);
        //播放动画
        iv.startAnimation(ta); //iv表示动画显示显示在哪个地方 通过findviewbyid拿到

 

　　旋转　　

public void rotate(View v){
　　　　　　　　　　//表示从0到720旋转　　　　　　　　　　　　　　　　　　　　　　　　　　　　表示从真实的x+图片的宽度的一半 在中心旋转
        RotateAnimation ra = new RotateAnimation(0, 720, Animation.RELATIVE_TO_SELF, 0.5f,
        //设置动画持续时间                              Animation.RELATIVE_TO_SELF, 0.5f);
        ra.setDuration(2000);
　　　　　　　　　//设置动画重发次数表示重发播放两次
        ra.setRepeatCount(1);
        ra.setRepeatMode(Animation.REVERSE);
        iv.startAnimation(ra);
    }

　缩放

public void scale(View v){
//      sa = new ScaleAnimation(fromX, toX, fromY, toY, iv.getWidth() / 2, iv.getHeight() / 2);
        sa = new ScaleAnimation(0.5f, 2, 0.1f, 3, Animation.RELATIVE_TO_SELF, 0.5f,
                Animation.RELATIVE_TO_SELF, 0.5f);  //o.5f表示动画的起始宽度是真实宽度的0.5倍 2表示动画结束宽度是真实宽度的2倍  后面参数表示旋转中心点的位置 默认是坐上角
        sa.setDuration(2000);
        //填充动画的结束位置
        sa.setRepeatCount(1);
        sa.setRepeatMode(Animation.REVERSE);
        sa.setFillAfter(true);
        iv.startAnimation(sa);
    }

　透明

public void alpha(View v){
        aa = new AlphaAnimation(0, 1); //0表示完全透明。1表示不透明
        aa.setDuration(2000);
        sa.setRepeatCount(1);
        iv.startAnimation(aa);
    }

　　我们可以设置所有的动画一起播放

public void fly(View v){
        AnimationSet set = new AnimationSet(false);//false表示使用自己的叫对器
        set.addAnimation(ta);
        set.addAnimation(sa);
        set.addAnimation(ra);
        set.addAnimation(aa);
         
        iv.startAnimation(set);
    }

　　

 

属性动画
　　　　补间动画，只是一个动画效果，组件其实还在原来的位置上，xy没有改变。而属性动画是xy真实改变了，属性动画是3.0后加入的特性。没有向下支持类库

　位移：

public void translate(View v){
         
        //target:动画作用于哪个组件  第一个参数target指定要显示动画的组件  第二个参数propertyName指定要改变组件的哪个属性  第三个参数values是可变参数，就是赋予属性的新的值
        ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "translationX", 10, 70, 20, 100); //他可以实现来回移动 我们可以动过set和get来看属性是什么
        oa.setDuration(2000);
        oa.setRepeatCount(1);
        oa.setRepeatMode(ValueAnimator.REVERSE);
        oa.start();
    }

　　缩放

public void scale(View v){
        ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "scaleX", 1, 1.6f, 1.2f, 2);
        oa.setDuration(2000);
        oa.start();
    }

　　

透明：

public void alpha(View v){
        ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "alpha", 0, 0.5f, 0.2f, 1);
        oa.setDuration(2000);
        oa.start();
    }

旋转


public void rotate(View v){
        ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "rotationY", 0, 180, 90, 360); //rotation指定是顺时针旋转

//属性指定为rotationX是竖直翻转
//属性指定为rotationY是水平翻转

    oa.setDuration(2000);
    oa.setRepeatCount(1);
    oa.setRepeatMode(ValueAnimator.REVERSE);
    oa.start();
}

所有动画一起播放　　

//创建动画师集合
        AnimatorSet set = new AnimatorSet();
        //设置要播放动画的组件
        set.setTarget(bt);
        //所有动画有先后顺序的播放
        //set.playSequentially(oa, oa2, oa3, oa4);
        //所有动画一起播放
        set.playTogether(oa, oa2, oa3, oa4);
        set.start();

使用xml文件定义属性动画

  在animator文件下 resource type 选择property animator root element是set

            android:propertyName="translationX"
        android:duration="200"
        android:repeatCount="1"
        android:repeatMode="reverse"
        android:valueFrom="-100"
        android:valueTo="100"
        >
         
   



public void xml(View v){
        Animator at = AnimatorInflater.loadAnimator(this, R.animator.objanimator); //加载指定xml
        //设置作用于哪个组件
        at.setTarget(iv);
        at.start();
    }

关于Android的屏幕适应Fragment及各类动画的类型介绍，我们就讲到这里