【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】Android中怎么利用RadioGroup實(shí)現(xiàn)底部導(dǎo)航欄

【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】Android中怎么利用RadioGroup實(shí)現(xiàn)底部導(dǎo)航欄

Android中怎么利用RadioGroup實(shí)現(xiàn)底部導(dǎo)航欄，很多新手對(duì)此不是很清楚，為了幫助大家解決這個(gè)難題，下面在下將為大家詳細(xì)講解，有這方面需求的人可以來(lái)學(xué)習(xí)下，希望你能有所收獲。布局：<?xml

version="1.0"

encoding="utf-8"?>

<RelativeLayout

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

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

<include

layout="@layout/fragment_content"/>

<View

android:layout_width="match_parent"

android:layout_height="1px"

android:background="@color/grey_300"

android:elevation="20dp"/>

<RadioGroup

android:id="@+id/radio_group"

android:layout_width="match_parent"

android:layout_height="56dp"

android:layout_alignParentBottom="true"

android:background="@color/white"

android:orientation="horizontal">

<RadioButton

android:id="@+id/rb_home"

style="@style/radiobutton_style"

android:checked="true"

android:drawableTop="@drawable/radiobutton_bg_home"

android:text="@string/item_home"

/>

<RadioButton

android:id="@+id/rb_location"

style="@style/radiobutton_style"

android:drawableTop="@drawable/radiobutton_bg_location"

android:text="@string/item_location"/>

<RadioButton

android:id="@+id/rb_like"

style="@style/radiobutton_style"

android:drawableTop="@drawable/radiobutton_bg_like"

android:text="@string/item_like"/>

<RadioButton

android:id="@+id/rb_me"

style="@style/radiobutton_style"

android:drawableTop="@drawable/radiobutton_bg_me"

android:text="@string/item_person"/>

</RadioGroup>

</RelativeLayout>這里的drawableTop使用了狀態(tài)選擇器<selector

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

<item

android:drawable="@drawable/home_fill"

android:state_checked="true"/>

<item

android:drawable="@drawable/home"/>

</selector>style<style

name="radiobutton_style">

<item

name="android:layout_width">0dp</item>

<item

name="android:padding">3dp</item>

<item

name="android:layout_height">match_parent</item>

<item

name="android:layout_weight">1</item>

<item

name="android:button">@null</item><!--去除RadioButton默認(rèn)帶的圓點(diǎn)-->

<item

name="android:gravity">center</item>

<item

name="android:textSize">12sp</item>

</style>代碼初始化的代碼就不記錄了，都是一些findViewById,實(shí)現(xiàn)過(guò)程無(wú)非就是對(duì)RadioButton進(jìn)行監(jiān)聽(tīng)一下：mRadioGroup.setOnCheckedChangeListener(this);

@Override

public

void

onCheckedChanged(RadioGroup

group,

int

checkId)

{

FragmentTransaction

transaction

=

getFragmentManager().beginTransaction();

switch

(checkId)

{

case

R.id.rb_home:

if

(mHomeFragment

==

null)

{

mHomeFragment

=

HomeFragment.newInstance(getString(R.string.item_home));

}

transaction.replace(R.id.sub_content,

mHomeFragment);

break;

case

R.id.rb_location:

if

(mLocationFragment

==

null)

{

mLocationFragment

=

LocationFragment.newInstance(getString(R.string.item_location));

}

transaction.replace(R.id.sub_content,

mLocationFragment);

break;

case

R.id.rb_like:

if

(mLikeFragment

==

null)

{

mLikeFragment

=

LikeFragment.newInstance(getString(R.string.item_like));

}

transaction.replace(R.id.sub_content,

mLikeFragment);

break;

case

R.id.rb_me:

if

(mPersonFragment

==

null)

{

mPersonFragment

=

PersonFragment.newInstance(getString(R.string.item_person));

}

transaction.replace(R.id.sub_content,

mPersonFragment);

break;

}

setTabState();//設(shè)置狀態(tài)

mit();

}狀態(tài)的設(shè)置private

void

setTabState()

{

setHomeState();

setLocationState();

setLikeState();

setMeState();

}

/**

*

set

tab

home

state

*/

private

void

setHomeState()

{

if

(mRadioHome.isChecked())

{

mRadioHome.setTextColor(ContextCompat.getColor(getActivity(),

R.color.colorPrimary));

}

else

{

mRadioHome.setTextColor(ContextCompat.getColor(getActivity(),

R.color.black));

}

}

private

void

setLocationState()

{

if

(mRadioLocation.isChecked())

{

mRadioLocation.setTextColor(ContextCompat.getColor(getActivity(),

R.color.colorPrimary));

}

else

{

mRadioLocation.setTextColor(ContextCompat.getColor(getActivity(),

R.color.black));

}

}

private

void

setLikeState()

{

if

(mRadioLike.isChecked())

{

mRadioLike.setTextColor(ContextCompat.getColor(getActivity(),

R.color.colorPrimary));

}

else

{

mRadioLike.setTextColor(ContextCompat.getColor(getActivity(),

R.color.black));

}

}

private

void

setMeState()

{

if

(mRadioMe.isChecked())

{

mRadioMe.setTextColor(ContextCompat.getColor(getActivity(),

R.color.colorPrimary));

}

else

{

mRadioMe.setTextColor(Co