目录
1.设计目标
- 根据课程教学内容完成类微信的门户页面框架设计;
- APP最少必须包含4个tab页面;
- 框架设计需要使用fragment,activity,不得使用UNIAPP技术进行开发(H5或者小程序);
2.功能说明
程序运行后进入门户页面,共包含4个tab页面,页面有顶部、主页面和底部三个部分。通过点击底部的微信、朋友、通讯录、设置四个按钮可以跳转到对应的主页面。进行页面跳转时,只改变门户主页面的元素,顶部和底部都不变。
3.代码解析
3.1.bottom.xml的构造
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="100dp">
<LinearLayout
android:id="@+id/id_tab_weixin"
android:layout_width="0dp"
android:layout_height="100dp"
android:layout_weight="1"
android:background="@drawable/bottom_bar"
android:orientation="vertical">
<ImageButton
android:id="@+id/id_tab_weixin_img"
android:layout_width="match_parent"
android:layout_height="80dp"
android:layout_weight="1"
android:background="#000000"
android:clickable="false"
app:srcCompat="@drawable/weixin2"
tools:ignore="SpeakableTextPresentCheck" />
<TextView
android:id="@+id/textView1"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_weight="1"
android:gravity="center_horizontal"
android:saveEnabled="false"
android:text="微信"
android:textColor="#ffffff"
android:textSize="15sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/id_tab_frd"
android:layout_width="0dp"
android:layout_height="100dp"
android:layout_weight="1"
android:background="@drawable/bottom_bar"
android:orientation="vertical">
<ImageButton
android:id="@+id/id_tab_frd_img"
android:layout_width="match_parent"
android:layout_height="80dp"
android:layout_weight="1"
android:clickable="false"
android:background="#000000"
app:srcCompat="@drawable/friend2"
tools:ignore="SpeakableTextPr