【Android移动开发】使用Fragment碎片搭建框架实现不同页面切换

最新推荐文章于 2022-07-21 22:12:25 发布
最新推荐文章于 2022-07-21 22:12:25 发布
阅读量623 收藏 8
点赞数 1
分类专栏： Android移动开发 文章标签： android Fragment
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43853746/article/details/112157526
版权

实现效果:
本篇只讲使用Fragment碎片搭建框架实现不同页面切换,至于页面内容暂不讲,因为这涉及的知识点较多还有很多第三方库.
在这里插入图片描述

步骤：

  1. 定义主页面布局
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    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"
    android:background="#ffffff"
    android:orientation="vertical"
    tools:context="com.lyx.mycommunity.app.MainActivity">
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/tv_user"/>
    <FrameLayout
    android:id="@+id/frameLayout"
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1" />
    <RadioGroup
        android:id="@+id/rg_main"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:background="@drawable/home_bottom_parent_bg"
        android:orientation="horizontal">
        <RadioButton
            android:id="@+id/rb_home"
            style="@style/MainButtonStyle"
            android:drawableTop="@drawable/home_button_selector"
            android:text=" 首页" />
        <RadioButton
            android:id="@+id/rb_category"
            style="@style/MainButtonStyle"
            android:drawableTop="@drawable/category_button_selector"
            android:text=" 服务" />
        <RadioButton
            android:id="@+id/rb_community"
            style="@style/MainButtonStyle"
            android:drawableTop="@drawable/community_button_selector"
            android:paddingTop="10dp"
            android:text=" 新闻" />
        <RadioButton
            android:id="@+id/rb_search"
            style="@style/MainButtonStyle"
            android:drawableTop="@drawable/cart_button_selector"
            android:text=" 搜索" />
        <RadioButton
            android:id="@+id/rb_user"
            style="@style/MainButtonStyle"
            android:drawableTop="@drawable/user_button_selector"
            android:text=" 个人中心" />
    </RadioGroup>

</LinearLayout>
  1. 新建一个类继承Fragment类或者他的子类,重写onCreateView()和onActivityCreated()方法 在onCreateView()方法中调用:inflater.inflate()方法加载Fragment的布局文件,并返回加载的view对象
package com.lyx.mycommunity.base;


import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

import androidx.annotation.Nullable;
import androidx.fragment.app.Fragment;

public abstract class BaseFragment extends Fragment {
  public Context myContext;


  @Override
  public void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    myContext = getActivity();

  }

  @Nullable
  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    return initView();
  }

  @Override
  public void onActivityCreated(@Nullable Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    initData();
  }

  /**
   *由子类实现，实现特有效果
   * @return
   */
  public abstract View initView();

  /**
   * 初始化数据
   */
  public void initData() {

  }


}
  1. 在onActivityCreated()中初始化碎片页面中要显示的数据
  @Override
  public void onActivityCreated(@Nullable Bundle savedInstanceState) {
    super.onActivityCreated(savedInstanceState);
    initData();
  }
  1. 在主Activity页面中实例化各个Fragment碎片,并进行相关事件监听处理
fragments = new ArrayList<>();
fragments.add(new HomeFragment());
fragments.add(new ServiceFragment());
fragments.add(new NewsFragment());
fragments.add(new SearchFragment());
fragments.add(new UserFragment());

主Activity页面代码:

package com.lyx.mycommunity.app;

import android.content.Intent;
import android.os.Bundle;

import android.widget.FrameLayout;
import android.widget.ImageButton;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;

import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentActivity;
import androidx.fragment.app.FragmentTransaction;
import androidx.recyclerview.widget.RecyclerView;

import com.lyx.mycommunity.adapter.HomeRecycleAdapter;
import com.lyx.mycommunity.base.BaseFragment;
import com.lyx.mycommunity.fragment.ServiceFragment;
import com.lyx.mycommunity.fragment.NewsFragment;
import com.lyx.mycommunity.fragment.HomeFragment;
import com.lyx.mycommunity.fragment.UserFragment;
import com.lyx.mycommunity.utils.BatteryChangeReceiver;
import com.lyx.shoppingcity.R;
import com.lyx.mycommunity.fragment.SearchFragment;

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

import butterknife.Bind;
import butterknife.ButterKnife;

public class MainActivity extends FragmentActivity {

    @Bind(R.id.frameLayout)
    FrameLayout frameLayout;
    @Bind(R.id.rb_home)
    RadioButton rbHome;
    @Bind(R.id.rb_category)
    RadioButton rbType;
    @Bind(R.id.rb_community)
    RadioButton rbCommunity;
    @Bind(R.id.rb_search)
    RadioButton rbSearch;
    @Bind(R.id.rb_user)
    RadioButton rbUser;
    @Bind(R.id.rg_main)
    RadioGroup rgMain;
    private ArrayList<BaseFragment> fragments;
    private int position;
    private BaseFragment myContext;
    private RecyclerView rvHome;
    private HomeRecycleAdapter adapterDome;
    private Intent intent;
    private String struser;
    private TextView tv_user;
    /**
     * 缓存的Fragemnt或者上次显示的Fragment
     */
    private Fragment tempFragemnt;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        ButterKnife.bind(this);

        initFragment();
        initListener();
    }

    private void initFragment() {
        fragments = new ArrayList<>();
        fragments.add(new HomeFragment());
        fragments.add(new ServiceFragment());
        fragments.add(new NewsFragment());
        fragments.add(new SearchFragment());
        fragments.add(new UserFragment());
    }

    // 点击radiobutton的事件监听
    private void initListener() {
        rgMain.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup group, int checkedId) {
                switch (checkedId) {
                    case R.id.rb_home:
                        position = 0;

                        break;
                    case R.id.rb_category:

                        position = 1;
                        break;
                    case R.id.rb_community:
                        position = 2;

                        break;
                    case R.id.rb_search:
                        position = 3;
                        intent = new Intent(MainActivity.this,NoteShowActivity.class);
                        startActivity(intent);
                        break;
                    case R.id.rb_user:
                        position = 4;

                        break;
                }

                // 获取相应的fragment位置
                BaseFragment baseFragment = getFragment(position);
                switchFragment(tempFragemnt, baseFragment);
            }
        });

        rgMain.check(R.id.rb_home);

    }


    /**
     *
     * @param position
     * @return
     */
    private BaseFragment getFragment(int position) {
        if (fragments != null && fragments.size() > 0) {
            BaseFragment baseFragment = fragments.get(position);
            return baseFragment;
        }
        return null;
    }

    // 隐藏上一个fragment
    private void switchFragment(Fragment fromFragment, BaseFragment nextFragment) {
        if (tempFragemnt != nextFragment) {
            tempFragemnt = nextFragment;
            if (nextFragment != null) {
                FragmentTransaction transaction = getSupportFragmentManager().beginTransaction();
                //判断nextFragment是否添加
                if (!nextFragment.isAdded()) {
                    //隐藏当前Fragment
                    if (fromFragment != null) {
                        transaction.hide(fromFragment);
                    }
                    //添加Fragment
                    transaction.add(R.id.frameLayout, nextFragment).commit();
                } else {
                    //隐藏当前Fragment
                    if (fromFragment != null) {
                        transaction.hide(fromFragment);
                    }
                    transaction.show(nextFragment).commit();
                }
            }
        }
    }

}
  1. 各fragment碎片布局:这里引用相同布局:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp">

        <TextView
            android:textColor="#464646"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true"
            android:layout_margin="20dp"
            android:text="我是xx页面"
            android:textSize="20sp" />
    </RelativeLayout>
</LinearLayout>

用户中心的fragment页面:

package com.lyx.mycommunity.fragment;

import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.util.Log;
import android.view.View;
import android.widget.ImageButton;
import android.widget.ScrollView;
import android.widget.TextView;
import android.widget.Toast;

import com.lyx.mycommunity.app.LoginActivity;
import com.lyx.mycommunity.app.MessageCenterActivity;
import com.lyx.mycommunity.utils.BatteryChangeReceiver;
import com.lyx.shoppingcity.R;
import com.lyx.mycommunity.base.BaseFragment;

import java.io.File;

public class UserFragment extends BaseFragment implements{
    private static final String TAG =  UserFragment.class.getSimpleName();
    private TextView textView;
    private Context myContent;
    private ImageButton ibUserIconAvator;
    private TextView tvUsercenter;

    private void findViews(View view) {
        ibUserIconAvator = (ImageButton) view.findViewById(R.id.ib_user_icon_avator);
        tvUsercenter = (TextView) view.findViewById(R.id.tv_usercenter);
    }
    @Override
    public View initView() {
        Log.e(TAG, "用户中心的Frament的UI被初始化");
        View view = View.inflate(myContext, R.layout.fragment_user,null);
        findViews(view);
        tvUsercenter.setAlpha(0);

        return view;

    }

    @Override
    public void initData() {
        super.initData();
        Log.e(TAG, "用户中心的Fragment的数据被初始化了");
    }
}

分类的fragment页面:

package com.lyx.mycommunity.fragment;

import android.content.Context;
import android.content.Intent;
import android.net.Uri;
import android.util.Log;
import android.view.View;
import android.widget.ImageButton;
import android.widget.ScrollView;
import android.widget.TextView;
import android.widget.Toast;

import com.lyx.mycommunity.app.LoginActivity;
import com.lyx.mycommunity.app.MessageCenterActivity;
import com.lyx.mycommunity.utils.BatteryChangeReceiver;
import com.lyx.shoppingcity.R;
import com.lyx.mycommunity.base.BaseFragment;

import java.io.File;

public class CategoryFragment extends BaseFragment implements{
    private static final String TAG = CategoryFragment.class.getSimpleName();
    private TextView textView;
    private Context myContent;
    private ImageButton ibUserIconAvator;
    private TextView tvUsercenter;

    private void findViews(View view) {
        ibUserIconAvator = (ImageButton) view.findViewById(R.id.ib_user_icon_avator);
        tvUsercenter = (TextView) view.findViewById(R.id.tv_usercenter);
    }
    @Override
    public View initView() {
        Log.e(TAG, "分类页面的Frament的UI被初始化");
        View view = View.inflate(myContext, R.layout.fragment_category,null);
        findViews(view);
        tvUsercenter.setAlpha(0);

        return view;

    }

    @Override
    public void initData() {
        super.initData();
        Log.e(TAG, "分类的Fragment的数据被初始化了");
    }
}

…
其他几个fragment都是类似上面这个,在initView()中加载UI页面,在initData()初始数据加载.

titlebar.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="60dp"
    android:background="#9448bb"
    android:orientation="horizontal">
    
    <TextView
        android:id="@+id/tv_local"
        android:layout_width="wrap_content"
        android:layout_height="60dp"
        android:layout_margin="10dp"
        android:drawableTop="@mipmap/loca"
        android:text="位置"
        android:textColor="#fff" />

    <EditText
        android:id="@+id/tv_search_home"
        android:layout_width="wrap_content"
        android:layout_height="40dp"
        android:background="@mipmap/btnbgfff"
        android:gravity="center_vertical"
        android:hint="输入搜索信息"
        android:layout_gravity="center"
        android:imeOptions="actionSearch"
        android:paddingLeft="5dp"
        android:drawableLeft="@mipmap/home_search_icon"
        android:layout_margin="2dp"
        android:singleLine="true"
        android:layout_weight="0.67" />
    <TextView
        android:id="@+id/tv_message_home"
        android:layout_width="wrap_content"
        android:layout_height="60dp"
        android:layout_margin="10dp"
        android:drawableTop="@mipmap/new_message_icon"
        android:text=" 消息"
        android:textColor="#fff" />

</LinearLayout>

设置RadioButton选中后的样式community_button_selector.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/main_community" android:state_checked="false"></item>
    <item android:drawable="@mipmap/main_community_press" android:state_checked="true"></item>
</selector>

其他四个都是类似,就是把相应的图标改改,就可以了.

Ly_cat
关注
  • 1
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Android使用Fragment打造万能页面切换框架
01-04
首先我们来回忆一下传统用Activity进行的页面切换，activity之间切换，首先需要新建intent对象，给该对象设置一些必须的参数，然后调用startActivity方法进行页面跳转。如果需要activity返回结果，则调用...
Android使用TabLayou+fragment+viewpager实现滑动切换页面效果
08-30
Android 使用 TabLayout+Fragment+ViewPager 实现滑动切换页面效果 Android 是一个流行的移动操作系统，它提供了多种方式来实现滑动切换页面效果。其中，使用 TabLayout+Fragment+ViewPager 是一种常见的实现方法...
andrion顶部菜单切换TabLayout+viewpager+fragment详解
最新发布
wushijun5200的博客
07-21 1503
4.碎片OneFragment，后面四个是一样的，按照这样式改。一、新建一个activity主页面，布局代码。三.适配器WViewPagerAdapter。6.布局fragment_one.xml。下面我们直接上主题，其实很简单。
android常用封装 －－－ BaseFragment
XiaoZhuang__的博客
11-15 854
public abstract class BaseFragment extends Fragment {        public FragmentActivity mActivity;        /**      * 此方法可以得到上下文对象      */      @Override      public void onCreate(Bundle savedInstanceStat
Android项目开发常用工具类BaseFragment
谷哥的小弟
06-04 755
BaseFragment用于项目中Fragment的基类。
Android 项目必备（三）--＞ 基类 BaseActivity & BaseFragment
Kevin Learn Android
09-07 2673
在实际的 Android 产品研发中，一般的我们在写 Activity 的时候都会继承于一个基类 BaseActivity，该 BaseActivity是所有的 Activity 的基类。在该基类中我们主要用于重写一些共有的逻辑。好处是显而易见的对于一些 Activity 的共有逻辑我们不必要在每个 Activity 中都重新写一遍，只需要在基类 Activity 中写一遍就好了。.........
Android基础之使用Fragment控制切换多个页面
01-05
今天讲解一下Fragment的控制，主要是切换View和页面替换等操作。还有就是如何获取Fragment的管理对象，以及与Activity的通信方式。1、管理Fragment要在activity中管理fragment,需要使用FragmentManager. 通过调用...
Android中使用TabHost 与 Fragment 制作页面切换效果
09-02
在Android应用开发中，实现页面切换效果是常见的需求，尤其是在创建多标签页的应用时。本篇将详细介绍如何利用TabHost和Fragment在Android中构建这种效果。TabHost是Android提供的一个组件，用于创建具有多个Tab标签...
android fragment页面切换,CorePage(Android使用Fragment打造万能页面切换框架)
weixin_30327815的博客
05-27 403
关键思路：1、BaseActivity作为fragment的容器，里面负责跳转入口openPage和gotoPageopenPage: 打开一个新的fragment，默认都addToBackStackgotoPage: 跳转的之前打开过的fragment。在BaseActivity有一个栈，保存所有已打开过的activity，gotoPage就是遍历所有的activity，然后findFragme...
基础框架之BaseFragment
七月的南方博客
08-13 1183
package iptv.com.quick.module.base; import android.content.Context; import android.os.Bundle; import android.os.Handler; import android.os.Message; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import com.tr
BaseFragment【base工具类】
fengyeNom1的博客
11-29 452
所有Fragment的基类 /** * 所有Fragment的基类 */ public abstract class BaseFragment_Ma extends Fragment { private View rootView; private Unbinder unBinder; protected Context mContext; prote...
《一个Android工程的从零开始》-7、base（六） BaseFragment的运用
半寿翁的博客
07-15 604
说实话，昨天的部分BaseFragment就应该已经结束掉了，不过没有具体的应用掩饰，所以今天就再写一篇BaseFragment的基本应用，不过命名为BaseFragment的运用，但其实都是在说的Fragment的一些基本知识点以及BaseActivity中添加的封装方法，用于添加Fragment。
Android使用Fragment打造万能页面切换框架（二）
Hank铄
04-08 1305
private static List> mActivities = newArrayList>(); //所有activity的引用 private Handler mHandler = null; //线程安全的handler private WeakReference mCurrentInstance = null; //当前activity的引用
android 多个fragment切换,Android之Fragment多个页面切换实现
weixin_32576389的博客
05-26 994
本篇文章通过一个例子说明Fragment的使用第一步：新建工程，并添加需要的图片资源第二步：建立四个子布局文件main_tab1.xmlmain_tab2.xmlmain_tab3.xmlmain_tab4.xml第三步：建立四个子布局文件对应的源文件MainFragmentTab1.javapublic class MainFragmentTab1 extends Fragment{@Overr...
android的fragment作用,android使用FragmentActivity、Fragment实现tab切换的功能
weixin_39915815的博客
05-25 715
目前主流的app都在下面有一排按钮来选择切换页面，可以使用Fragment来实现Tab效果来达到目的，要想用Fragment 功能必须先让activity继承FragmentActivity,其原因是里面包含了Fragment运作的FragmentManager接口的实现类 FragmentManagerImpl ，由这个类管理所有Fragment的显示、隐藏，下面我们实现一个有首页和设置两个界面...
Android开发热门前沿知识
weixin_38754349的博客
12-25 153
code小生 一个专注大前端领域的技术平台公众号回复Android加入安卓技术群作者：瑟闻风倾链接：https://www.jianshu.com/p/d20c5b7ca4e8声明：本文...
使用Fragment构建Android页面切换框架
"本文将介绍如何使用Fragment构建一个万能的页面切换框架，以替代传统的Activity切换方式，从而简化Android应用的开发流程。" 在Android开发中，Activity是用于展示用户界面的基本组件，但其切换过程相对繁琐，涉及...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值