Android 首页Fragment切换常用姿势

最新推荐文章于 2024-04-21 08:51:24 发布
置顶 最新推荐文章于 2024-04-21 08:51:24 发布
阅读量3k 收藏 9
点赞数 1
分类专栏： Android Demo 文章标签： viewpager fragment
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_31390699/article/details/77654899
版权

效果图
这里写图片描述
嗯…首页常用2种Fragment切换一种是利用Fragment的hide，show来切换，另一种则直接将Fragment放在viewpager里，通过切换viewpager的item来实现。

样式1 ：Fragment的 hide & show

这里配合RadioGroup实现，代码：

import android.os.Bundle;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentTransaction;
import android.support.v7.app.AppCompatActivity;
import android.widget.RadioGroup;

import butterknife.Bind;
import butterknife.ButterKnife;


public class RadioGroupActivity extends AppCompatActivity implements RadioGroup.OnCheckedChangeListener {

    private Fragment1 fragment1;
    private Fragment2 fragment2;
    private Fragment3 fragment3;
    private Fragment4 fragment4;

    @Bind(R.id.rg)
    RadioGroup radioGroup;
    private FragmentManager fragmentManager;

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

        fragmentManager = getSupportFragmentManager();
        //默认选中第一个tab
        showFragment(1);
        radioGroup.check(R.id.rb_1);
        radioGroup.setOnCheckedChangeListener(this);
    }
    private void showFragment(int page) {
        FragmentTransaction ft = fragmentManager.beginTransaction();

        // 想要显示一个fragment,先隐藏所有fragment，防止重叠
        hideFragments(ft);
        switch (page) {
            case 1:
                // 如果fragment1已经存在则将其显示出来
                if (fragment1 != null)
                    ft.show(fragment1);
                    // 否则添加fragment1，注意添加后是会显示出来的，replace方法也是先remove后add
                else {
                    fragment1 = new Fragment1();
                    ft.add(R.id.fl_content_main, fragment1);
                }
                break;
            case 2:
                if (fragment2 != null)
                    ft.show(fragment2);
                else {
                    fragment2 = new Fragment2();
                    ft.add(R.id.fl_content_main, fragment2);
                }
                break;
            case 3:
                if (fragment3 != null) {
                    ft.show(fragment3);
                }
                else {
                    fragment3 = new Fragment3();
                    ft.add(R.id.fl_content_main, fragment3);
                }
                break;
            case 4:
                if (fragment4 != null){
                    ft.show(fragment4);
                }
                else {
                    fragment4 = new Fragment4();
                    ft.add(R.id.fl_content_main, fragment4);
                }
                break;
        }
        ft.commit();
    }
    // 当fragment已被实例化，相当于发生过切换，就隐藏起来
    public void hideFragments(FragmentTransaction ft) {
        if (fragment1 != null)
            ft.hide(fragment1);
        if (fragment2 != null)
            ft.hide(fragment2);
        if (fragment3 != null)
            ft.hide(fragment3);
        if (fragment4 != null)
            ft.hide(fragment4);
    }

    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        switch (checkedId){
            case R.id.rb_1:
                showFragment(1);
                break;
            case R.id.rb_2:
                showFragment(2);
                break;
            case R.id.rb_3:
                showFragment(3);
                break;
            case R.id.rb_4:
                showFragment(4);
                break;


        }
    }
}

布局xml

<?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:id="@+id/activity_radio_group"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <LinearLayout
        android:id="@+id/fl_content_main"
        android:layout_width="match_parent"
        android:layout_height="0dip"
        android:layout_weight="1"
        android:orientation="vertical" >
    </LinearLayout>

    <RadioGroup
        android:layout_centerVertical="true"
        android:id="@+id/rg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingTop="5dp"
        android:paddingBottom="5dp">

        <RadioButton
            android:id="@+id/rb_1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/homepage_btn_bg"
            android:gravity="center_horizontal"
            android:drawablePadding="6dp"
            android:text="首页"
            android:textColor="@drawable/textcolor_bottom_main"
            android:textSize="10sp" />

        <RadioButton
            android:id="@+id/rb_2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/faxian_btn_bg"
            android:gravity="center_horizontal"
            android:drawablePadding="6dp"
            android:text="发现"
            android:textColor="@drawable/textcolor_bottom_main"
            android:textSize="10sp" />


        <RadioButton
            android:id="@+id/rb_3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/message_btn_bg"
            android:gravity="center_horizontal"
            android:drawablePadding="6dp"
            android:text="消息"
            android:textColor="@drawable/textcolor_bottom_main"
            android:textSize="10sp" />

        <RadioButton
            android:id="@+id/rb_4"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/wo_btn_bg"
            android:gravity="center_horizontal"
            android:drawablePadding="6dp"
            android:text="我"
            android:textColor="@drawable/textcolor_bottom_main"
            android:textSize="10sp" />

    </RadioGroup>

</LinearLayout>

文字颜色选择textcolor_bottom_main.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:color="#F64358" />
    <item  android:state_checked="false" android:color="#93929A"/>

</selector>

radioButton选中状态，这里只展示一个，其他的一样homepage_btn_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 配置RadioButton被选中时，显示的图片 -->
    <item android:drawable="@drawable/chomepage" android:state_checked="true"></item>
    <!-- 配置RadioButton没被选中时，显示的图片 -->
    <item android:drawable="@drawable/homepage" android:state_checked="false"></item>

</selector>

实现思路，当选中某个radioButton的时候，1 先判断所有的Fragment是否存在，若存在则隐藏 hideFragments(ft) ;2 判断该radioButton对应的Fragment是否存在，若存在则show， 不存在则new出来add进FragmentTransaction里，这里不需要再show了，因为存在的页面都已经hide了，直接add进来的会显示出来。 这样实现的好处是，当你为切换到某个按钮时，这个按钮对应的Fragment是不会加载的。

样式2 ：通过ViewPager切换item实现

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

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

import butterknife.Bind;
import butterknife.ButterKnife;

public class ViewPagerActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener, RadioGroup.OnCheckedChangeListener {
    private Fragment1 fragment1;
    private Fragment2 fragment2;
    private Fragment3 fragment3;
    private Fragment4 fragment4;

    @Bind(R.id.rg)
    RadioGroup rg;
    @Bind(R.id.viewpager)
    ViewPager viewPager;
    ViewPagerAdapter viewPagerAdapter;
    List<Fragment>fragments=new ArrayList<>();


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

        initViewPager();
    }
    private void initViewPager() {
        fragment1=new Fragment1();
        fragment2=new Fragment2();
        fragment3=new Fragment3();
        fragment4=new Fragment4();
        fragments.add(fragment1);
        fragments.add(fragment2);
        fragments.add(fragment3);
        fragments.add(fragment4);
        viewPagerAdapter=new ViewPagerAdapter(getSupportFragmentManager(),fragments);
        viewPager.setAdapter(viewPagerAdapter);
        viewPager.addOnPageChangeListener(this);
        //默认选中第一个
        rg.check(R.id.rb_1);
        rg.setOnCheckedChangeListener(this);
    }

    @Override
    public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
    }

    @Override
    public void onPageSelected(int position) {
        switch (position){
            case 0:
                rg.check(R.id.rb_1);
                break;
            case 1:
                rg.check(R.id.rb_2);
                break;
            case 2:
                rg.check(R.id.rb_3);
                break;
            case 3:
                rg.check(R.id.rb_4);
                break;
        }
    }

    @Override
    public void onPageScrollStateChanged(int state) {
    }


    @Override
    public void onCheckedChanged(RadioGroup group, int checkedId) {
        switch (checkedId){
            case R.id.rb_1:
                viewPager.setCurrentItem(0);
                break;
            case R.id.rb_2:
                viewPager.setCurrentItem(1);
                break;
            case R.id.rb_3:
                viewPager.setCurrentItem(2);
                break;
            case R.id.rb_4:
                viewPager.setCurrentItem(3);
                break;
        }
    }
}

adapter代码

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

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


/**
 * Created by KID on 2017/8/10 0010.
 */

public class ViewPagerAdapter extends FragmentPagerAdapter {
    List<Fragment> fragments=new ArrayList<>();
    public ViewPagerAdapter(FragmentManager fm, List<Fragment> fragments) {
        super(fm);
        this.fragments = fragments;
    }
    @Override
    public int getCount() {
        return fragments.size();
    }
    @Override
    public Fragment getItem(int position) {
        return fragments.get(position);
    }

}

布局activity_view_pager.xml

<?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:id="@+id/activity_view_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1"/>

    <RadioGroup
        android:layout_centerVertical="true"
        android:id="@+id/rg"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:paddingTop="5dp"
        android:paddingBottom="5dp">

        <RadioButton
            android:id="@+id/rb_1"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/homepage_btn_bg"
            android:gravity="center_horizontal"
            android:drawablePadding="6dp"
            android:text="首页"
            android:textColor="@drawable/textcolor_bottom_main"
            android:textSize="10sp" />

        <RadioButton
            android:id="@+id/rb_2"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/faxian_btn_bg"
            android:gravity="center_horizontal"
            android:drawablePadding="6dp"
            android:text="发现"
            android:textColor="@drawable/textcolor_bottom_main"
            android:textSize="10sp" />


        <RadioButton
            android:id="@+id/rb_3"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/message_btn_bg"
            android:gravity="center_horizontal"
            android:drawablePadding="6dp"
            android:text="消息"
            android:textColor="@drawable/textcolor_bottom_main"
            android:textSize="10sp" />

        <RadioButton
            android:id="@+id/rb_4"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/wo_btn_bg"
            android:gravity="center_horizontal"
            android:drawablePadding="6dp"
            android:text="我"
            android:textColor="@drawable/textcolor_bottom_main"
            android:textSize="10sp" />

    </RadioGroup>


</LinearLayout>

ViewPager+Fragment实现起来会暴力很多，因为ViewPager在setAdapter的时候，我们已经把所有的Fragment new出来放入adapter里了。嗯哼…..当然你可以new的时候不加载Fragment数据。把加载数据的方法 initData写在onPageSelected时获取当前选中item对应的Fragment去调用，这样也能实现选中才加载网络数据。
代码传送们http://download.csdn.net/download/qq_31390699/9954325

FC小司
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
Android实现Tab布局的4种方式（Fragment+TabPageIndicator+ViewPager）
09-01
Android现在实现Tab类型的界面方式越来越多，本文详细介绍了Android实现Tab布局的4种方式，具有一定的参考价值，有兴趣的可以了解一下。
Android面试必知必会，详细告诉你Handler和Binder的底层原理，教你吊打面试官
2401_83977385的博客
04-19 476
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。下图是我进阶学习所积累的历年腾讯、头条、阿里、美团、字节跳动等公司2019-2021年的高频面试题，博主还把这些技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节由于本文罗列的知识点是根据我自身总结出来的，并且由于本人水平有限，无法全部提及，欢迎大神们能补充~
Android Fragment详解
热门推荐
familyyan的博客
01-21 5万+
一、什么是Fragment？ Fragment：是Android3.0开始新增的概念，意为碎片。Fragment是依赖于Activity的，不能独立存在的。 二、为什么要有Fragment? Android运行在各种各样的设备中，有小屏幕的手机，还有大屏幕的平板，电视等。同样的界面在手机上显示可能很好看，在大屏幕的平板上就未必了，手机的界面放在平板上可能会有过分被拉长、控件间距过大等情况。针...
Android UI-实现底部切换标签（fragment)，2024年最新毕业生销售面试问题
最新发布
2401_84103616的博客
04-21 886
由于本文罗列的知识点是根据我自身总结出来的，并且由于本人水平有限，无法全部提及，欢迎大神们能补充~将来我会对上面的知识点一个一个深入学习，也希望有童鞋跟我一起学习，一起进阶。提升架构认知不是一蹴而就的，它离不开刻意学习和思考。**这里，笔者分享一份从架构哲学的层面来剖析的视频及资料分享给大家，**梳理了多年的架构经验，筹备近1个月最新录制的，相信这份视频能给你带来不一样的启发、收获。，第一时间获取最新知识点Android架构师之路很漫长，一起共勉吧！
Android中利用FragmentActivity制作首页框架
水月洞天
02-25 852
和之前的两种制作首页框架的方式不同，之前不论是TabActivity还是ActivityGroup，内容页都是使用Activity进行承载的，但FragmentActivity是利用Activity和Fragment结合搭建的首页框架，内容部分使用的Fragment进行承载。本文就FragmentActivity的使用进行一下说明。 1.首先是MainActivity的内容 public class MainActivity extends AppCompatActivity { priva
android fragment activity 区别,Activity与Fragment比较
weixin_35934979的博客
05-27 417
最近写了一个项目，使用开源中国的框架。整个项目就定义两个Activity，一个主页Activity，一个容器Activity。利用反射技术在容器Activity里装Fragment。一开始，我还切以为喜，但是为什么这个世界是辩证的呢？1)Activity里有launchMode，Fragment没有，也是说Activity由栈来维护了，但是Fragment没有，不过也可以用Stack自己来实现。容...
Android Fragment之间的切换
04-25
本文主要供学习使用，主要讲解点击不同按钮之后，相应...所以这篇文章是写的比较简单的一个实例，目的就是使用最新的Fragment来实现这种切换效果，希望初学者能够完全理解其中的思路。为以后更复杂的开发打好基础。
Android 保存Fragment 切换状态实例代码
09-01
本篇文章将通过实例代码详细讲解如何在Android中保存Fragment的切换状态，从而提高用户体验。 一、应用场景 1. 不使用ViewPager：在某些设计中，可能并不需要滑动切换多个Fragment，而是通过按钮或其他交互方式...
Android使用Fragment打造万能页面切换框架
09-02
【Android使用Fragment打造万能页面切换框架】 在Android开发中，使用Fragment进行页面切换能够有效减少Activity的使用，简化应用程序的架构，同时更好地利用设备的屏幕空间。Fragment是Android 3.0（API level 11...
Android 界面（Fragment）切换
llm20143304的博客
10-12 1万+
1.声明 private FragmentManager fManager;//管理Fragment界面 2.初始化 fManager = getSupportFragmentManager(); 3.切换代码 /** * Fragment切换 * * @param index */ private void setChoiceItem(int...
Android基础之使用Fragment控制切换多个页面
01-05
今天讲解一下Fragment的控制，主要是切换View和页面替换等操作。还有就是如何获取Fragment的管理对象，以及与Activity的通信方式。1、管理Fragment要在activity中管理fragment,需要使用FragmentManager. 通过调用activity的getFragmentManager()取得它的实例. •可以通过FragmentManager做一些事情, 包括: 使用findFragmentById()(用于在activity layout中提供一个UI的fragment)或findFragmentByTag()(适用于有或没有UI的fragment)获取
fragment界面切换
Willingtogiveup的博客
08-21 920
private List&lt;Fragment&gt; fragments; fragments = new ArrayList&lt;&gt;(); //添加要切换的fragment fragments.add(new HomeUserFragment()); fragments.add(new SpotCheckFragment()); ...
android 主界面搭建,Android主界面利用fragment搭建总结
weixin_39922534的博客
06-02 318
前言目前app常用的主界面大多类似如下界面所示：GIF.gif常用的利用fragment作为选项卡实现切换，这里介绍两种方法实现此效果：1.FragmentManager+Fragment实现2.ViewPager+FragmentPagerAdapter实现下面接两种方式具体介绍1.FragmentManager+Fragment实现点击切换主要利用了Fragment在主内容界面对Fragmen...
多个Fragment之间的切换，该用什么方法呢？
k_bb_666的博客
08-01 1万+
最近在开发过程中使用Fragment做很常见的类微信界面，底部四个可选项，首页、课程、发现和我的，每点击其中一个，在上方显示不同的Fragment,如下图： 起初我并没有考虑太多，用了最简单的方式，直接使用replace方法，代码如下： getSupportFragmentManager().beginTransaction().replace(R.id.rl_main_content,...
使用FragmentTransaction对多个fragment进行切换
SylG17的博客
12-10 3145
 通过record_car和record_person的点击实现下边的fragment的切换。 过程： 1.获取fragmentManager 2.获取FragmentTransaction 3.add/remove/hide/show等方法的使用，本例中使用的是add进去后，再通过使用show和hide进行切换，没有使用remove。   代码实例： public class R...
Fragment内存重启出现的几种问题
josnz的博客
03-09 1741
先介绍一下“内存重启”安卓app有一种特殊情况，就是 app运行在后台的时候，系统资源紧张的时候导致把app的资源全部回收（杀死app的进程），这时把app再从后台返回到前台时，app会重启。这种情况下文简称为：“内存重启”。 在系统要把app回收之前，系统会把Activity的状态保存下来，Activity的FragmentManager负责把Activity中的Fragment保存
Android fragment 框架
唐衡三
10-26 1026
Android 好用的框架与UI效果demo收集 1.一个非常方便的fragment页面框架  XPage github  https://github.com/xuexiangjys/XPage   2. Fragmentation 为"单Activity ＋ 多Fragment","多模块Activity + 多Fragment"架构而生，简化开发，轻松解决动画、嵌套、事务相关等...
Carson带你学Android：手把手教你优雅实现首页-底部Tab导航(菜单栏)
Carson带你学Android
05-30 1万+
前言Android开发中使用底部菜单栏的频次非常高，这篇文章主要讲解的是用FragmentTabHost+ViewPager+Fragment实现首页底部Tab菜单栏
android fragment切换
03-17
Android Fragment 切换可以通过 FragmentTransaction 类来实现。首先，通过调用 FragmentManager 的 beginTransaction() 方法来获取 FragmentTransaction 实例。然后，调用该实例的 add()、replace() 或 remove() ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值