Fragment 详细介绍（由来、静态加载，动态加载，页卡滑动切换）

最新推荐文章于 2022-09-03 18:32:58 发布

33050人生

最新推荐文章于 2022-09-03 18:32:58 发布

阅读量297

点赞数

文章标签： android 碎片化布局 tabhost 界面

本文链接：https://blog.csdn.net/w1355485804/article/details/79459523

版权

1.什么是Fragment？

Fragment的由来

基于Android系统的设备越来越多，分辨率种类越来越多，Google提出Fragment的概念也是希望通过Fragment解决屏幕碎片化问题。

Fragment的翻译为碎片，自Android3.0开始引入Fragment的概念

用Fragment替换TabHost是Google推荐的方案

2.Fragment 能够比之前v4 有什么好处呢？

1，使用Fragment可以在一个Activity中实现不同界面的灵活切换。

2，Fragment解决了Activity间的切换不流畅，布局切换更轻量。

3，Fragment可以封装成不同的重要组件，并可以单独管理其生命周期和UI布局。

4，Fragment无需在AndroidManifest中注册，可以在布局文件中直接引用。

3，Fragment静态加载方法（步骤）

新建类继承Fragment；
重写onCreateView方法；
使用LayoutInflater对象中的inflate方法绑定布局和控件；
在Activity对应的布局文件中通过<fragment>标签引用。

新建一个项目，再里面新建Fragment extends Fragment ，

代码如下：

public class BlankFragment extends Fragment {


    public BlankFragment() {
        // Required empty public constructor
    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        // Inflate the layout for this fragment
        View view=inflater.inflate(R.layout.fragment_blank, container, false);

        return view;

它的xml 代码如下：

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.xdw.myapplication.BlankFragment">

    <!-- TODO: Update blank fragment layout -->
<TextView
    android:id="@+id/fragment_textview"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:text="这是一个FragmentA"
    android:gravity="center"
    android:background="#101fc2"
    android:textColor="#000000"
    android:textSize="35dp"
    />

</FrameLayout>

XML效果图：

在acticity_main.xml 里出除了添加一个TextView，还要添加fragment 里面最重要的属性就是 id 和 name ，代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context="com.xdw.myapplication.MainActivity">

    <TextView
        android:id="@+id/main_textview"
        android:layout_width="match_parent"
        android:layout_height="150dp"
        android:text="这是一个TextView"
        android:gravity="center"
        />
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    >
    <fragment
        android:layout_width="0dp"
        android:layout_weight="1"
        android:layout_height="match_parent"
        android:id="@+id/fragment_one"
        android:name="com.xdw.myapplication.BlankFragment"

        />

</LinearLayout>


</LinearLayout>

xml效果图：

运行出来的效果图：

4，Fragment 动态加载：

新建类继承Fragment
重写onGreateView方法
使用layout infler 对象中的inflate 方法绑定布局和控件
使用FragmentManger 和 FragmentTransaction 对象进行动态加载

代码如下:

package com.xdw.myapplication;

import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import com.xdw.myapplication.fragment.NanFragment;
import com.xdw.myapplication.fragment.NvFragment;

public class TianMaoActivity extends AppCompatActivity implements View.OnClickListener{
private Button nan_btn;
private Button nv_btn;
private NanFragment nanFragment;
private NvFragment nvFragment;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_tian_mao);
       bindID();


    }

    private void bindID() {
        nan_btn=findViewById(R.id.nan_btn);
        nv_btn=findViewById(R.id.nv_btn);

        nan_btn.setOnClickListener(this);
        nv_btn.setOnClickListener(this);

    }

    @Override
    public void onClick(View view) {
        FragmentManager manager=getFragmentManager();//创建FragmentManger对象   （管理器）
        FragmentTransaction transaction=manager.beginTransaction();//创建FragmentTransaction对象
        // 事务对象 对Fragment进行添加，移除，替换，提交等操作
        switch (view.getId()){
            case R.id.nan_btn:
                if(nanFragment==null){
                    //显示男装
                    nanFragment =new  NanFragment();
                }
                    transaction.replace(R.id.shop_framelayout,nanFragment);
                break;
            case R.id.nv_btn:
                if (nvFragment==null){
                    //显示女装
                    nvFragment =new NvFragment();
                }
                transaction.replace(R.id.shop_framelayout,nvFragment);
               break;
               default:
                   break;

        }

        transaction.commit();//提交
    }
}

xml代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    tools:context="com.xdw.myapplication.TianMaoActivity">

  <LinearLayout
      android:layout_width="100dp"
      android:layout_height="match_parent"
      android:orientation="vertical"
      >
      <Button
          android:layout_marginTop="50dp"
          android:id="@+id/nan_btn"
          android:layout_width="match_parent"
          android:layout_height="50dp"
          android:text="男装"

          />
      <Button
          android:layout_marginTop="50dp"
          android:id="@+id/nv_btn"
          android:layout_width="match_parent"
          android:layout_height="50dp"
          android:text="女装"

          />


  </LinearLayout>
    <FrameLayout
        android:id="@+id/shop_framelayout"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

    </FrameLayout>

</LinearLayout>

效果如图

5，实现页卡切换效果：

代码如下：

package com.xdw.myapplication;

import android.support.v4.app.Fragment;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

import com.xdw.myapplication.adaper.MyPageAdaper;
import com.xdw.myapplication.fragment.FriendFragment;
import com.xdw.myapplication.fragment.NewsFragment;
import com.xdw.myapplication.fragment.PlayFragment;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {
private Button btn_friend;
private Button btn_news;
private Button btn_play;
private FriendFragment friendFragment;
private NewsFragment   newsFragment;
private PlayFragment   playFragment;
private ViewPager viewPager;
private List<Fragment>   fragmentList=new ArrayList<>();
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        bindID();
        friendFragment =new FriendFragment();
        newsFragment =new NewsFragment();
        playFragment =new PlayFragment();
        fragmentList.add(friendFragment);
        fragmentList.add(newsFragment);
        fragmentList.add(playFragment);

        MyPageAdaper adaper=new MyPageAdaper(getSupportFragmentManager(),fragmentList);
        viewPager.setAdapter(adaper);

    }

    private void bindID() {
        btn_friend=findViewById(R.id.main_friend);
        btn_news=findViewById(R.id.main_news);
        btn_play=findViewById(R.id.main_play);
        viewPager=findViewById(R.id.main_viewpager);
        btn_friend.setOnClickListener(this);
        btn_play.setOnClickListener(this);
        btn_news.setOnClickListener(this);

    }

    @Override
    public void onClick(View view) {
        switch (view.getId()){
            case  R.id.main_friend:
                viewPager.setCurrentItem(0);
                break;
            case  R.id.main_news:
                viewPager.setCurrentItem(1);
                break;
            case  R.id.main_play:
                viewPager.setCurrentItem(2);
                break;
                default:
                    break;
        }
    }
}

adaper 代码如下：

package com.xdw.myapplication.adaper;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

import java.util.List;

/**
 * Created by lenovo on 2018/3/6.
 */

public class MyPageAdaper extends FragmentPagerAdapter {

    private List<Fragment> mfragmentlist;

    public MyPageAdaper(FragmentManager fm, List<Fragment> fragmentList) {
        super(fm);
        this.mfragmentlist=fragmentList;
    }

    @Override
    public Fragment getItem(int position) {
        return mfragmentlist.get(position);
    }

    @Override
    public int getCount() {
        return mfragmentlist.size();
    }
}

在activity_main.xml里

代码如下：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.xdw.myapplication.MainActivity">
<LinearLayout
    android:id="@+id/main_btn"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal"
    android:layout_alignParentBottom="true"
    >
    <Button
        android:id="@+id/main_friend"
        android:layout_width="0dp"
        android:layout_height="50dp"
        android:layout_weight="1"
        android:text="朋友圈"
        />
    <Button
        android:id="@+id/main_news"
        android:layout_width="0dp"
        android:layout_height="50dp"
        android:layout_weight="1"
        android:text="消息"
        />
    <Button
        android:id="@+id/main_play"
        android:layout_width="0dp"
        android:layout_height="50dp"
        android:layout_weight="1"
        android:text="动态"
        />

</LinearLayout>
    <android.support.v4.view.ViewPager
        android:id="@+id/main_viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_above="@+id/main_btn"
        >
    </android.support.v4.view.ViewPager>


</RelativeLayout>

效果如图：

希望给大家带来帮助

33050人生

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Fragment 详细介绍（由来、静态加载，动态加载，页卡滑动切换）

1.什么是Fragment？Fragment的由来基于Android系统的设备越来越多，分辨率种类越来越多，Google提出Fragment的概念也是希望通过Fragment解决屏幕碎片化问题。Fragment的翻译为碎片，自Android3.0开始引入Fragment的概念用Fragment替换TabHost是Google推荐的方案2.Fragment 能够比之前v4 有什么好处呢？1，使用Fr...
复制链接

扫一扫