Android13

Android Fragment详解

最新推荐文章于 2024-07-22 11:50:11 发布

原创最新推荐文章于 2024-07-22 11:50:11 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

android基础总结专栏收录该内容

12 篇文章

订阅专栏

Android13

fragment简介

将一个屏幕划分为多个模块,只更新一个部分UI,分区域编程,模块化分工.

<FrameLayout
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="0dip"
    android:layout_weight="1" >
</FrameLayout>

FrameLayout布局,被替换用的,占位置,用它的原因是代码少,简单.

fragment入门

碎片创建步骤

//写一个类继承Fragment ,android.app.Fragment
public class ShowFragment extends Fragment

不用清单

//重写onCreateView
public View onCreateView(LayoutInflater inflater, ViewGroup container,
    Bundle savedInstanceState) {
    return inflater.inflate(R.layout.show, null);
}

//布局文件show.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#550000ff"
    android:orientation="vertical" >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:text="我是显示设置的界面" /> 
</LinearLayout>

//打气
return inflater.inflate(R.layout.show, null);

对应Activity这边

public void showSound(View view) {
    //创建对象
    SoundFragment fragment = new SoundFragment();
    //得到碎片管理者
    FragmentManager fm = getFragmentManager();
    //得到事务对象
    FragmentTransaction ft = fm.beginTransaction();
    //事物去替换碎片,R.id.container祭品的id
    ft.replace(R.id.container, fragment);
    //提交
    ft.commit();
}

防止花屏,事务修改ui,要么同时修改,要么修改不成功

fragment的事务

初始化页面是声音界面

protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    SoundFragment fragment = new SoundFragment();
    fm = getFragmentManager();
    // 事务
    ft = fm.beginTransaction();
    ft.replace(R.id.container, fragment);
    ft.commit();
}

抽取成员变量

FragmentManager fm;
FragmentTransaction ft;

事务只能提交一次,多次提交需要重新开始事务

public void showSound(View view) {
    // 事务
    ft = fm.beginTransaction();
    SoundFragment fragment = new SoundFragment();
    ft.replace(R.id.container, fragment);
    ft.commit();
}

fragement与Activity的通讯

在碎片中获取文本信息

<EditText
    android:id="@+id/et_name"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入一个姓名,我在Activity里面" />

//在Fragment得到Activity的API
//getActivity()
public View onCreateView(LayoutInflater inflater, ViewGroup container,
        Bundle savedInstanceState) {
    View view =  inflater.inflate(R.layout.show, null);
    bt = (Button) view.findViewById(R.id.button1);
    bt.setOnClickListener(new OnClickListener() {
        @Override
        public void onClick(View v) {
            EditText et_name = (EditText) getActivity().findViewById(R.id.et_name);
            Toast.makeText(getActivity(), "name:"+et_name.getText().toString(), 0).show();
        }
    });
    return view;
}

Activity 和 Fragment 互相得到数据

Fragment得到Activity的数据是:(EditText) getActivity().findViewById(R.id.et_name).getText();

Activity得到Fragment的数据是:fragment对象的引用,.getXXX()方法

fragment的生命周期

和Activity生命周期一致

@Override
public void onCreate(Bundle savedInstanceState) {
    System.out.println("oncreate");
    super.onCreate(savedInstanceState);
}

@Override
public void onDestroy() {
    System.out.println("onDestroy");
    super.onDestroy();
}

@Override
public void onStart() {
    System.out.println("onStart");
    super.onStart();
}

@Override
public void onStop() {
    System.out.println("onStop");       
    super.onStop();
}

@Override
public void onResume() {
    System.out.println("onResume");
    super.onResume();
}
@Override
public void onPause() {
    System.out.println("onPause");
    super.onPause();
}

开启执行顺序

onCreate()

onCreateView()

onStart()

onResume()

返回执行顺序

onPause()

onStop()

onDestroy()

fragment的向下兼容(常用v4包)

导包注意

import android.support.v4.app.Fragment;

//继承support.v4.app.Fragment类(之前support.app.Fragment)
public class Fragment01 extends Fragment {
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {
        System.out.println("onCreateView");
        return inflater.inflate(R.layout.fragment01, null);
    }
}

import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentTransaction;

//继承android.support.v4.app.FragmentActivity(以前是Activity)
public class MainActivity extends FragmentActivity {

    public void open01(View view){
        Fragment01 f = new Fragment01();
        FragmentTransaction  ft = getSupportFragmentManager().beginTransaction();
        ft.replace(R.id.container, f);
        ft.commit();
    }
}

//碎片管理者
getSupportFragmentManager()

view动画

/**
 * 透明度渐变的动画 
 */
public void alpha(View view) {
    AlphaAnimation aa = new AlphaAnimation(0.0f, 1.0f);
    // 动画播放的时间长度
    aa.setDuration(2000);
    // 设置重复播放的次数
    aa.setRepeatCount(Animation.INFINITE);
    // 设置重复播放的模式
    aa.setRepeatMode(Animation.REVERSE);
    // 让iv播放aa动画
    iv.startAnimation(aa);
}

/**
 * 平移动画
 */
public void trans(View view) {
    TranslateAnimation ta = new TranslateAnimation(
            Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 1f,
            Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 1f);
    // 动画播放的时间长度
    ta.setDuration(2000);
    // 设置重复播放的次数
    ta.setRepeatCount(Animation.INFINITE);
    // 设置重复播放的模式
    ta.setRepeatMode(Animation.REVERSE);
    // 让iv播放aa动画
    iv.startAnimation(ta);
}

/**
 * 缩放动画
 */
public void scale(View view) {
    ScaleAnimation sa = new ScaleAnimation(0.2f, 2.0f, 0.2f, 2.0f,
            Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
            0.5f);
    // 动画播放的时间长度
    sa.setDuration(2000);
    // 设置重复播放的次数
    sa.setRepeatCount(Animation.INFINITE);
    // 设置重复播放的模式
    sa.setRepeatMode(Animation.REVERSE);
    // 让iv播放aa动画
    iv.startAnimation(sa);
}

/**
 * 旋转动画
 */
public void rotate(View view) {
    RotateAnimation ra = new RotateAnimation(0, 360,
            Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
            0.5f);
    // 动画播放的时间长度
    ra.setDuration(2000);
    // 设置重复播放的次数
    ra.setRepeatCount(Animation.INFINITE);
    // 设置重复播放的模式
    ra.setRepeatMode(Animation.REVERSE);
    // 让iv播放aa动画
    iv.startAnimation(ra);
}

组合动画

/**
 * 动画合集 集合
 */
public void set(View view) {
    AnimationSet set = new AnimationSet(false);
    RotateAnimation ra = new RotateAnimation(0, 360,
            Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
            0.5f);
    // 动画播放的时间长度
    ra.setDuration(2000);
    // 设置重复播放的次数
    ra.setRepeatCount(Animation.INFINITE);
    // 设置重复播放的模式
    ra.setRepeatMode(Animation.REVERSE);
    ScaleAnimation sa = new ScaleAnimation(0.2f, 2.0f, 0.2f, 2.0f,
            Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
            0.5f);
    // 动画播放的时间长度
    sa.setDuration(2000);
    // 设置重复播放的次数
    sa.setRepeatCount(Animation.INFINITE);
    // 设置重复播放的模式
    sa.setRepeatMode(Animation.REVERSE);
    // 让iv播放aa动画
    TranslateAnimation ta = new TranslateAnimation(
            Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 1f,
            Animation.RELATIVE_TO_SELF, 0, Animation.RELATIVE_TO_SELF, 1f);
    // 动画播放的时间长度
    ta.setDuration(2000);
    // 设置重复播放的次数
    ta.setRepeatCount(Animation.INFINITE);
    // 设置重复播放的模式
    ta.setRepeatMode(Animation.REVERSE);
    set.addAnimation(ta);
    set.addAnimation(sa);
    set.addAnimation(ra);
    iv.startAnimation(set);
}

xml文件定义动画

 <?xml version="1.0" encoding="utf-8"?>
    <set xmlns:android="http://schemas.android.com/apk/res/android"
        android:fillAfter="true" >

        <rotate
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:duration="2000"
            android:fromDegrees="0"
            android:pivotX="50%"
            android:pivotY="50%"
            android:repeatCount="2"
            android:repeatMode="reverse"
            android:toDegrees="360" >
        </rotate>

        <scale
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:duration="2000"
            android:fromXScale="20%"
            android:fromYScale="20%"
            android:pivotX="50%"
            android:pivotY="50%"
            android:repeatCount="2"
            android:repeatMode="reverse"
            android:toXScale="200%"
            android:toYScale="200%" >
        </scale>

    </set>

/**
 * 透明度渐变的动画
 * @param view
 */
public void alpha(View view){
    Animation aa = AnimationUtils.loadAnimation(this, R.anim.alpha_demo);
    iv.startAnimation(aa);
}

/**
 * 平移动画
 * @param view
 */
public void trans(View view){
    Animation ta = AnimationUtils.loadAnimation(this, R.anim.trans_demo);
    iv.startAnimation(ta);
}
/**
 * 缩放动画
 */
public void scale(View view){
    Animation sa = AnimationUtils.loadAnimation(this, R.anim.scale_demo);
    iv.startAnimation(sa);
}
/**
 * 旋转动画
 */
public void rotate(View view){
    Animation ra = AnimationUtils.loadAnimation(this, R.anim.rotate_demo);
    iv.startAnimation(ra);
}
/**
 * 动画合集 集合
 */
public void set(View view){
    Animation set = AnimationUtils.loadAnimation(this, R.anim.set_demo);
    iv.startAnimation(set);
}

view动画的细节

iv.setOnClickListener(new OnClickListener() {

    @Override
    public void onClick(View v) {
        Toast.makeText(MainActivity.this, "么么哒,你得到了我的心", 0).show();
    }
});
TranslateAnimation ta = new TranslateAnimation( Animation.RELATIVE_TO_PARENT, 0, 
         Animation.RELATIVE_TO_PARENT, 1.0f,
         Animation.RELATIVE_TO_PARENT, 0,
         Animation.RELATIVE_TO_PARENT, 1.0f);
ta.setDuration(3000);
ta.setRepeatCount(Animation.INFINITE);
ta.setRepeatMode(Animation.REVERSE);
iv.startAnimation(ta);

属性动画

iv.setOnClickListener(new OnClickListener() {
    @Override
    public void onClick(View v) {
        Toast.makeText(MainActivity.this, "飞机被点击", 0).show();
    }
});

ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "translationY", new float[]{0,2,4,6,8,10,15,20,25,30,50,80,100,150});
oa.setDuration(2000);
oa.setRepeatCount(ObjectAnimator.INFINITE);
oa.setRepeatMode(ObjectAnimator.RESTART);
oa.start();

属性动画demo合集

/**
 * 动画合集 集合
 */
public void set(View view) {
    AnimatorSet set = new AnimatorSet();
    ObjectAnimator oa = ObjectAnimator.ofFloat(iv, "translationX",
            new float[] { 10f, 20f, 30f, 40f, 60f, 80f });
    oa.setDuration(3000);
    ObjectAnimator oa2 = ObjectAnimator.ofFloat(iv, "translationY",
            new float[] { -10f, -20f, -30f, -40f, -60f, -80f });
    oa2.setDuration(3000);
    set.playTogether(oa, oa2);
    set.start();
}

xml定义属性动画

 /**
 * 透明度渐变的动画
 * 
 * @param view
 */
public void alpha(View view) {
    // iv.setAlpha(alpha);
    // iv.getAlpha();
    Animator animator = AnimatorInflater.loadAnimator(this,
            R.animator.alpha);
    animator.setTarget(iv);