Fragment与Radiogroup联动,经典的主界面布局。使用show和hide的方式实现;
Fragment+RadioGroup经典的主界面布局,方便实用;
1、使用replace方式:
直接上代码,先是布局文件;
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"> <RelativeLayout
android:id="@+id/rl"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:background="#ffffff"> <RadioGroup
android:id="@+id/rg"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#ffffff"
android:orientation="horizontal"> <RadioButton
android:id="@+id/rb_home"
style="@style/main_tab_button"
android:drawableTop="@drawable/rgbtn_home_select"
android:text="主页"/> <RadioButton
android:id="@+id/rb_shoppingcart"
style="@style/main_tab_button"
android:drawableTop="@drawable/rgbtn_gouwuche_select"
android:text="购物车"/> <RadioButton
android:id="@+id/rb_orderfrom"
style="@style/main_tab_button"
android:drawableTop="@drawable/rgbtn_orderfrom_select"
android:text="分类"/> <RadioButton
android:id="@+id/rb_my"
style="@style/main_tab_button"
android:drawableTop="@drawable/rgbtn_my_select"
android:text="个人"/>
</RadioGroup>
<View
style="@style/Line_e0e0e0_Horizontal"/>
</RelativeLayout>
<FrameLayout
android:id="@+id/fl"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_above="@id/rl"
></FrameLayout>
</RelativeLayout>
Radiogroup的style:
<style name="main_tab_button">
<item name="android:textSize">12dp</item>
<item name="android:textColor">@drawable/rgbtn_select</item>
<item name="android:ellipsize">marquee</item>
<item name="android:gravity">center</item>
<item name="android:paddingBottom">2dp</item>
<item name="android:background">#ffffff</item>
<item name="android:layout_width">0dp</item>
<item name="android:layout_weight">1.0</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:button">@null</item>
<item name="android:singleLine">true</item>
<item name="android:drawablePadding">2dp</item>
</style>
文字的状态选择器:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="#666666" android:state_checked="false"/>
<item android:color="#424242" android:state_checked="true"/>
</selector>
图片状态选择器:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/datahui_def" android:state_checked="false"/>
<item android:drawable="@drawable/datahui_sel" android:state_checked="true"/>
</selector>
好了,核心代码:
public class FragmentReplaceActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(getContentViewResource());
initView();
initData();
initList();
}
private RadioGroup rg;
private Fragment HomeFm = null,SpcFm = null, OrderFm = null, MyFm = null;
private final class RadioGroupOnCheckedChangeListener implements RadioGroup.OnCheckedChangeListener {
@Override
public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
/**
* 替换fragment
*/
switch (checkedId) {
case R.id.rb_home:
getSupportFragmentManager().beginTransaction().replace(R.id.fl, HomeFm).commit();
break;
case R.id.rb_shoppingcart:
getSupportFragmentManager().beginTransaction().replace(R.id.fl, SpcFm).commit();
break;
case R.id.rb_orderfrom:
getSupportFragmentManager().beginTransaction().replace(R.id.fl, OrderFm).commit();
break;
case R.id.rb_my:
getSupportFragmentManager().beginTransaction().replace(R.id.fl, MyFm).commit();
break;
}
}
}
public int getContentViewResource() {
return R.layout.activity_fragment;
}
protected void initView() {
rg = findViewById(R.id.rg);
}
protected void initData() {
HomeFm = new Fragment1();
SpcFm = new Fragment2();
OrderFm = new Fragment3();
MyFm = new Fragment4();
}
protected void initList() {
rg.setOnCheckedChangeListener(new RadioGroupOnCheckedChangeListener());
rg.check(R.id.rb_home);
}
}
这样,一个简单的使用replace点击切换界面就好了;不过这样的方式不太好,每次切换都要走一遍fragment中所有的方法,好来介绍下一种:
2、Add,Show,Hide;隐藏和显示fragment;
public class FragmentShowHideActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(getContentViewResource());
initView();
initData();
initList();
}
private FrameLayout fl;
private RadioGroup rg;
private Fragment HomeFm = null,SpcFm = null, OrderFm = null, MyFm = null;
private final class RadioGroupOnCheckedChangeListener implements RadioGroup.OnCheckedChangeListener {
@Override
public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
if (HomeFm != null) {
getSupportFragmentManager().beginTransaction().hide(HomeFm).commit();
}
if (SpcFm != null) {
getSupportFragmentManager().beginTransaction().hide(SpcFm).commit();
}
if (OrderFm != null) {
getSupportFragmentManager().beginTransaction().hide(OrderFm).commit();
}
if (MyFm != null) {
getSupportFragmentManager().beginTransaction().hide(MyFm).commit();
}
switch (checkedId) {
case R.id.rb_home:
if (HomeFm == null) {
HomeFm = new Fragment1();
getSupportFragmentManager().beginTransaction().add(R.id.fl, HomeFm).commit();
} else {
getSupportFragmentManager().beginTransaction().show(HomeFm).commit();
}
break;
case R.id.rb_shoppingcart:
if (SpcFm == null) {
SpcFm = new Fragment2();
getSupportFragmentManager().beginTransaction().add(R.id.fl, SpcFm).commit();
} else {
getSupportFragmentManager().beginTransaction().show(SpcFm).commit();
}
break;
case R.id.rb_orderfrom:
if (OrderFm == null) {
OrderFm = new Fragment3();
getSupportFragmentManager().beginTransaction().add(R.id.fl, OrderFm).commit();
} else {
getSupportFragmentManager().beginTransaction().show(OrderFm).commit();
}
break;
case R.id.rb_my:
if (MyFm == null) {
MyFm = new Fragment4();
getSupportFragmentManager().beginTransaction().add(R.id.fl, MyFm).commit();
} else {
getSupportFragmentManager().beginTransaction().show(MyFm).commit();
}
break;
}
}
}
public int getContentViewResource() {
return R.layout.activity_fragment;
}
protected void initView() {
fl = findViewById(R.id.fl);
rg = findViewById(R.id.rg);
}
protected void initData() {
}
protected void initList() {
rg.setOnCheckedChangeListener(new RadioGroupOnCheckedChangeListener());
rg.check(R.id.rb_home);
}
}
简化一下是这样的:使用isAdded方法判断是否添加过;
public class FragmentShowHide2Activity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(getContentViewResource());
initView();
initData();
initList();
}
private RadioGroup rg;
private Fragment HomeFm = null,SpcFm = null, OrderFm = null, MyFm = null;
private final class RgOnCheckedChangeListener implements RadioGroup.OnCheckedChangeListener {
@Override
public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
switch (checkedId) {
case R.id.rb_home:
switchFragment(showFragment,HomeFm);
break;
case R.id.rb_shoppingcart:
switchFragment(showFragment,SpcFm);
break;
case R.id.rb_orderfrom:
switchFragment(showFragment,OrderFm);
break;
case R.id.rb_my:
switchFragment(showFragment,MyFm);
break;
}
}
}
public int getContentViewResource() {
return R.layout.activity_fragment;
}
protected void initView() {
rg = findViewById(R.id.rg);
}
protected void initData() {
HomeFm = new Fragment1();
SpcFm = new Fragment2();
OrderFm = new Fragment3();
MyFm = new Fragment4();
}
protected void initList() {
rg.setOnCheckedChangeListener(new RgOnCheckedChangeListener());
rg.check(R.id.rb_home);
}
private Fragment showFragment; //当前显示的fragment
private void switchFragment(Fragment hide,Fragment show){
FragmentTransaction ft = getSupportFragmentManager().beginTransaction();
if (hide == show)return;
if (hide != null){
if (!show.isAdded()){
ft.hide(hide).add(R.id.fl, show).commit();
}else{
ft.hide(hide).show(show).commit();
}
}else {
if (!show.isAdded()){
ft.add(R.id.fl, show).commit();
}else{
ft.show(show).commit();
}
}
showFragment = show;
}
}
下载Demo:FragmentDemo
github:Github
附:使用show和hide的方式显示Fragment,在Activity回收后重叠的问题;
随意门:https://blog.csdn.net/qq_35605213/article/details/79713871
Fragment与Radiogroup联动,经典的主界面布局。使用show和hide的方式实现;的更多相关文章
- 基于easyUI实现经典系统主界面
此文章是基于 EasyUI+Knockout实现经典表单的查看.编辑 一. 相关文件介绍 1. home.jsp:系统主界面 <!DOCTYPE html PUBLIC "-//W3C ...
- android actionbar viewpager 实现类微信主界面布局
1 Activity public class MainActivity extends FragmentActivity { private ViewPager pager; private Act ...
- Swift实战-小QQ(第3章):QQ主界面布局
1.导航栏外观设定*在AppDelegate.swift文件中的didFinishLaunchingWithOptions方法添加以下代码 func application(application: ...
- jquery+easyui主界面布局一例
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="workbench.aspx ...
- Android学习系列(22)--App主界面比较
本文算是一篇漫谈,谈一谈当前几个流行应用的主界面布局,找个经典的布局我们自己也来实现一个.不是为了追求到底有多难,而是为了明白我们确实需要这么做. 走个题,android的UI差异化市场依然很大,依然 ...
- Android学习系列(23)--App主界面实现
在上篇文章<Android学习系列(22)--App主界面比较>中我们浅略的分析了几个主界面布局,选了一个最大众化的经典布局.今天我们就这个经典布局,用代码具体的实现它. 1.预览图先看下 ...
- 看过《大湿教我写.net通用权限框架(1)之菜单导航篇》之后发生的事(续)——主界面
引言 在UML系列学习中的小插曲:看过<大湿教我写.net通用权限框架(1)之菜单导航篇>之后发生的事 在上篇中只拿登录界面练练手,不把主界面抠出来,实在难受,严重的强迫症啊.之前一直在总 ...
- Android应用经典主界面框架之中的一个:仿QQ (使用Fragment, 附源代码)
备注:代码已传至https://github.com/yanzi1225627/FragmentProject_QQ 欢迎fork,如今来审视这份代码,非常多地方写的不太好,欢迎大家指正.有时间我会继 ...
- Android应用经典主界面框架之二:仿网易新闻client、CSDN client (Fragment ViewPager)
另外一种主界面风格则是以网易新闻.凤凰新闻以及新推出的新浪博客(阅读版)为代表.使用ViewPager+Fragment,即ViewPager里适配器里放的不是一般的View.而是Fragment.所 ...
随机推荐
- vue-cli 3.x 使用
vue-cli 3.x 安装:npm install -g @vue/cli vue-cli 3.x 常用命令 vue-cli 3.x 常用命令 命令含义 vue --help vue-cli 3.x ...
- Zookeeper 四字命令 Four Letter Words
1.zk可以通过它自身提供的简写命令来服务器进行交互 需要使用到nc命令,安装yum install nc echo [commond] | nc [ip] [port] 2.[stat] 查看z ...
- NET设计模式 第二部分 创建型模式(5):原型模式(Prototype Pattern)
原型模式(Prototype Pattern) ——.NET设计模式系列之六 Terrylee,2006年1月 概述 在软件系统中,有时候面临的产品类是动态变化的,而且这个产品类具有一定的等级结构.这 ...
- C#3.0:新特性
1.自动属性 下面两种写法作用相同 1 public int Age { get; set;} 1 2 3 4 5 6 private int age; public int Age { get { ...
- Vivado HLS初识---阅读《vivado design suite tutorial-high-level synthesis》(4)
Vivado HLS初识---阅读<vivado design suite tutorial-high-level synthesis>(4) 1.老样子,首先运行tcl脚本建工程: Vi ...
- 转 Oracle监听器启动出错:本地计算机上的OracleOraDb11g_home1TNSListener服务启动后又停止了解决方案
今早刚上班.客户打电话过来说系统访问不了,输入用户名.用户号不能加载出来!听到这个问题,第一时间想到的是不是服务器重新启动了,Oracle数据库的相关服务没有启动的原因.查看服务的时候,发现相关的服务 ...
- ANTS Performance Profiler和ANTS Memory Profiler
使用ANTS Performance Profiler&ANTS Memory Profiler工具分析IIS进程内存和CPU占用过高问题 一.前言 最近一段时间,网站经常出现两个问题: ...
- 结合《剑指offer(第二版)》面试题51来谈谈归并排序
一.题目大意 给定一个数组A,对于数组A中的两个数字,如果排在前面的一个数字大于(必须大于,等于不算)后面的数字,则这两个数字组成一个逆序对.要求输出数组A中的逆序对的总数.例如,对于数组{7,5,6 ...
- 部署Java Web项目到Heroku
1.在Heroku上创建一个新的App 2. 创建成功后添加对MYSQL的支持,点击find more add-ons 3. 这里我选择的是 JawsDB Mysql 4.添加成功后我们可以查看数据库 ...
- go学习day1
go语言特性 1.垃圾回收 a.内存自动回收,再也不需要开发人员管理内存 b.开发人员专注业务实现,降低了心智负担 c.只需要new分配内存,不需要释放 2.天然并发 a.从语言层面支持并发,非常简单 ...