滑动或点击按钮切换页面 ViewPager+RadioGroup+Fragment

最新推荐文章于 2018-09-13 11:19:29 发布
最新推荐文章于 2018-09-13 11:19:29 发布
阅读量700 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Audrey_Li/article/details/78197107
版权 
举例:男士购App

首页图片(选中和未选中):

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/ic_nav_home_press" android:state_checked="true"></item>
    <item android:drawable="@mipmap/ic_nav_home" android:state_checked="false"></item>
    <item android:drawable="@mipmap/ic_nav_home"></item>
</selector>
分类图片(选中和未选中):

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

购物车图片(选中和未选中):
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/ic_nav_cart_press" android:state_checked="true"></item>
    <item android:drawable="@mipmap/ic_nav_cart" android:state_checked="false"></item>
    <item android:drawable="@mipmap/ic_nav_cart"></item>
</selector>

个人图片(选中和未选中):
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@mipmap/ic_nav_user_press" android:state_checked="true"></item>
    <item android:drawable="@mipmap/ic_nav_user" android:state_checked="false"></item>
    <item android:drawable="@mipmap/ic_nav_user"></item>
</selector>

按钮文字选中和未选中状态:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:color="@color/main_title" android:state_checked="true"></item>
    <item android:color="@color/main_text" android:state_checked="false"></item>
</selector>

activity_main 代码:
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/mainTabHost"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

        <android.support.v4.view.ViewPager

            android:id="@+id/main_vp"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1" />

    <RadioGroup

        android:id="@+id/RadioGroup_home"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/RadioButton_home"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/checkimage_home"
            android:gravity="center"
            android:text="首页"
            android:textColor="@drawable/checktext_home" />

        <RadioButton
            android:id="@+id/RadioButton_class"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/checkimage_class"
            android:gravity="center"
            android:text="分类"
            android:textColor="@drawable/checktext_home" />

        <RadioButton
            android:id="@+id/RadioButton_car"
            android:layout_width="wrap_content"
            android:layout_height="40dp"
            android:layout_weight="1.02"
            android:button="@null"
            android:drawableTop="@drawable/checkimage_car"
            android:gravity="center"
            android:text="购物车"
            android:textColor="@drawable/checktext_home" />

        <RadioButton            
            android:id="@+id/RadioButton_oneself" 
            android:layout_width="wrap_content"
           android:layout_height="40dp"
          android:layout_weight="1"
          android:button="@null"
          android:drawableTop="@drawable/checkimage_oneself" 
           android:gravity="center"            
          android:text="個人"            
          android:textColor="@drawable/checktext_home" />
  </RadioGroup>
</LinearLayout>
MainActivity 代码:
public class MainActivity extends AppCompatActivity {

    private RadioGroup rg;
    private ViewPager vp;
    private RadioButton rb_home,rb_class,rb_oneself,rb_car;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        //初始化组件
        rg = (RadioGroup) findViewById(R.id.RadioGroup_home);
        vp = (ViewPager) findViewById(R.id.main_vp);
        rb_home = (RadioButton) findViewById(R.id.RadioButton_home);
        rb_class = (RadioButton) findViewById(R.id.RadioButton_class);
        rb_car = (RadioButton) findViewById(R.id.RadioButton_car);
        rb_oneself = (RadioButton) findViewById(R.id.RadioButton_oneself);

        //设置适配器
        vp.setAdapter(new MainFragmentPagerAdapter(getSupportFragmentManager()));

        //切换vp(ViewPager页面监听 使用add而不是set)
        vp.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {
                switch (position){
                    case 0:
                        rb_home.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.main));
                        rb_home.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_home_press), null, null);
                        rb_class.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_class.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_class), null, null);
                        rb_car.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_car.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_cart), null, null);
                        rb_oneself.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_oneself.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_user), null, null);
                        break;
                    case 1:
                        rb_home.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_home.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_home), null, null);
                        rb_class.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.main));
                        rb_class.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_class_press), null, null);
                        rb_car.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_car.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_cart), null, null);
                        rb_oneself.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_oneself.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_user), null, null);
                        break;
                    case 2:
                        rb_home.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_home.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_home), null, null);
                        rb_class.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_class.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_class), null, null);
                        rb_car.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.main));
                        rb_car.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_cart_press), null, null);
                        rb_oneself.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_oneself.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_user), null, null);
                        break;
                    case 3:
                        rb_home.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_home.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_home), null, null);
                        rb_class.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_class.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_class), null, null);
                        rb_car.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.nav));
                        rb_car.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_cart), null, null);
                        rb_oneself.setTextColor(ContextCompat.getColor(MainActivity.this,R.color.main));
                        rb_oneself.setCompoundDrawablesWithIntrinsicBounds(null, ContextCompat.getDrawable(MainActivity.this, R.mipmap.ic_nav_user_press), null, null);
                        break;
                }
            }

            @Override
            public void onPageSelected(int position) {

            }

            @Override
            public void onPageScrollStateChanged(int state) {
                /*/0是静止，1是正在滑动，2是停止滑动
                if (state == 2) {
                    //设置滑动ViewPager导航同步变化
                    myBottomLayout.setResidAndColor(vp.getCurrentItem());
                }*/
            }
        });

        //点击RadioButton
        rg.setOnCheckedChangeListener(new RadioGroup.OnCheckedChangeListener() {
            @Override
            public void onCheckedChanged(RadioGroup radioGroup, int checkedId) {
                switch (checkedId){
                    case R.id.RadioButton_home:
                        vp.setCurrentItem(0);
                        break;
                    case R.id.RadioButton_class:
                        vp.setCurrentItem(1);
                        break;
                    case R.id.RadioButton_car:
                        vp.setCurrentItem(2);
                        break;
                    case R.id.RadioButton_oneself:
                        vp.setCurrentItem(3);
                        break;

                }
            }
        });

    }
}

适配器FragmentPagerAdapter 代码:

public class MainFragmentPagerAdapter extends FragmentPagerAdapter {

    public MainFragmentPagerAdapter(FragmentManager fm) {
        super(fm);
    }
    @Override
    public Fragment getItem(int position) {

        Fragment fragment = null;
        switch (position){
            case 0:
                fragment = new HomeFragment();
                break;
            case 1:
                fragment = new ClassFragment();
                break;
            case 2:
                fragment = new CarFragment();
                break;
            case 3:
                fragment = new OnselfFragment();
                break;
        }

        return fragment;
    }

    @Override
    public int getCount() {
        return 4;
    }
}

Fragment代码:
public class HomeFragment extends Fragment {

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

        View view = inflater.inflate(R.layout.fragment_home,container,false);


        return view;
    }
}



Audrey_Li
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery实现按钮滑动切换
08-24
jQuery实现按钮滑动切换
自定义滑动开关和切换按钮
03-11
自定义滑动开关和自定义切换按钮（RadioGroup）
viewpager 点击小圆点切换页面
03-22
这是一个Viewpager的一个Demo，实现了点击校园点切换页面的效果
android viewpage 实现页面切换和点击事件
08-16
android viewpage 实现页面切换和点击事件
Android ViewPager+RadioGroup+Fragment超高仿微信底部滑动菜单AndroidStudio源码
02-05
Android ViewPager+RadioGroup+Fragment超高仿微信底部滑动菜单AndroidStudio源码 Blog:http://blog.csdn.net/shenyuanqing/article/details/46670761
ViewPager+RadioGroup仿微信主界面
01-06
话不多说，先上图，如图效果，可以点击底部按钮选择页面，也可以滑动页面进行选择。 那么我们下面就来实现一下吧。 首先创建工程WXTest,主界面布局使用ViewPager+RadioGroup来实现,界面代码如下。 <?xml ...
ViewPager+RadioGroup+Fragment超高仿微信主界面AndroidStudio源码
06-28
ViewPager+RadioGroup+Fragment超高仿微信主界面,可通过左右滑动或点击底部RadioButton切换Fragment http://blog.csdn.net/shenyuanqing/article/details/46670761 开发环境AndroidStudio1.2
ViewPager+Fragment实现底部导航栏目（左右滑动/点击切换）的示例Demo
06-05
作为csdn博客（ViewPaager+Fragment实现底部导航栏目（左右滑动/点击切换）的示例代码，如有问题请留言
安卓实现RadioGroup+Viewpager+Fragment底部导航栏和viewpager联动 DEMO下载
03-21
使用RadioGroup+Viewpager+Fragment实现底部菜单栏和viewpager页面联动. viewpager里是碎片 点击菜单栏viewpager滚动, 滑动viewpager底部菜单栏跟着滚动 有问题欢迎指出!
RadioGroup+ViewPager+Activity实现选项卡功能，真正回收资源
ZhengJingLe的博客
02-28 2417
网上有很多实现选项卡的代码，各种方法都有。 有些使用TabHost的，但我觉得设置TabHost的标签有些复杂，而且不能像ViewPager那样滑动。 有些使用Fragment的，但Fragment的实际生命周期有些复杂，网上已有人指出。 而且他们使用的ViewPager，大多用List引用页面，虽然他们ViewPager的adapter里有回收，但List还是引用着页面的，未真正回收资
viewpager通过点击按钮方式切换界面失效的解决办法
xiaopingping1234567的专栏
03-22 1901
昨天遇到一个很奇葩的问题，viewpager通过按钮点击方式切换界面竟然没有效果。 现象：viewpager里面有两页，一页是播放列表，另一页是歌手信息。默认显示的是歌手信息。需求希望可以通过滑动的方式切换到播放列表，也可以通过一个叫“播放列表”的按钮点击切换到播放列表。通过点击按钮可以第一遍可以正常切换，第二遍就有时失效了。搞了半天都想不通是什么问题。后来经过同事指点，是viewpager在切
通过点击按钮实现ViewPager的切换
hi_0123的专栏
10-10 1万+
这里我们实现的是通过点击按钮来切换ViewPager，就是在ViewPager的底端我们定义一个 LinearLayout布局，在其中放置4个ImageView控件，我们可以通过点击不同的控件来切换ViewPager并改变 ImageView的状态。所以这里我们需要用到选择器。 首先在res文件夹下新建一个drawable文件夹，并在其中新建一个Selector类型的dot.xml文件：
ViewPager 滑动速度设置，并实现点击按钮滑动
热门推荐
05-30 2万+
ViewPager 滑动速度设置，并实现点击按钮滑动        使用过ViewPager的童鞋，都会感觉到设置界面滑动挺简单的。但是有时候却满足不了UI设计的要求。      在用这个ViewPager的时候我遇到两个问题，不知道你们遇到没有。这里做个笔记，总结一下：      第一个问题是，ViewPager在我们滑动放手后，速度和动画的变化率是固定的。      第二个问题的，我
ViewPager+RadioGroup+RadioButton实现滑动切换页面与点击按钮切换页面
ykx_1448488568的博客
09-13 1664
一:效果图: 二:代码: 首先  根据我们有几个页面就设置几个Fragment, 主函数: public class MainActivity extends AppCompatActivity { private ViewPager viewpager; private RadioButton one; private RadioButton two; ...
Android之ViewPager+Fragment实现页面点击切换和手势滑动
birthmarkqiqi的专栏
11-15 2791
from: http://blog.csdn.net/wei_zhi/article/details/50609119 使用ViewPager+Fragment实现页面点击切换和手势滑动，效果图如下：  源码下载地址：  http://download.csdn.net/detail/wei_zhi/9422590  布局文件activity_main.xml如下：
viewpager+fragment,滑动时,刷新fragment的数据
最新发布
05-01
要实现滑动ViewPager时刷新Fragment的数据，有多种方法可以实现。这里介绍两种常用方法： 1. 使用ViewPager.OnPageChangeListener监听器 通过ViewPager.OnPageChangeListener监听器可以监听ViewPager的滑动事件，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值