zoukankan      html  css  js  c++  java
  • Android之Fragment,帧动画,补间动画,属性动画

    Fragment:

        在安卓手机越来越大的情况下,一个屏幕显示只显示一个内容,会显得空旷,布局不够好看,屏幕利用的也不够充分。通常在平板中会出现这种情况,但是由于现在的手机屏幕越来越大,所以在3.0之后引入了Fragment。也可以使用支持类库,来向下兼容低版本。它的生命周期方法和activity一样

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


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

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

        需求:我们在一个activity中的左边竖直分布,三个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的TextView中。

      把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文件的格式和使用代码)

    <animation-list xmlns:android="http://schemas.android.com/apk/res/android" android:oneshot="false"> //这里的false表示循环播放 true表示只播放一次
    		    <item android:drawable="@drawable/g1" android:duration="200" />//表示duration表示每张图片显示的时长
    		    <item android:drawable="@drawable/g2" android:duration="200" />
    		    <item android:drawable="@drawable/g3" android:duration="200" />
    		</animation-list>
    

              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文件定义属性动画

    <?xml version="1.0" encoding="utf-8"?>  在animator文件下 resource type 选择property animator root element是set
    <set xmlns:android="http://schemas.android.com/apk/res/android" >
    	<objectAnimator 
    	    android:propertyName="translationX"
    	    android:duration="200"
    	    android:repeatCount="1"
    	    android:repeatMode="reverse"
    	    android:valueFrom="-100"
    	    android:valueTo="100"
    	    >
    	    
    	</objectAnimator>
    </set>
    

      

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

      

  • 相关阅读:
    android Animation整理
    js的console总结
    [原创]cocos2d-lua学习笔记(0)-提纲
    【转】js怎么编译成JSC
    【转】PCDuino用python读取GPIO数据
    Mysql数据库大小相关的问题
    oracle with as
    python jar
    investopedia level 2
    warning MSB3391
  • 原文地址:https://www.cnblogs.com/jiaowoxiaochen/p/4960317.html
Copyright © 2011-2022 走看看