|
要实现的效果
目前项目结构
说明：
目前计划应用由一个HomeActivity加载三个Fragment(HomeFragment,MessageFragment,MineFragment)做切换作为主体.
BaseFragement和BaseActivity为基类，为后期配置一些Activity和Fragemnt的共有属性做准备.
MyApplication为app一启动时，做一些初始操作。
首页底部导航栏实现
底部导航栏由一个横向排布radiogroup和三个radiobutton组成，布局如下。
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:id="@+id/activity_home"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.lulu.myvedio.activity.HomeActivity">
<RadioGroup
android:id="@+id/rbg"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_alignParentBottom="true"
android:orientation="horizontal"
>
<RadioButton
android:id="@+id/home"
style="@style/home_rb_style"
android:drawableTop="@drawable/select_mian"
android:text="首页" />
<RadioButton
android:id="@+id/message"
style="@style/home_rb_style"
android:drawableTop="@drawable/select_message"
android:text="信息" />
<RadioButton
android:id="@+id/mine"
style="@style/home_rb_style"
android:drawableTop="@drawable/select_mine"
android:text="我的" />
</RadioGroup>
</RelativeLayout>
由于三个radiobutton的效果都一致，都为选中变颜色，所以给其设置了统一的style。
在values文件夹下的styles文件下创建一个style
<style name="home_rb_style">
<item name="android:layout_width">0dp</item>
<item name="android:layout_height">wrap_content</item>
<item name="android:layout_weight">1</item>
<item name="android:button">@null</item>
<item name="android:drawablePadding">3dp</item>
<item name="android:gravity">center</item>
<item name="android:textColor">@color/select_rb_text</item>
<item name="android:background">@color/white</item>
<item name="android:paddingTop">4dp</item>
</style>
注意这里图片和文字都有个选中与不选中的差别。
图片的实现方式是准备两张图片，右击res的drawable文件夹，选择new－drawable resource file 选selector命名select_mian
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@mipmap/application_2xx" android:state_checked="true" />
<item android:drawable="@mipmap/application_xx" />
</selector>
文字的实现方式，在res下创建一个color文件夹右击选择new － color resource file命名select_rb_text
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:color="@color/rb_text_select" android:state_checked="true"/>
<item android:color="@color/rb_text_normal"/>
</selector>
注意：设置radiobutton的默认选中，不能直接在代码里面写，不然会一直选中不能切换。可以给radiobutton写一个id，然后实例化他，在代码里设置默认选中
private void initView() {
rbg = ((RadioGroup) findViewById(R.id.rbg));
rbg.setOnCheckedChangeListener(this);
rb_home = ((RadioButton) findViewById(R.id.home));
rb_home.setChecked(true);//设置默认选中
}
| 
转播
