一、效果图:
二、实现的功能:
- 头部显示title
- 中间有显示框,内容会随着底部选项卡切换
- 底部有四个选项卡,点击变色,并会同步切换中间部位内容
三、具体实现:
1.前端页面:由上中下三个部分组成,共七个Layout XML File文件组成,top一个,bottom一个,中间四个(用于在底部切换时显示四个不同的页面)
底部:
部分代码:
<LinearLayout
android:id="@+id/id_tab_frd"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<ImageButton
android:id="@+id/id_tab_frd_img"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:contentDescription="@string/app_name"
android:background="#000000"
app:srcCompat="@drawable/tab_find_frd_normal" /