Android ViewPager与radiogroup实现关联

Android ViewPager与radiogroup实现关联

效果图展示

Android ViewPager与radiogroup实现关联步骤

1.实例化ViewPager
2.通过LayoutInflater加载布局，返回View结果
3.把生成的每一个View对象添加到List集合中
4.实例化适配器，传递View集合
5.在适配器中继承自PagerAdapter，实现内部的四个方法
getCount(); 返回视图的数量
isViewFromObject(); 是否通过对象加载视图 View==object
instantiateltem(); 加载当前页面
(通过container.addView();添加视图)
返回个给用户
destroyItem(); 销毁滑出的视图
(通过container.removerView();销毁视图)
6.实例化每个RadioButton
7.点击每个RaidoButton时，切换不同的页面
(viewPager.setCurrentltem(下标))
8.当页面切换后，还要把当前的导航栏变为绿色
设置文本颜色的
setTextColor(getResources().getColor(R.color.tvGreen));
设置文本的上方的图片的，四个参数分别为，左、上、右、下
setCompoundDrawablesWithIntrinsicBounds
(null,getResources().getDrawable）
(R.drawable.call_t),null,null);
9.当你每次点击之前的时候，添加一个方法，清除方法，
（清理之 前的所有导航栏的状态，置为灰色）
10.实现滑动监听需要addOnPagerChangeListener
11.在onPagerSelected方法中，根据position页面的下标判断分别设置对应的底部导航栏状态

代码演示

1.在主布局文件中引入android-support-v4.jar包并添加RadioGroup并在RadioGroup中添加RadioButton用于显示导航栏

<?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"
    tools:context="com.example.cxy.viewpager.MainActivity">

    <android.support.v4.view.ViewPager
        android:id="@+id/viewPager"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="9">
    </android.support.v4.view.ViewPager>

    <RadioGroup
        android:id="@+id/radioGroup"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:background="#F4F3F3"
        android:orientation="horizontal">

        <RadioButton
            android:id="@+id/radioButton1"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:button="@null"
            android:drawableTop="@drawable/mess_t"
            android:gravity="center"
            android:text="微信"
            android:textColor="#11CD6E"/>

        <RadioButton
            android:id="@+id/radioButton2"
            android:layout_width="0dp"
            android:layout_height="match_parent"