底部整体是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="#fff"
android:orientation="vertical" >
<android.support.v4.view.ViewPager
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1" /> //设置权重,剩余的屏幕,阻止ViewPager将RG挤出屏幕。
<RadioGroup
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal" >
<RadioButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:button="@android:color/transparent" //将按钮设置看不到 。 @null; 也可达到同样的效果。
android:text="首页"
android:textColor="#000"
/>
</RadioGroup>
</LinearLayout>
几个RadioButton 用权重,将width平分后,出现的字体和图片不对应的解决办法是RadioButton增加一个gravity属性。
<style name="BottomTabStyle">
<item name="android:layout_width">0dp</item> //这里宽度得改成Wrap_content 否则字体不一样会换行。
<item name="android:layout_height">wrap_content</item>
<item name="android:gravity">center</item>
<item name="android:button">@null</item>
<item name="android:drawablePadding">3dp</item>
<item name="android:textColor">#fff</item>
<item name="android:padding">5dp</item>
<item name="android:layout_weight">1</item>
</style>
RadioButton 中字体和图片颜色变化的原理;
定义selector选择器: 先定义图片的变化:
例:
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@drawable/setting_press" android:state_checked="true"/> //选择时状态发生改变, 选中准确的讲。
<item android:drawable="@drawable/setting"/>
</selector>