【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】如何在Android項(xiàng)目中使用ViewPager對(duì)radiogroup進(jìn)行關(guān)聯(lián)

【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】如何在Android項(xiàng)目中使用ViewPager對(duì)radiogroup進(jìn)行關(guān)聯(lián)

如何在Android項(xiàng)目中使用ViewPager對(duì)radiogroup進(jìn)行關(guān)聯(lián)？針對(duì)這個(gè)問(wèn)題，這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。AndroidViewPager與radiogroup實(shí)現(xiàn)關(guān)聯(lián)步驟1.實(shí)例化ViewPager2.通過(guò)LayoutInflater加載布局，返回View結(jié)果3.把生成的每一個(gè)View對(duì)象添加到List集合中4.實(shí)例化適配器，傳遞View集合5.在適配器中繼承自PagerAdapter，實(shí)現(xiàn)內(nèi)部的四個(gè)方法getCount();返回視圖的數(shù)量isViewFromObject();是否通過(guò)對(duì)象加載視圖View==objectinstantiateltem();加載當(dāng)前頁(yè)面(通過(guò)container.addView();添加視圖)返回個(gè)給用戶destroyItem();銷(xiāo)毀滑出的視圖(通過(guò)container.removerView();銷(xiāo)毀視圖)6.實(shí)例化每個(gè)RadioButton7.點(diǎn)擊每個(gè)RaidoButton時(shí)，切換不同的頁(yè)面(viewPager.setCurrentltem(下標(biāo)))8.當(dāng)頁(yè)面切換后，還要把當(dāng)前的導(dǎo)航欄變?yōu)榫G色設(shè)置文本顏色的setTextColor(getResources().getColor(R.color.tvGreen));設(shè)置文本的上方的圖片的，四個(gè)參數(shù)分別為，左、上、右、下setCompoundDrawablesWithIntrinsicBounds(null,getResources().getDrawable）(R.drawable.call_t),null,null);9.當(dāng)你每次點(diǎn)擊之前的時(shí)候，添加一個(gè)方法，清除方法，（清理之前的所有導(dǎo)航欄的狀態(tài)，置為灰色）10.實(shí)現(xiàn)滑動(dòng)監(jiān)聽(tīng)需要addOnPagerChangeListener11.在onPagerSelected方法中，根據(jù)position頁(yè)面的下標(biāo)判斷分別設(shè)置對(duì)應(yīng)的底部導(dǎo)航欄狀態(tài)代碼演示1.在主布局文件中引入android-support-v4.jar包并添加RadioGroup并在RadioGroup中添加RadioButton用于顯示導(dǎo)航欄

<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

xmlns:tools="/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"

android:layout_weight="1"

android:button="@null"

android:drawableTop="@drawable/call_f"

android:gravity="center"

android:text="通訊錄"

android:textColor="@android:color/darker_gray"/>

<RadioButton

android:id="@+id/radioButton3"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:button="@null"

android:drawableTop="@drawable/show_f"

android:gravity="center"

android:text="發(fā)現(xiàn)"

android:textColor="@android:color/darker_gray"/>

<RadioButton

android:id="@+id/radioButton4"

android:layout_width="0dp"

android:layout_height="match_parent"

android:layout_weight="1"

android:button="@null"

android:drawableTop="@drawable/my"

android:gravity="center"

android:text="我"

android:textColor="@android:color/darker_gray"/>

</RadioGroup>

</LinearLayout>2.ViewPager需要適配器繼承于PagerAdapter

package

com.example.cxy.viewpager.adapter;

import

android.support.v4.view.PagerAdapter;

import

android.view.View;

import

android.view.ViewGroup;

import

java.util.List;

/**

*

date:2017/3/7

*

Created:陳簫陽(yáng)(admin)

*/

public

class

MyViewPagerAdpter

extends

PagerAdapter

{

private

List<View>

mList;

public

MyViewPagerAdpter(List<View>

list)

{

mList

=

list;

}

//返回視圖數(shù)量

@Override

public

int

getCount()

{

return

mList.size();

}

//是否通過(guò)對(duì)象加載視圖

@Override

public

boolean

isViewFromObject(View

view,

Object

object)

{

return

view

==

object;

}

//加載當(dāng)前頁(yè)面

@Override

public

Object

instantiateItem(ViewGroup

container,

int

position)

{

container.addView(mList.get(position));

return

mList.get(position);//View

}

//銷(xiāo)毀滑出視圖

@Override

public

void

destroyItem(ViewGroup

container,

int

position,

Object

object)

{

container.removeView(mList.get(position));

}

}3.新建一個(gè)fragment包，在包中新建OneFragment類(lèi)用于滑動(dòng)展示，新建布局文件fragmentone.xml并添加TextView用于添加不同頁(yè)面的內(nèi)容，共有四個(gè)這里只寫(xiě)一個(gè)OneFragment類(lèi)package

com.example.cxy.viewpager.fragment;

import

android.os.Bundle;

import

android.support.annotation.Nullable;

import

android.support.v4.app.Fragment;

import

android.view.LayoutInflater;

import

android.view.View;

import

android.view.ViewGroup;

import

com.example.cxy.viewpager.R;

/**

*

date:2017/3/7

*

Created:陳簫陽(yáng)(admin)

*/

public

class

OneFragment

extends

Fragment{

@Nullable

@Override

public

View

onCreateView(LayoutInflater

inflater,

@Nullable

ViewGroup

container,

@Nullable

Bundle

savedInstanceState)

{

View

view

=

inflater.inflate(R.layout.fragmentone,

null);

return

view;

}

}fragmentone.xml<?xml

version="1.0"

encoding="utf-8"?>

<LinearLayout

xmlns:android="/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<TextView

android:textSize="30sp"

android:id="@+id/textView"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:text="這是微信頁(yè)面"/>

</LinearLayout>4.編寫(xiě)主類(lèi)package

com.example.cxy.viewpager;

import

android.os.Bundle;

import

android.support.v4.view.ViewPager;

import

android.support.v7.app.AppCompatActivity;

import

android.view.LayoutInflater;

import

android.view.View;

import

android.widget.RadioButton;

import

android.widget.RadioGroup;

import

com.example.cxy.viewpager.adapter.MyViewPagerAdpter;

import

java.util.ArrayList;

import

java.util.List;

public

class

MainActivity

extends

AppCompatActivity

implements

RadioGroup.OnCheckedChangeListener,

ViewPager.OnPageChangeListener

{

private

ViewPager

mViewPager;

private

List<View>

mList;

private

RadioGroup

mRadioGroup;

private

RadioButton

weChatBtn,

msgBtn,

showBtn,

myBtn;

@Override

protected

void

onCreate(Bundle

savedInstanceState)

{

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

//初始化所有控件

initView();

}

private

void

initView()

{

//實(shí)例化ViewPager

mViewPager

=

(ViewPager)

findViewById(R.id.viewPager);

//實(shí)例化Radiogroup

mRadioGroup

=

(RadioGroup)

findViewById(R.id.radioGroup);

//給RadioGroup添加監(jiān)聽(tīng)

mRadioGroup.setOnCheckedChangeListener(this);

//實(shí)例化RadioButton

weChatBtn

=

(RadioButton)

findViewById(R.id.radioButton1);

msgBtn

=

(RadioButton)

findViewById(R.id.radioButton2);

showBtn

=

(RadioButton)

findViewById(R.id.radioButton3);

myBtn

=

(RadioButton)

findViewById(R.id.radioButton4);

//實(shí)例化List數(shù)組

mList

=

new

ArrayList<>();

View

view1

=

LayoutInflater.from(this).inflate(R.layout.fragmentone,

null);

View

view2

=

LayoutInflater.from(this).inflate(R.layout.fragmenttwo,

null);

View

view3

=

LayoutInflater.from(this).inflate(R.layout.fragmentthree,

null);

View

view4

=

LayoutInflater.from(this).inflate(R.layout.fragmentfour,

null);

//把生成的每一個(gè)View對(duì)象添加到集合中

mList.add(view1);

mList.add(view2);

mList.add(view3);

mList.add(view4);

//實(shí)例化適配器

MyViewPagerAdpter

adapter

=

new

MyViewPagerAdpter(mList);

//給ViewPager添加適配器

mViewPager.setAdapter(adapter);

//給ViewPager添加監(jiān)聽(tīng)事件

mViewPager.addOnPageChangeListener(this);

}

@Override

public

void

onCheckedChanged(RadioGroup

group,

int

checkedId)

{

//清理所有導(dǎo)航欄的狀態(tài)

clearState();

switch

(checkedId)

{

case

R.id.radioButton1:

//給ViewPager設(shè)置當(dāng)前布局

mViewPager.setCurrentItem(0);

//給RadioButton設(shè)置文本顏色

weChatBtn.setTextColor(getResources().getColor(R.color.tvGreen));

//給RadioButton設(shè)置文本上方的圖片

weChatBtn.setCompoundDrawablesWithIntrinsicBounds(null,

getResources().getDrawable(R.drawable.mess_t),

null,

null);

break;

case

R.id.radioButton2:

mViewPager.setCurrentItem(1);

msgBtn.setTextColor(getResources().getColor(R.color.tvGreen));

msgBtn.setCompoundDrawablesWithIntrinsicBounds(null,

getResources().getDrawable(R.drawable.call_t),

null,

null);

break;

case

R.id.radioButton3:

mViewPager.setCurrentItem(2);

showBtn.setTextColor(getResources().getColor(R.color.tvGreen));

showBtn.setCompoundDrawablesWithIntrinsicBounds(null,

getResources().getDrawable(R.drawable.show_t),

null,

null);

break;

case

R.id.radioButton4:

mViewPager.setCurrentItem(3);

myBtn.setTextColor(getResources().getColor(R.color.tvGreen));

myBtn.setCompoundDrawablesWithIntrinsicBounds(null,

getResources().getDrawable(R.drawable.my_t),

null,

null);

break;

}

}

//初始化底部導(dǎo)航欄

private

void

clearState()

{

weChatBtn.setTextColor(getResources().getColor(android.R.color.darker_gray));

msgBtn.setTextColor(getResources().getColor(android.R.color.darker_gray));

showBtn.setTextColor(getResources().getColor(android.R.color.darker_gray));

myBtn.setTextColor(getResources().getColor(android.R.color.darker_gray));

weChatBtn.setCompoundDrawablesWithIntrinsicBounds(null,

getResources().getDrawable(R.drawable.mess_f),

null,

null);

msgBtn.setCompoundDrawablesWithIntrinsicBounds(null,

getResources().getDrawable(R.drawable.call_f),

null,

null);

showBtn.setCompoundDrawablesWithIntrinsicBounds(null,

getResources().getDrawable(R.drawable.show_f),

null,

null);

myBtn.setCompoundDrawablesWithIntrinsicBounds(null,

getResources().getDrawable(R.drawable.my),

null,

null);

}

//滑動(dòng)過(guò)程中的動(dòng)作

@Override

public

void

onPageScrolled(int

position,

float

positionOffset,

int

positionOffsetPixels)

{

}

//選擇某個(gè)頁(yè)面松手后會(huì)被調(diào)用

@Override

public

void

onPageSelected(int

position)

{

//清理所有導(dǎo)航欄的狀態(tài)

clearState();

switch

(position)

{

//使用Switch拿到下