ViewPage + RadioGroup + Fragment学习

最新推荐文章于 2018-11-29 14:13:17 发布
最新推荐文章于 2018-11-29 14:13:17 发布
阅读量1.6k 收藏 3
点赞数
分类专栏： # Android原生开发系列 文章标签： ViewPage RadioGroup Fragment FrameLayout 组合详解
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/pcaxb/article/details/47610821
版权

底部是RadioGroup中RadioButton的切换，上面时ViewPage ，可以滑动，如果你们的需求是不需要滑动的话，那就直接用FrameLayout就可以了。下面将会用两种方式实现，请大家看代码。

效果图：

方式一:ViewPage + RadioGroup+Fragment 可以左右滑动

1.RadioGroup设置监听setOnCheckedChangeListener，改变上面的四个Fragment

	@Override
	public void onCheckedChanged(RadioGroup group, int checkedId) {
		// TODO Auto-generated method stub
		switch (checkedId) {
		case R.id.rb0:
			viewPager.setCurrentItem(0);
			break;
		case R.id.rb1:
			viewPager.setCurrentItem(1);
			break;
		case R.id.rb2:
			viewPager.setCurrentItem(2);
			break;
		case R.id.rb3:
			viewPager.setCurrentItem(3);
			break;
		}
	}

2.ViewPager设置监听setOnPageChangeListener，改变RadioButton的选中 
	@Override
	public void onPageSelected(int position) {
		// TODO Auto-generated method stub
		switch (position) {
		case 0:
			if (radioGroup.getCheckedRadioButtonId() != R.id.rb0) {
				radioGroup.check(R.id.rb0);
			}
			break;
		case 1:
			if (radioGroup.getCheckedRadioButtonId() != R.id.rb1) {
				radioGroup.check(R.id.rb1);
			}
			break;
		case 2:
			if (radioGroup.getCheckedRadioButtonId() != R.id.rb2) {
				radioGroup.check(R.id.rb2);
			}
			break;
		case 3:
			if (radioGroup.getCheckedRadioButtonId() != R.id.rb3) {
				radioGroup.check(R.id.rb3);
			}
			break;
		}
	}

3.ViewPager适配器 
public class ViewPagerAdapter extends FragmentPagerAdapter {
	
	private List<Fragment> fragments;
	
	public ViewPagerAdapter(FragmentManager fm, List<Fragment> fragments) {
		super(fm);
		this.fragments = fragments;
	}

	@Override
	public Fragment getItem(int position) {
		// TODO Auto-generated method stub
		return fragments.get(position);
	}

	@Override
	public int getCount() {
		// TODO Auto-generated method stub
		return fragments.size();
	}

}

方式二:RadioGroup+Fragment

1.RadioGroup设置监听setOnCheckedChangeListener，改变上面的四个Fragment

	@Override
	public void onCheckedChanged(RadioGroup group, int checkedId) {
		switch (checkedId) {
		case R.id.rb0:
			manager.chReplaceFrag(fragment01, "fragment01", false);
			break;
		case R.id.rb1:
			manager.chReplaceFrag(fragment02, "fragment02", false);
			break;
		case R.id.rb2:
			manager.chReplaceFrag(fragment03, "fragment03", false);
			break;
		case R.id.rb3:
			manager.chReplaceFrag(fragment04, "fragment04", false);
			break;
		}
	}

2.如果你想要左右滑动，也是可以的，获取控件的实例，你要提出来，我这里是为了贴代码的完整性 
	private float startx;
	@Override
	public boolean onTouchEvent(MotionEvent event) {
		// TODO Auto-generated method stub
		super.onTouchEvent(event);
		RadioButton rb0 = (RadioButton) findViewById(R.id.rb0);
		RadioButton rb1 = (RadioButton) findViewById(R.id.rb1);
		RadioButton rb2 = (RadioButton) findViewById(R.id.rb2);
		RadioButton rb3 = (RadioButton) findViewById(R.id.rb3);
		switch (event.getAction()) {
		case MotionEvent.ACTION_DOWN:
			startx = event.getX();
			break;
		case MotionEvent.ACTION_UP:
			float endx = event.getX();
			if (startx - endx > 100) {//右边
				switch (rg.getCheckedRadioButtonId()) {
				case R.id.rb0:
					rb1.performClick();
					break;
				case R.id.rb1:
					rb2.performClick();
					break;
				case R.id.rb2:
					rb3.performClick();
					break;
				case R.id.rb3:
					rb0.performClick();
					break;
				}
			}else if (endx - startx > 100 ) {
				switch (rg.getCheckedRadioButtonId()) {
				case R.id.rb0:
					rb3.performClick();
					break;
				case R.id.rb1:
					rb0.performClick();
					break;
				case R.id.rb2:
					rb1.performClick();
					break;
				case R.id.rb3:
					rb2.performClick();
					break;
				}
			}			
			break;
		}
		return false;
	}

整个代码的布局设计：

1.FrameLayout+RadioGroup

<?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:orientation="vertical"
    android:background="@android:color/white"
    android:layout_height="match_parent">
    
    <FrameLayout
    android:id="@+id/fragment_container"
    android:layout_height="0dip"
    android:layout_weight="1"
    android:layout_width="match_parent"/>
    
    <RadioGroup 
    android:id="@+id/main_rg"
    android:layout_height="50dip"
    android:layout_width="match_parent"
    android:orientation="horizontal">
        <RadioButton
        android:id="@+id/rb0"
        android:checked="true"
        style="@style/main_tab_style"
        android:drawableTop="@drawable/tab_01_bg"
        android:text="精选"/>
        <RadioButton
        android:id="@+id/rb1"
        style="@style/main_tab_style"
        android:drawableTop="@drawable/tab_02_bg"
        android:text="分类"/>
        <RadioButton
        android:id="@+id/rb2"
        style="@style/main_tab_style"
        android:drawableTop="@drawable/tab_03_bg"
        android:text="投资"/>
        <RadioButton
        android:id="@+id/rb3"
        style="@style/main_tab_style"
        android:drawableTop="@drawable/tab_04_bg"
        android:text="我的"/>     
    </RadioGroup>

</LinearLayout>

2.ViewPage+FrameLayout+RadioGroup 
<?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="@android:color/white"
    android:orientation="vertical" >
    
    <android.support.v4.view.ViewPager
    android:id="@+id/viewpage"
    android:layout_height="0dip"
    android:layout_weight="1"
    android:layout_width="match_parent"/>
    
    <RadioGroup 
    android:id="@+id/main_rg"
    android:layout_height="50dip"
    android:layout_width="match_parent"
    android:orientation="horizontal">
        <RadioButton
        android:id="@+id/rb0"
        android:checked="true"
        style="@style/main_tab_style"
        android:drawableTop="@drawable/tab_01_bg"
        android:text="精选"/>
        <RadioButton
        android:id="@+id/rb1"
        style="@style/main_tab_style"
        android:drawableTop="@drawable/tab_02_bg"
        android:text="分类"/>
        <RadioButton
        android:id="@+id/rb2"
        style="@style/main_tab_style"
        android:drawableTop="@drawable/tab_03_bg"
        android:text="投资"/>
        <RadioButton
        android:id="@+id/rb3"
        style="@style/main_tab_style"
        android:drawableTop="@drawable/tab_04_bg"
        android:text="我的"/>     
    </RadioGroup>

</LinearLayout>

3.文本颜色选择器 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_checked="true" android:color="@color/green_common"/>
    <item android:state_checked="false" android:color="@color/bg_gray_dark"/>
</selector>

4.背景图片选择器 
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_checked="true" android:drawable="@drawable/ic_main_tab_01_active"></item>
    <item android:state_checked="false" android:drawable="@drawable/ic_main_tab_01_normal"></item>
</selector>

这里只是贴出了核心的代码，需要整个可运行的代码，请点击下面的连接

源码下载地址：http://download.csdn.net/detail/pcaxb/8999891


预见才能遇见
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
Android 底部导航栏（四、ViewPager+RadioGroup+Fragment）简单易懂
Android 领域开发程序员，希望通过写博客的方式不断的总结提升自己，大家共同进步哦！
11-07 2790
底部导航栏在Android应用中随处可见，今天使用ViewPager+RadioGroup+Fragment这三个控件来实现此功能。前面写了有三种实现方式，有兴趣可以去看看，Android 底部导航栏（一、BottomNavigationView+Menu+Fragment）_&岁月不待人&的博客-CSDN博客_android 底部导航栏Android 底部导航栏（二、自定义View+Fragment）_&岁月不待人&的博客-CSDN博客。
android 底部导航栏 ViewPager+RadioGroup+Fragment
lucasmaluping的专栏
06-26 564
public class ShouyeFragment extends Fragment{ private View view; //注意，实现的方法是onCreateView，和onDestroyView。View @Override public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup cont
RadioGroup+ViewPager+Fragment
Lycorisradiata的博客
10-06 761
具体代码 1、布局文件 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_hei
ViewPager+RadioGroup+Fragment仿微信实现底部导航功能
芒酱的博客
03-26 1305
ViewPager+RadioGroup+Fragment仿微信实现底部导航功能                   今天做一个简单的仿微信底部导航功能，先简单说明一下组件，主体是一个FrameLayout,在这个帧布局上添加两个控件，ViewPager 和RadioGroup, 然后在ViePager中添加Fragment，实现导航功能.                      
ViewPager+RadioGroup+Fragment实现选项卡
持之以恒坚持不懈
05-23 617
选项卡的实现方式有很多种，我推荐一种简单的
VIewPage+fragment+RadioGroup动态的添加RadioButton
09-10
总之，`VIewPage+fragment+RadioGroup动态的添加RadioButton`是Android应用开发中实现动态界面的一种常见方法，通过巧妙组合这些组件，开发者可以创建出高度交互和可定制的用户界面。理解并熟练掌握这些技术对于...
ViewPage + RadioGroup + Fragment + FrameLayout搭配解析
08-13
ViewPage + RadioGroup + Fragment + FrameLayout搭配解析，RadioGroup 里面有四个RadioButton切换，上面用ViewPage滑动，两边关联，可以相互的切换。也做了用FrameLayout可切换和不可切换的。
使用ViewPage+Fragment仿微信界面
08-27
`ViewPager`用于显示不同的`Fragment`，`RadioGroup`中的`RadioButton`则用来作为页面的指示器，让用户知道当前处于哪个页面。如上述示例代码所示，`ViewPager`的`android:id`被设置为`@+id/vp_main_view`，而`...
fragmnet+viewPager+RadioGroup底部导航栏
05-24
`Fragment`、`ViewPager`和`RadioGroup`的组合是实现这种功能的一种高效方法。本文将深入讲解如何利用这三个组件构建底部导航栏。 首先，我们来理解每个组件的作用： 1. **Fragment**：在Android中，Fragment代表...
RadioGroup+ViewPager制作的底部导航栏
04-14
本教程将探讨如何利用`RadioGroup`和`ViewPager`来实现这样一个功能丰富的底部导航栏。 首先，`RadioGroup`是Android SDK中的一个视图组，它允许你在其中放置一系列的单选按钮（RadioButton）。`RadioGroup`的主要...
ViewPager+radiogroup+fragment完美结合
09-23
ViewPager+radiogroup+fragment完美结合，框架已经搭好，分分钟开发自己的APP！使用中发现什么不足之处，欢迎留言指正！
Android ViewPager+RadioGroup+Fragment超高仿微信主界面
RunningZyx的博客
10-27 1343
Android ViewPager+RadioGroup+Fragment超高仿微信6.0底部滑动菜单,可通过左右滑动或点击底部RadioButton切换Fragment。 下载源码地址：http://download.csdn.net/download/shenyuanqing/9428333 效果图： MainActivity.Java [j
viewPager+radiogroup实现关联
Xiemarc的博客
07-25 3907
实现viewpager跟radioGroup关联 先看效果图 代码撸出来 布局xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent"
ViewPager+RadioGroup实现页面切换 小白的成长之路（二）
新手上路
08-02 609
前言 前一篇我们只是新建了一个项目，还没有正式做项目。做一个好的项目要考虑的东西实在太多了，当然我们现在只是想要做个东西提升自我锻炼自己比较光看不练的效果太差了。那么现在一个自己感兴趣的APP做它的模仿是个不错的选择，这样需要实现的那些功能UI的布局，相关的图片资源这些就都不用考虑了，我们就可以专注与技术层面的编写。 我选择模仿网易漫画。 分析设计 打开网易漫画可以看到底部一个控件，点击推...
ViewPager+Fragment+RadioGroup实现页面联动\点击切换
o00o2的博客
05-30 715
废话不多说 上源码MianActivity.java import java.util.ArrayList; import java.util.List;import org.xutils.x; import org.xutils.view.annotation.ViewInject;import android.os.Bundle; import android.support.v4.a
Tablayout默认选中的tab的监听事件无效,第一个Viewpage或者Fragment无法出现
yh18668197127的博客
11-29 3080
当我们执行addTab方法添加Tab的时候，最后会调用到 dispatchTabSelected方法，在dispatchTabSelected方法里面调用addOnTabSelectedListener 的onTabSelected()方法。但是这个时候，mSelectedListeners 为空(因为这个时候我们还没有设置OnTabSelectedListener)，因此，就没有回调到onTab...
实例—ViewPager+RadioGroup实现底部导航栏和页面的滑动
天高任鹏飞
03-07 1479
通过ViewPager+RadioGroup实现了底部导航栏和页面的滚动
viewpage+fragment 仿微信
最新发布
12-11
ViewPage Fragment 是 Android 中的一个工具类，用于在一个 Activity 中显示多个 Fragment，并且可以通过滑动来切换不同的 Fragment。仿微信的话，可以使用 ViewPage Fragment 来实现类似微信的主界面，其中每个 ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值