基于Android studio编写类微信页面

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

一、效果展示

1，主界面：

2，通讯录界面：

3，发现页面：

4，我的页面：

二、页面设计

1.布局文件

上述界面可以分为三部分分别进行开发，一是顶部的标题栏，二是中间的内容栏，三是底部的菜单栏

标题栏：标题栏只需要一个TextView控件。在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="65dp"
    android:gravity="center"
    android:background="#ffffff"
    android:orientation="vertical">
    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_weight="1"
        android:text="微信"
        android:textColor="#000000"
        android:textSize="40sp" />
</LinearLayout>

底部菜单栏：菜单栏由4个按钮组成，每个按钮都是由textView和imageButton组成。代码如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="wrap_content"
    android:layout_height="100dp"
    android:layout_gravity="bottom"
    android:baselineAligned="false"
    android:orientation="horizontal">
     。。。。。。
   </LinearLayout>

ps:省略部分为4个按钮的代码。鉴于4个按钮代码类似，在下面我就只列举其中一个的源码。

<LinearLayout
        android:id="@+id/weixin"
        android:layout_width="0dp"
        android:layout_height="100dp"
        android:layout_gravity="bottom"
        android:layout_weight=