文章目录
一、设计目标
自制简易微信界面
二、功能说明
三个部分:头部标签栏,中间信息栏,底部四个按钮,并且每按一个按钮信息栏就会弹出对应的样式
三、代码解析
1. layout文件夹
头部标签栏
top.xml
<?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="60dp"
android:background="@color/black">
<TextView
android:id="@+id/top"
android:textColor="@color/white"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
android:textSize="45sp"
android:text="@string/top" />
</LinearLayout>
底部(四个按钮)
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="80dp"
android:background="@color/black"
android:orientation="horizontal"
>
<LinearLayout
android:id="@+id/LinearLayout_chat"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravity="center"
android:orientation="vertical">
<ImageButton
android:id="@+id/chat_btn"
android:layout_width="match_parent"
android:layout_height="55dp"
android:backgroundTint="@color/white"
android:contentDescription="@string/app_name"
android:scaleType="centerInside"
app:srcCompat="@drawable/chat" />
<TextView
android:id="@+id/chat_text"
android:layout_width="match_parent"
android:layout_height="25dp"
android:layout_weight="10"
android:gravity="center"
android:text="@string/chat_name"
android:textColor="@color/white"
android:textSize="18sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/LinearLayout_addressList"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1"
android:gravi