仿微信页面——Android程序设计

1.加载页面
activity_load.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="match_parent"
    android:orientation="vertical"
    android:gravity="bottom|center_horizontal"
    android:background="@drawable/dl"
    android:paddingBottom="20dp"
    tools:context=".LoadActivity">


    <ImageButton
        android:id="@+id/load"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginBottom="190dp"
        android:background="#F4F3F2"
        android:onClick="setLoginRegister"
        android:src="@drawable/load"></ImageButton>

</LinearLayout> 

LoadActivity.java

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class LoadActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_load);
    }

    public void setLoginRegister (View view) {
        Intent intent = new Intent(LoadActivity.this, LoginRegisterActivity.class);
        //启动Activity
        startActivity(intent);
    }


}

2.登录注册页面
activity_login_Register.xml

<?xml version="1.0" encoding="utf-8"?>
<TableLayout 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="match_parent"
    android:background="@drawable/loginregister"
    tools:context=".LoginRegisterActivity">
    <TableRow>

        <ImageView
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_gravity="left"
            android:onClick="backload"
            android:src="@drawable/back_load"></ImageView>
    </TableRow>


    <TableRow android:paddingTop="300dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:text="账 号："
            android:textColor="#C80F0F"
            android:textSize="25dp"></TextView>

        <EditText
            android:id="@+id/textViewUserName"
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:hint="邮箱或手机号"
            android:textColor="#232222"
            android:textSize="25dp"></EditText>
    </TableRow>

    <TableRow>

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:text="密 码："
            android:textColor="#CF1212"
            android:textSize="25dp"></TextView>
        <EditText
            android:id="@+id/textViewPassword"
            android:layout_width="300dp"
            android:layout_height="wrap_content"
            android:hint="输入6~12位"
            android:textSize="25dp"></EditText>
    </TableRow>

    <TableRow>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="30dp"
            android:background="#712424"
            android:onClick="setRegister"
            android:text="注册"></Button>

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="#A63829"
            android:onClick="loginClick"
            android:text="登录"></Button>
    </TableRow>

    <TableRow android:paddingTop="20dp">
        <TextView></TextView>

        <TextView
            android:text="忘记密码？"
            android:textColor="#AF1A06"
            android:textSize="18dp"
            android:layout_marginLeft="200dp"></TextView>
    </TableRow>




</TableLayout>

LoginRegister.java

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;

public class LoginRegisterActivity extends AppCompatActivity {

    private EditText userNameText;
    private  EditText passwordText;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login_register);

        //获取控件信息
        userNameText = findViewById(R.id.textViewUserName);
        passwordText = findViewById(R.id.textViewPassword);
    }

    public void setRegister (View view) {
        Intent intent = new Intent(LoginRegisterActivity.this,RegisterActivity.class);
        //启动Activity
        startActivity(intent);
    }


    public void loginClick(View view){

        //获取输入的客户名和密码信息
        String username = userNameText.getText().toString();
        String password = passwordText.getText().toString();

        //判断用户名和密码是否正确
        if("高婧".equals(username) && "990220".equals(password)){
            Intent intent = new Intent(LoginRegisterActivity.this, CheckloginActivity.class);
            //启动Activity
            startActivity(intent);
        }else {
            userNameText.setText("");
            passwordText.setText("");
        }
    }

    public void backload (View view) {
        Intent intent = new Intent(LoginRegisterActivity.this, LoadActivity.class);
        //启动Activity
        startActivity(intent);
    }
}

3.注册页面
activity_Register.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="match_parent"
    tools:context=".RegisterActivity"
    android:background="@drawable/register"
    android:orientation="vertical">


    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <ImageView
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_gravity="center_vertical"
            android:onClick="backLoginRegister"
            android:src="@drawable/back_black"></ImageView>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="手机号注册"
            android:textColor="#302E2E"
            android:textSize="50dp"></TextView>

    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:layout_marginBottom="30dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="昵称:"
            android:textColor="#0E0A0A"
            android:textSize="30dp"></TextView>
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="例如：洛枳"
            android:textSize="30dp"></EditText>
    </LinearLayout>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="30dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="国家/地区"
            android:textColor="#0E0A0A"
            android:textSize="30dp"></TextView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="中国(+86)"
            android:textColor="#17840A"
            android:textSize="30dp"></TextView>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="30dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="手机号:"
            android:textColor="#0E0A0A"
            android:textSize="30dp"></TextView>
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="请填写手机号"
            android:textSize="30dp"></EditText>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="30dp">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密码:"
            android:textColor="#0E0A0A"
            android:textSize="30dp"></TextView>
        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="填写密码6~12位"
            android:textSize="30dp"></EditText>
    </LinearLayout>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#858383"
        android:onClick="setLogin"
        android:text="注册"
        android:textColor="#FFFFFF"
        android:textSize="30dp"></Button>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="20dp"
        android:text="点击上方的“注册”按钮，即表示你同意《腾讯微信软件许可及服务协议》和《微信隐私保护指引》"
        android:textColor="#474646"
        android:textSize="15dp"></TextView>





</LinearLayout> 

RegisterActivity.java

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class RegisterActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_register);
    }

    public void setLogin (View view) {
        Intent intent = new Intent(RegisterActivity.this, LoginActivity.class);
        //启动Activity
        startActivity(intent);
    }

    public void backLoginRegister (View view) {
        Intent intent = new Intent(RegisterActivity.this, LoginRegisterActivity.class);
        //启动Activity
        startActivity(intent);
    }
}

4.登录页面
activity_Login.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="match_parent"
    android:background="@drawable/login"
    tools:context=".LoginActivity"
    android:orientation="vertical">


    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">

        <ImageView
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:layout_gravity="center_vertical"
            android:onClick="backLoginRegister"
            android:src="@drawable/back_black"></ImageView>
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="登录微信"
            android:textColor="#302E2E"
            android:textSize="50dp"></TextView>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="账号:"
            android:textColor="#0E0A0A"
            android:textSize="30dp"></TextView>
        <EditText
            android:id="@+id/textViewUserName"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="QQ号/微信号/Email"
            android:textSize="30dp"></EditText>
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="密码:"
            android:textColor="#0E0A0A"
            android:textSize="30dp"></TextView>
        <EditText
            android:id="@+id/textViewPassword"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="6~12位"
            android:textSize="30dp"></EditText>
    </LinearLayout>

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#858383"
        android:onClick="loginClick"
        android:text="登录"
        android:textColor="#FFFFFF"
        android:textSize="30dp"></Button>
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="登录遇到问题？"
        android:textColor="#FFFFFF"
        android:textSize="20dp"
        android:layout_marginTop="20dp"
        android:layout_gravity="center_horizontal"></TextView>





</LinearLayout>

LoginActivity.java

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;

public class LoginActivity extends AppCompatActivity {

    private EditText userNameText;
    private  EditText passwordText;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_login);

        //获取控件信息
        userNameText = findViewById(R.id.textViewUserName);
        passwordText = findViewById(R.id.textViewPassword);
    }

    public void loginClick(View view){

        //获取输入的客户名和密码信息
        String username = userNameText.getText().toString();
        String password = passwordText.getText().toString();

        //判断用户名和密码是否正确
        if("高婧".equals(username) && "990220".equals(password)){
            Intent intent = new Intent(LoginActivity.this, CheckloginActivity.class);
            //启动Activity
            startActivity(intent);
        }else {
            userNameText.setText("");
            passwordText.setText("");
        }
    }
    public void backLoginRegister (View view) {
        Intent intent = new Intent(LoginActivity.this,LoginRegisterActivity.class);
        //启动Activity
        startActivity(intent);
    }

}

5.验证登录页面
activity_checklogin.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="match_parent"
    android:orientation="vertical"
    tools:context=".CheckloginActivity">


    <RadioGroup
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_gravity="center"
        android:layout_marginTop="20dp">
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/friendme"></ImageView>
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/qh"></ImageView>
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:src="@drawable/wechat"></ImageView>
    </RadioGroup>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:text="登录后该应用将获得以下权限"
        android:textSize="22sp"
        android:textStyle="bold"></TextView>
    <CheckBox
        android:id="@+id/checkbox1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="获得你的公开信息（昵称、头像等）"
        android:textStyle="bold"
        android:textColor="#BDBDBD"
        android:checked="true"
        android:textSize="18sp"></CheckBox>
    <CheckBox
        android:id="@+id/checkbox2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="寻找与你共同使用该应用的好友"
        android:textStyle="bold"
        android:textColor="#BDBDBD"
        android:checked="true"
        android:textSize="18sp"></CheckBox>
    <CheckBox
        android:id="@+id/checkbox3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="帮助你通过该应用向好友发送消息"
        android:textStyle="bold"
        android:textColor="#BDBDBD"
        android:checked="true"
        android:textSize="18sp"></CheckBox>

    <Button
        android:id="@+id/btnLogin"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#2196F3"
        android:text="登录"
        android:textColor="#F0EFF1"
        android:textStyle="bold"
        android:layout_marginTop="20dp"
        android:textSize="22sp"></Button>

    <Button
        android:id="@+id/btnCancel"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:background="#CAC5C5"
        android:onClick="backLogin"
        android:text="取消"
        android:textSize="22sp"
        android:textStyle="bold"></Button>

</LinearLayout>

Checklogin.java

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.CheckBox;
import android.widget.Toast;

public class CheckloginActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_checklogin);


        //获取复选框及按钮信息
        final CheckBox cb1 = findViewById(R.id.checkbox1);
        final CheckBox cb2 = findViewById(R.id.checkbox2);
        final CheckBox cb3 = findViewById(R.id.checkbox3);
        Button btnLogin = findViewById(R.id.btnLogin);

        //对按钮添加点击事件
        btnLogin.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                //存储选中的复选框内容
                String checkedString = "";

                //判断复选框是否选中
                if(cb1.isChecked()){
                    checkedString += cb1.getText().toString();
                }
                if(cb2.isChecked()){
                    checkedString += cb2.getText().toString();
                }
                if(cb3.isChecked()){
                    checkedString += cb3.getText().toString();
                }

                //弹出复选框内容
                Toast.makeText(CheckloginActivity.this,checkedString,Toast.LENGTH_LONG).show();
                Intent intent3 = new Intent(CheckloginActivity.this, MainActivity.class);
                //启动Activity
                startActivity(intent3);


            }
        });
    }
    public void backLogin (View view) {
        Intent intent = new Intent(CheckloginActivity.this,LoginActivity.class);
        //启动Activity
        startActivity(intent);
    }
}

6.主页面
activity_main.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="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">


  <!--引入中间内容-->
  <FrameLayout
      android:id="@+id/frame_conctent"
      android:layout_weight="1"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      ></FrameLayout>
  <!--引入底部页面-->
  <include layout="@layout/activity_bottom"></include>


</LinearLayout>

MainActivity.java

package com.web;

import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.fragment.app.Fragment;
import androidx.fragment.app.FragmentManager;
import androidx.fragment.app.FragmentTransaction;

import android.content.Intent;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.SubMenu;
import android.view.View;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    //四个片段的定义   微信 通讯录 发现 我
    private WebChatFragment webChatFragment;
    private ComunicationFragment comunicationFragment;
    private FindFragment findFragment;
    private MeFragment meFragment;

    //定义底部四个线性布局    微信 通讯录 发现 我
    private LinearLayout linearLayoutWebChat;
    private LinearLayout linearLayoutCommunication;
    private LinearLayout linearLayoutFind;
    private LinearLayout linearLayoutMe;

    //定义底部的四个图片控件  微信 通讯录 发现 我
    private ImageView imageViewWebChat;
    private ImageView imageViewCommunication;
    private ImageView imageViewFind;
    private ImageView imageViewMe;

    //定义底部的四个文本内容控件  微信 通讯录 发现 我
    private TextView textViewWebChat;
    private TextView textViewCommunication;
    private TextView textViewFind;
    private TextView textViewMe;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);



        //初始化控件
        InitView();

        //初始化点击事件
        InitEvent();

        //设置默认选中的是微信页面    设置图片为选中的图片 颜色为选中的颜色
        imageViewWebChat.setImageResource(R.drawable.wechat_select);
        textViewWebChat.setTextColor(getResources().getColor(R.color.colorTextViewPress));

        Intent intent = getIntent();
        String fragId = intent.getStringExtra("fragid");
        Toast.makeText(MainActivity.this,"发现页面"+fragId,Toast.LENGTH_SHORT).show();
        if(fragId != null){
            Toast.makeText(MainActivity.this,"发现页面",Toast.LENGTH_SHORT).show();
            if(fragId.equals("3")){
                //初始化片段
                InitFragment(3);
            }
        }else{
            //初始化片段
            InitFragment(1);

        }



    }



    /**
     * 初始化片段
     *
     * @param index
     */
    private void InitFragment(int index) {

        //获取片段管理器
        FragmentManager fragmentManager = getSupportFragmentManager();

        //启动事务
        FragmentTransaction transaction = fragmentManager.beginTransaction();

        //将所有Fragment进行隐藏
        hideAllFragment(transaction);

        switch (index) {
            case 1:
                if (webChatFragment == null) {
                    //如果对象为空，需要实例化创建一个新对象
                    webChatFragment = new WebChatFragment();

                    //添加到事务中，加入到界面的中间内容区域
                    transaction.add(R.id.frame_conctent, webChatFragment);
                } else {
                    transaction.show(webChatFragment);
                }
                break;

            case 2:
                if (comunicationFragment == null) {
                    //如果对象为空，需要实例化创建一个新对象
                    comunicationFragment = new ComunicationFragment();

                    //添加到事务中，加入到界面的中间内容区域
                    transaction.add(R.id.frame_conctent, comunicationFragment);
                } else {
                    transaction.show(comunicationFragment);
                }
                break;

            case 3:
                if (findFragment == null) {
                    //如果对象为空，需要实例化创建一个新对象
                    findFragment = new FindFragment();

                    //添加到事务中，加入到界面的中间内容区域
                    transaction.add(R.id.frame_conctent, findFragment);
                } else {
                    transaction.show(findFragment);
                }
                break;

            case 4:
                if (meFragment == null) {
                    //如果对象为空，需要实例化创建一个新对象
                    meFragment = new MeFragment();

                    //添加到事务中，加入到界面的中间内容区域
                    transaction.add(R.id.frame_conctent, meFragment);
                } else {
                    transaction.show(meFragment);
                }
                break;
        }

        //提交事务
        transaction.commit();


    }

    /**
     * 隐藏所有的片段
     *
     * @param transaction
     */
    private void hideAllFragment(FragmentTransaction transaction) {

        //判断微信片段是否为空
        if (webChatFragment != null) {
            transaction.hide(webChatFragment);
        }
        if (comunicationFragment != null) {
            transaction.hide(comunicationFragment);
        }
        if (findFragment != null) {
            transaction.hide(findFragment);
        }
        if (meFragment != null) {
            transaction.hide(meFragment);
        }

    }

    /**
     * 初始化控件  线性布局 图片控件 文本内容控件
     * 微信 通讯录 发现 我
     */
    private void InitView() {

        //获取四个线性布局对象   微信 通讯录 发现 我
        linearLayoutWebChat = findViewById(R.id.linearLayoutWebChat);
        linearLayoutCommunication = findViewById(R.id.linearLayoutCommunication);
        linearLayoutFind = findViewById(R.id.linearLayoutFind);
        linearLayoutMe = findViewById(R.id.linearLayoutMe);

        //获取四个图片控件    微信 通讯录 发现 我
        imageViewWebChat = findViewById(R.id.imageViewWebChat);
        imageViewCommunication = findViewById(R.id.imageViewCommunication);
        imageViewFind = findViewById(R.id.imageViewFind);
        imageViewMe = findViewById(R.id.imageViewMe);

        //获取四个文本内容控件    微信 通讯录 发现 我
        textViewWebChat = findViewById(R.id.textViewWebChat);
        textViewCommunication = findViewById(R.id.textViewCommunication);
        textViewFind = findViewById(R.id.textViewFind);
        textViewMe = findViewById(R.id.textViewMe);
    }


    /**
     * 初始化点击事件
     * implements View.OnClickListener
     */
    private void InitEvent() {

        //设置监听器
        linearLayoutWebChat.setOnClickListener(this);
        linearLayoutCommunication.setOnClickListener(this);
        linearLayoutFind.setOnClickListener(this);
        linearLayoutMe.setOnClickListener(this);
    }

    /**
     * 点击事件
     *
     * @param v
     */
    @Override
    public void onClick(View v) {

        //重置
        restartButton();

        //判断点击的是哪一个   微信 通讯录 发现 我
        switch (v.getId()) {

            //如果选中的是微信
            case R.id.linearLayoutWebChat:
                //图片修改
                imageViewWebChat.setImageResource(R.drawable.wechat_select);

                //文字颜色修改
                textViewWebChat.setTextColor(getResources().getColor(R.color.colorTextViewPress));

                //片段内容的修改
                InitFragment(1);
                break;


            //如果选中的是通讯录
            case R.id.linearLayoutCommunication:
                imageViewCommunication.setImageResource(R.drawable.communication_select);
                textViewCommunication.setTextColor(getResources().getColor(R.color.colorTextViewPress));
                InitFragment(2);
                break;

            //如果选中的是发现
            case R.id.linearLayoutFind:
                imageViewFind.setImageResource(R.drawable.find_select);
                textViewFind.setTextColor(getResources().getColor(R.color.colorTextViewPress));
                InitFragment(3);
                break;

            //如果选中的是我
            case R.id.linearLayoutMe:
                imageViewMe.setImageResource(R.drawable.me_select);
                textViewMe.setTextColor(getResources().getColor(R.color.colorTextViewPress));
                InitFragment(4);
                break;
        }
    }

    /**
     * 重置
     * 图片为未选中时的图片
     * 文本颜色为未选中时的颜色
     */
    private void restartButton() {

        //图片设置为未选中时的图片
        imageViewWebChat.setImageResource(R.drawable.wechat_normal);
        imageViewCommunication.setImageResource(R.drawable.communication_normal);
        imageViewFind.setImageResource(R.drawable.find_normal);
        imageViewMe.setImageResource(R.drawable.me_normal);

        //文本颜色为未选中时的颜色
        textViewWebChat.setTextColor(getResources().getColor(R.color.colorTextViewNormal));
        textViewCommunication.setTextColor(getResources().getColor(R.color.colorTextViewNormal));
        textViewFind.setTextColor(getResources().getColor(R.color.colorTextViewNormal));
        textViewMe.setTextColor(getResources().getColor(R.color.colorTextViewNormal));

    }


    /**
     * 创建菜单的方法
     * @param menu
     * @return
     */
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {

        //在ActionBar中添加菜单
        SubMenu subMenu = menu.addSubMenu("");

        //添加菜单布局
        getMenuInflater().inflate(R.menu.main,subMenu);

        //得到刚刚添加的菜单
        MenuItem item = subMenu.getItem();

        //设置图标
        item.setIcon(R.drawable.tianjia);
        item.setShowAsAction(MenuItem.SHOW_AS_ACTION_ALWAYS|MenuItem.SHOW_AS_ACTION_WITH_TEXT);
        return super.onCreateOptionsMenu(menu);

    }

    /**
     * 菜单的选中事件
     * @param item
     * @return
     */
    @Override
    public boolean onOptionsItemSelected(@NonNull MenuItem item) {

        switch (item.getItemId()){
            case R.id.menu1:
                Intent intent1 = new Intent(MainActivity.this, ComunicationActivity.class);
                //启动Activity
                startActivity(intent1);
                break;

            case R.id.menu2:
                Intent intent2 = new Intent(MainActivity.this, AddFriendActivity.class);
                //启动Activity
                startActivity(intent2);
                break;

            case R.id.menu3:
                Intent intent4 = new Intent(MainActivity.this, ScanCodeActivity.class);
                //启动Activity
                startActivity(intent4);
                break;

            case R.id.menu4:
                Intent intent5 = new Intent(MainActivity.this, ReceivePaymentActivity.class);
                //启动Activity
                startActivity(intent5);
                break;

            case R.id.menu5:
                Intent intent3 = new Intent(MainActivity.this, HelpActivity.class);
                //启动Activity
                startActivity(intent3);
                break;
            default:
        }
        return super.onOptionsItemSelected(item);
    }

    /**
     * 朋友圈的点击事件
     * @param view
     */
    public  void friendCircleClick(View view){
        Intent intent = new Intent(MainActivity.this,FriendCircleActivity.class);
        startActivity(intent);


    }

    public  void setWeChat(View view){
        Intent intent = new Intent(MainActivity.this,WeChatActivity.class);
        startActivity(intent);


    }

}

7.底部页面
activity_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="45dp"
    android:orientation="horizontal"
    tools:context=".BottomActivity">

    <!--垂直方向的线性布局-->
    <LinearLayout
        android:id="@+id/linearLayoutWebChat"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        android:layout_weight="1">
        <ImageView
            android:id="@+id/imageViewWebChat"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/wechat_normal"
            android:layout_weight="1"></ImageView>
        <TextView
            android:id="@+id/textViewWebChat"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="微信"
            android:textSize="15dp"
            android:textColor="@color/colorTextViewNormal"></TextView>
    </LinearLayout>


    <LinearLayout
        android:id="@+id/linearLayoutCommunication"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        android:layout_weight="1">
        <ImageView
            android:id="@+id/imageViewCommunication"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/communication_normal"
            android:layout_weight="1"></ImageView>
        <TextView
            android:id="@+id/textViewCommunication"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="通讯录"
            android:textSize="15dp"
            android:textColor="@color/colorTextViewNormal"></TextView>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayoutFind"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        android:layout_weight="1">
        <ImageView
            android:id="@+id/imageViewFind"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/find_normal"
            android:layout_weight="1"></ImageView>
        <TextView
            android:id="@+id/textViewFind"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="发现"
            android:textSize="15dp"
            android:textColor="@color/colorTextViewNormal"></TextView>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linearLayoutMe"
        android:layout_width="wrap_content"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:gravity="center"
        android:layout_weight="1">
        <ImageView
            android:id="@+id/imageViewMe"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:src="@drawable/me_normal"
            android:layout_weight="1"></ImageView>
        <TextView
            android:id="@+id/textViewMe"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="我"
            android:textSize="15dp"
            android:textColor="@color/colorTextViewNormal"></TextView>
    </LinearLayout>



</LinearLayout>

BottomActivity.java

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;

public class BottomActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_bottom);
    }
}

8.微信聊天信息片段
Fragment_web_chat.xml

<?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="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".WebChatFragment">


    <!-- 嵌套的相对布局-->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/hx"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/hx"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/hx"
            android:text="黑水沉舟贺玄"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="想你了"
            android:layout_toRightOf="@id/hx"
            android:layout_below="@id/textview1"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <TextView
            android:id="@+id/textview3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="13:14"
            android:layout_toRightOf="@id/textview1"
            android:textSize="15dp"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="180dp"></TextView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp"
        android:onClick="setWeChat">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/xl"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_alignParentLeft="true"
            android:layout_margin="10dp"
            android:src="@drawable/xl"></ImageView>

        <TextView
            android:id="@+id/textview4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="5dp"
            android:layout_toRightOf="@id/xl"
            android:text="谢怜"
            android:textColor="#444444"
            android:textSize="20dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@id/textview4"
            android:layout_marginTop="5dp"
            android:layout_toRightOf="@id/xl"
            android:text="哈哈哈哈哈哈"
            android:textSize="15dp"></TextView>

        <TextView
            android:id="@+id/textview6"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="260dp"
            android:layout_marginTop="5dp"
            android:layout_toRightOf="@id/textview4"
            android:text="13:01"
            android:textSize="15dp"></TextView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/hc"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/hc"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/hc"
            android:text="血雨探花花城"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="还钱"
            android:layout_toRightOf="@id/hc"
            android:layout_below="@id/textview7"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <TextView
            android:id="@+id/textview9"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="12:50"
            android:layout_toRightOf="@id/textview7"
            android:textSize="15dp"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="180dp"></TextView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/ysh"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ysh"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/ysh"
            android:text="雨师篁"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="下去玩吗？这次..."
            android:layout_toRightOf="@id/ysh"
            android:layout_below="@id/textview10"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <TextView
            android:id="@+id/textview12"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="12:45"
            android:layout_toRightOf="@id/textview10"
            android:textSize="15dp"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="240dp"></TextView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>



    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/mq"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/mq"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview13"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/mq"
            android:text="慕情"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview14"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="还不过来，都迟..."
            android:layout_toRightOf="@id/mq"
            android:layout_below="@id/textview13"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <TextView
            android:id="@+id/textview15"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="11:30"
            android:layout_toRightOf="@id/textview13"
            android:textSize="15dp"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="260dp"></TextView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/fx"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/fx"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview16"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/fx"
            android:text="风信"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview17"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="快点来"
            android:layout_toRightOf="@id/fx"
            android:layout_below="@id/textview16"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <TextView
            android:id="@+id/textview18"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="11:00"
            android:layout_toRightOf="@id/textview16"
            android:textSize="15dp"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="260dp"></TextView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>



    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/lw"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/hc"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview19"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/lw"
            android:text="灵文"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview20"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="注意！今天上午11:10..."
            android:layout_toRightOf="@id/lw"
            android:layout_below="@id/textview19"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <TextView
            android:id="@+id/textview21"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="08:00"
            android:layout_toRightOf="@id/textview19"
            android:textSize="15dp"
            android:layout_marginTop="5dp"
            android:layout_marginLeft="260dp"></TextView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#EAE5E5"></ImageView>

    


</LinearLayout>

WebChatFragment.java

package com.web;

import android.content.Intent;
import android.os.Bundle;

import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * 微信页面的片段
 */

public class WebChatFragment extends Fragment {

    public WebChatFragment() {

    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        return inflater.inflate(R.layout.fragment_web_chat, container, false);
    }

}

9.通讯录片段
Fragment_communication.xml

<?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="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".ComunicationFragment">
    <LinearLayout
        android:id="@+id/linear_newfriend"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/xindepengyou"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="新的朋友"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>

    </LinearLayout>

    <LinearLayout
        android:id="@+id/linear_qunliao"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/qunliao"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="群聊"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>

    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_biaoqian"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/biaoqian"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="标签"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>

    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_gongzhonghao"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="10dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/gongzhonghao"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="公众号"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>

    </LinearLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:text="鬼王"
        android:textStyle="bold"
        android:textSize="15sp"
        android:textColor="#777777"
        android:background="#EAE5E5"
        android:gravity="center_vertical"></TextView>

    <LinearLayout
        android:id="@+id/linear_hx"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/hx"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="黑水沉舟贺玄"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>

    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_hc"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/hc"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="血雨探花花城"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linear_qr"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/qr"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="青衣夜游戚容"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linear_jw"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/jw"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="白衣祸世君吾"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:text="上神"
        android:textStyle="bold"
        android:textSize="15sp"
        android:textColor="#777777"
        android:background="#EAE5E5"
        android:gravity="center_vertical"></TextView>
    <LinearLayout
        android:id="@+id/linear_xl"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/xl"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="谢怜"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_ysh"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/ysh"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="雨师篁"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_fx"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/fx"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="风信"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_mq"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/mq"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="慕情"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_lw"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/lw"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="灵文"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>


    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#EAE5E5"></ImageView>




</LinearLayout>

ComunicationActivity.java

import android.view.ViewGroup;

/**
 * 通讯录的片段
 */

public class ComunicationFragment extends Fragment {

    public ComunicationFragment() {

    }



    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        return inflater.inflate(R.layout.fragment_comunication, container, false);
    }
}

10.发现片段
Fragment_find.xml

<?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="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".FindFragment">


    <LinearLayout
        android:id="@+id/linear_friend"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:onClick="friendCircleClick">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/pengyouquan"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="朋友圈"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="240dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:background="#EAE5E5"></ImageView>



    <LinearLayout
        android:id="@+id/linear_saoyisao"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/saoyisao1"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="扫一扫"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="240dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_yaoyiyao"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/yaoyiyao"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="摇一摇"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="240dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:background="#EAE5E5"></ImageView>




    <LinearLayout
        android:id="@+id/linear_kanyikan"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/kanyikan"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="看一看"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="240dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_souyisou"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/souyisou"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="搜一搜"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="240dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:background="#EAE5E5"></ImageView>




    <LinearLayout
        android:id="@+id/linear_fujinderen"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/fujinderen"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="附近的人"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="220dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:background="#EAE5E5"></ImageView>




    <LinearLayout
        android:id="@+id/linear_gouwu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/gouwu"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="购物"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="260dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_youxi"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/youxi"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="游戏"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="260dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:background="#EAE5E5"></ImageView>




    <LinearLayout
        android:id="@+id/linear_xiaochengxu"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/xiaochengxu"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="小程序"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="240dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#EAE5E5"></ImageView>




</LinearLayout>

FindFragment.java

import android.content.Intent;
import android.os.Bundle;

import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * 发现的片段
 */


public class FindFragment extends Fragment {

    public FindFragment() {

    }


    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        return inflater.inflate(R.layout.fragment_find, container, false);
    }

}

11.我片段
fragment_me.xml

<?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="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MeFragment">



    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="40dp"
            android:layout_marginLeft="340dp"
            android:src="@drawable/zhaoxiangji"></ImageView>
    </LinearLayout>
    <!-- 嵌套的相对布局-->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/friendme"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/friendme"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/friendme"
            android:text="风师青玄"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="10dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="微信号：xxxx15374"
            android:layout_toRightOf="@id/friendme"
            android:layout_below="@id/textview1"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>

        <ImageView
            android:id="@+id/erweima"
            android:layout_width="40dp"
            android:layout_height="wrap_content"
            android:layout_alignParentRight="true"
            android:layout_marginTop="30dp"
            android:layout_toRightOf="@id/textview2"
            android:src="@drawable/erweima"></ImageView>

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_alignParentRight="true"
            android:layout_alignRight="@id/erweima"
            android:layout_marginTop="30dp"></ImageView>


    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:background="#EAE5E5"></ImageView>



    <LinearLayout
        android:id="@+id/linear_pay"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/zhifu"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="支付"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="260dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:background="#EAE5E5"></ImageView>



    <LinearLayout
        android:id="@+id/linear_shoucang"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/shoucang"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="收藏"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="260dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>


    <LinearLayout
        android:id="@+id/linear_xiangce"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/xiangce"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="相册"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="260dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>





    <LinearLayout
        android:id="@+id/linear_kabao"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/kabao"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="卡包"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="260dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>



    <LinearLayout
        android:id="@+id/linear_biaoqing"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/biaoqing"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="表情"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="260dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="10dp"
        android:background="#EAE5E5"></ImageView>



    <LinearLayout
        android:id="@+id/linear_shezhi"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/shezhi"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="设置"
            android:textStyle="bold"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="260dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#EAE5E5"></ImageView>
</LinearLayout>

MeFragment.java

import android.os.Bundle;

import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * 我的片段
 */


public class MeFragment extends Fragment {


    public MeFragment() {

    }



    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {

        return inflater.inflate(R.layout.fragment_me, container, false);
    }
}

12.主页面菜单
Main.xml

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">

    <!--第一项-->
    <item
        android:id="@+id/menu1"
        android:title="发起群聊"
        android:icon="@drawable/qunliao1"></item>

    <item
        android:id="@+id/menu2"
        android:title="添加朋友"
        android:icon="@drawable/tianjiapengyou1"></item>

    <item
        android:id="@+id/menu3"
        android:title="扫一扫"
        android:icon="@drawable/saoyisao"></item>

    <item
        android:id="@+id/menu4"
        android:title="收付款"
        android:icon="@drawable/shoufukuan1"></item>

    <item
        android:id="@+id/menu5"
        android:title="帮助与反馈"
        android:icon="@drawable/bangzhuyufankui1"></item>

</menu>

13.发起群聊页面
activity_communication.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="match_parent"
    android:orientation="vertical"
    tools:context=".ComunicationActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:onClick="backWeChat"
            android:src="@drawable/back_black"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="发起群聊"
            android:textSize="25dp"></TextView>
    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <ImageView
            android:layout_width="32dp"
            android:layout_height="32dp"
            android:src="@drawable/sousuo"
            android:layout_marginTop="9dp"></ImageView>
        <EditText
            android:layout_width="380dp"
            android:layout_height="50dp"
            android:gravity="center_horizontal"></EditText>

    </LinearLayout>

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="32dp"
            android:text="选择一个群"
            android:textSize="20sp"
            android:layout_marginLeft="20dp"
            android:layout_gravity="center_vertical"></TextView>

    </LinearLayout>
    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="32dp"
            android:text="面对面建群"
            android:textSize="20sp"
            android:layout_marginLeft="20dp"
            android:layout_gravity="center_vertical"></TextView>
    </LinearLayout>


    <TextView
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:text="鬼王"
        android:textStyle="bold"
        android:textSize="15sp"
        android:textColor="#777777"
        android:background="#EAE5E5"
        android:gravity="center_vertical"></TextView>

    <LinearLayout
        android:id="@+id/linear_hx"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/hx"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="黑水沉舟贺玄"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>

    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_hc"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/hc"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="血雨探花花城"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linear_qr"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/qr"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="青衣夜游戚容"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>

    <LinearLayout
        android:id="@+id/linear_jw"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/jw"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="白衣祸世君吾"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>
    <TextView
        android:layout_width="match_parent"
        android:layout_height="30dp"
        android:text="上神"
        android:textStyle="bold"
        android:textSize="15sp"
        android:textColor="#777777"
        android:background="#EAE5E5"
        android:gravity="center_vertical"></TextView>
    <LinearLayout
        android:id="@+id/linear_xl"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/xl"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="谢怜"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_ysh"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/ysh"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="雨师篁"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_fx"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/fx"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="风信"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_mq"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/mq"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="慕情"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>
    <LinearLayout
        android:id="@+id/linear_lw"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:layout_marginBottom="5dp">
        <ImageView
            android:layout_width="45dp"
            android:layout_height="45dp"
            android:src="@drawable/lw"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="灵文"
            android:textSize="20sp"
            android:layout_marginTop="15dp"
            android:layout_marginLeft="30dp"></TextView>
    </LinearLayout>


    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#EAE5E5"></ImageView>

</LinearLayout>

CommunicationActivity.java

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class ComunicationActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_comunication);
    }

    public void backWeChat (View view) {
        Intent intent = new Intent(ComunicationActivity.this,MainActivity.class);
        //启动Activity
        startActivity(intent);
    }

}

14.添加朋友页面
activity_add_friend.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="match_parent"
    android:orientation="vertical"
    tools:context=".AddFriendActivity">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:onClick="backWeChat"
            android:src="@drawable/back_black"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="添加朋友"
            android:textSize="25dp"></TextView>
    </LinearLayout>



    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="110dp">
        <EditText
            android:id="@+id/ss"
            android:layout_width="match_parent"
            android:layout_height="50dp"
            android:text="微信号/手机号"
            android:background="#FFFFFF"
            android:textColor="#777777"
            android:gravity="center"></EditText>
        <TextView
            android:id="@+id/wx"
            android:layout_width="160dp"
            android:layout_height="wrap_content"
            android:text="我的微信号:xxxx15374"
            android:textSize="15dp"
            android:layout_below="@+id/ss"
            android:layout_marginTop="15dp"
            android:gravity="center_horizontal"
            android:layout_marginLeft="100dp"></TextView>
        <ImageView
            android:layout_width="40dp"
            android:layout_height="wrap_content"
            android:src="@drawable/erweima1"
            android:layout_toRightOf="@id/wx"
            android:layout_marginLeft="5dp"
            android:layout_marginTop="60dp"></ImageView>
    </RelativeLayout>




    <!-- 嵌套的相对布局-->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/ld"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/leida"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/ld"
            android:text="雷达加朋友"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="添加身边的朋友"
            android:layout_toRightOf="@+id/ld"
            android:layout_below="@id/textview1"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="360dp"
            android:layout_marginTop="15dp"></ImageView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>



    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/jq"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/qunliao"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview4"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/jq"
            android:text="面对面建群"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview5"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="与身边的朋友进入同一个群聊"
            android:layout_toRightOf="@id/jq"
            android:layout_below="@id/textview4"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="360dp"
            android:layout_marginTop="15dp"></ImageView>

    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/sys"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/saoyisao"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview7"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/sys"
            android:text="扫一扫"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview8"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="扫描二维码名片"
            android:layout_toRightOf="@id/sys"
            android:layout_below="@id/textview7"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="360dp"
            android:layout_marginTop="15dp"></ImageView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/sjlxr"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/xindepengyou"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview10"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/sjlxr"
            android:text="手机联系人"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview11"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="添加或邀请通讯录中的朋友"
            android:layout_toRightOf="@id/sjlxr"
            android:layout_below="@id/textview10"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="360dp"
            android:layout_marginTop="15dp"></ImageView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>



    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/gzh"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/gongzhonghao"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview13"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/gzh"
            android:text="公众号"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview14"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="获取更多资讯和服务"
            android:layout_toRightOf="@id/gzh"
            android:layout_below="@id/textview13"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="360dp"
            android:layout_marginTop="15dp"></ImageView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#EAE5E5"></ImageView>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10dp">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/qy"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/qywxlxr"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview16"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@id/qy"
            android:text="企业微信联系人"
            android:textColor="#444444"
            android:textSize="20dp"
            android:layout_marginTop="5dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview17"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="通过手机号搜索企业微信用户"
            android:layout_toRightOf="@id/qy"
            android:layout_below="@id/textview16"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="360dp"
            android:layout_marginTop="15dp"></ImageView>
    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#EAE5E5"></ImageView>





</LinearLayout>

AddFriendActivity.java

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class AddFriendActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_add_friend);
    }

    public void backWeChat (View view) {
        Intent intent = new Intent(AddFriendActivity.this,MainActivity.class);
        //启动Activity
        startActivity(intent);
    }
}

15.扫一扫页面
activity_scan_code.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="match_parent"
    android:background="@drawable/saoma"
    tools:context=".ScanCodeActivity">

    <ImageView
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:onClick="backWeChat"
        android:src="@drawable/back"></ImageView>

</LinearLayout>

ScanCodeActivity.java`

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class ScanCodeActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_scan_code);
    }
    public void backWeChat (View view) {
        Intent intent = new Intent(ScanCodeActivity.this,MainActivity.class);
        //启动Activity
        startActivity(intent);
    }
}

16.收付款页面
activity_receive_payment.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="match_parent"
    android:background="@drawable/shoukuanma"
    tools:context=".ReceivePaymentActivity">

    <ImageView
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:onClick="backWeChat"
        android:src="@drawable/back"></ImageView>

</LinearLayout>

ReceivePaymentActivity.java

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class ReceivePaymentActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_receive_payment);
    }
    public void backWeChat (View view) {
        Intent intent = new Intent(ReceivePaymentActivity.this,MainActivity.class);
        //启动Activity
        startActivity(intent);
    }
}

17.帮助与反馈页面
activity_help.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="match_parent"
    android:orientation="vertical"
    tools:context=".HelpActivity">


    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:onClick="backWeChat"
            android:src="@drawable/back_black"></ImageView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="帮助与反馈"
            android:textSize="25dp"></TextView>
    </LinearLayout>



    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="微信如何开启/关闭移动网络下朋友圈视频..."
            android:textSize="20sp"
            android:layout_marginTop="15dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#EAE5E5"></ImageView>



    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="微信支付相关问题"
            android:textSize="20sp"
            android:layout_marginTop="15dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="220dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#EAE5E5"></ImageView>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="安卓手机微信7.0.0及以上版本如何开启和..."
            android:textSize="20sp"
            android:layout_marginTop="15dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#EAE5E5"></ImageView>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="苹果手机微信如何开启或关闭新消息通知？"
            android:textSize="20sp"
            android:layout_marginTop="15dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#EAE5E5"></ImageView>



    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="发送朋友圈失败怎么办?"
            android:textSize="20sp"
            android:layout_marginTop="15dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="170dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#EAE5E5"></ImageView>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="如何迁移/备份微信聊天记录？"
            android:textSize="20sp"
            android:layout_marginTop="15dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="110dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="1dp"
        android:background="#EAE5E5"></ImageView>


    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="手机号/QQ号绑定与解绑微信问题"
            android:textSize="20sp"
            android:layout_marginTop="15dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/jiantou"
            android:layout_marginLeft="80dp"
            android:layout_marginTop="15dp"></ImageView>
    </LinearLayout>

    <ImageView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#EAE5E5"></ImageView>



</LinearLayout>

HelpActivity.java

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class HelpActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_help);
    }
    public void backWeChat (View view) {
        Intent intent = new Intent(HelpActivity.this,MainActivity.class);
        //启动Activity
        startActivity(intent);
    }
}

18.朋友圈页面
activity_friend_circle.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="match_parent"
    android:orientation="vertical"
    tools:context=".FriendCircleActivity">



    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:orientation="vertical"
        android:background="@drawable/pyqbj">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">

            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="40dp"
                android:onClick="backWeChat"
                android:src="@drawable/back"></ImageView>
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginTop="40dp"
                android:layout_marginLeft="340dp"
                android:onClick="friendPlaceClick"
                android:src="@drawable/cameria"></ImageView>
        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal"
            android:layout_marginLeft="240dp"
            android:layout_marginTop="60dp">
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textSize="20sp"
                android:text="风师青玄"
                android:textColor="#E9EAEf"
                android:layout_marginTop="20dp"></TextView>
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/friendme"
                android:layout_marginLeft="20dp"></ImageView>
        </LinearLayout>
    </LinearLayout>


    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/fgx"></ImageView>

    <!-- 嵌套的相对布局-->
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/ice1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/hc"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/ice1"
            android:text="花城"
            android:textColor="#589817"
            android:textSize="20dp"
            android:layout_marginTop="10dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="祝福我的亲人朋友们新年快乐"
            android:layout_toRightOf="@id/ice1"
            android:layout_below="@id/textview1"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="昨天"
            android:layout_toRightOf="@id/ice1"
            android:layout_below="@id/textview2"
            android:layout_marginTop="20dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/pinglun"
            android:layout_alignParentRight="true"
            android:layout_below="@id/textview2"
            android:layout_marginTop="20dp"></ImageView>

    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/fgx"></ImageView>


    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <!--layout_alignParentLeft:居于父级容器的左边-->
        <ImageView
            android:id="@+id/ice2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/xl"
            android:layout_margin="10dp"
            android:layout_alignParentLeft="true"></ImageView>

        <TextView
            android:id="@+id/textview12"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_toRightOf="@+id/ice2"
            android:text="谢怜"
            android:textColor="#589817"
            android:textSize="20dp"
            android:layout_marginTop="10dp"></TextView>
        <!--android:layout_toRightOf:居于什么控件右边
            android:layout_below:居于什么控件下面-->
        <TextView
            android:id="@+id/textview22"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="有了坚持不一定成功；但没有坚持，就注定失败。对于成功，坚持的塑造必不可少！"
            android:layout_toRightOf="@id/ice2"
            android:layout_below="@id/textview12"
            android:textSize="15dp"
            android:layout_marginTop="5dp"></TextView>
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="前天"
            android:layout_toRightOf="@id/ice2"
            android:layout_below="@id/textview22"
            android:layout_marginTop="20dp"></TextView>
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/pinglun"
            android:layout_alignParentRight="true"
            android:layout_below="@id/textview22"
            android:layout_marginTop="20dp"></ImageView>

    </RelativeLayout>
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/fgx"></ImageView>

</LinearLayout>

FriendCircleActivity.java

package com.web;

import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class FriendCircleActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_friend_circle);
    }

    /**
     * 跳转到说说页面
     * @param view
     */
    public void friendPlaceClick(View view){
        Intent intent = new Intent(FriendCircleActivity.this,FriendPlaceActivity.class);
        startActivity(intent);
    }

    public void backWeChat(View view){
        Intent intent = new Intent(FriendCircleActivity.this,MainActivity.class);
        intent.putExtra("fragid",3+"");
        startActivity(intent);
        finish();
    }



}

19.发表说说页面
activity_friend_place.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="match_parent"
    android:orientation="vertical"
    tools:context=".FriendPlaceActivity">


    <ImageView
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:layout_gravity="left"
        android:onClick="backFriendCircle"
        android:src="@drawable/back_black"></ImageView>
    <!--android:inputType="textMultiLine":多行文本框-->
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:lines="6"
        android:layout_marginTop="10dp"
        android:background="#FFFFFF"
        android:padding="5dp"
        android:hint="说点什么吧。。。"
        android:inputType="textMultiLine"
        android:layout_marginBottom="10dp"></EditText>
    android:drawablePadding:图标与文本框的间距

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:drawableLeft="@drawable/addpicture"
        android:drawablePadding="8dp"
        android:gravity="center_vertical"
        android:padding="8dp"
        android:text="添加照片"
        android:textStyle="bold"></TextView>
    <!--android:scaleType="fitXY":填充xy坐标-->
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:src="@drawable/bottomnew"
        android:scaleType="fitXY"></ImageView>

</LinearLayout>

FriendPlaceActivity.java

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class FriendPlaceActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_friend_place);
    }
    public void backFriendCircle (View view) {
        Intent intent = new Intent(FriendPlaceActivity.this,FriendCircleActivity.class);
        //启动Activity
        startActivity(intent);
    }
}

20.聊天页面
activity_we_chat.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="match_parent"
    android:background="@drawable/wangjidewifi"
    android:orientation="vertical"
    tools:context=".WeChatActivity">

    <ImageView
        android:layout_width="32dp"
        android:layout_height="32dp"
        android:layout_gravity="left"
        android:onClick="backWeChat"
        android:src="@drawable/back_black"></ImageView>
    <GridLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:columnCount="6">
        <!--第一行-->
        <TextView
            android:background="#EAE5E5"
            android:layout_width="243dp"
            android:layout_height="43dp"
            android:layout_row="0"
            android:layout_column="1"
            android:layout_columnSpan="4"
            android:layout_gravity="end"
            android:layout_marginTop="15dp"
            android:layout_marginBottom="20dp"
            android:maxWidth="120dp"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"
            android:text="谢怜，花三怂到底什么意思！！！"
            android:textColor="#111112"
            android:textSize="18sp"
            android:textStyle="bold"></TextView>
        <ImageView
            android:src="@drawable/wechat_me"
            android:layout_marginTop="20dp"
            android:layout_marginLeft="5dp"
            android:layout_row="0"
            android:layout_column="5"
            android:layout_marginRight="5dp"></ImageView>


        <!--第二行-->
        <ImageView
            android:src="@drawable/xl"
            android:layout_row="1"
            android:layout_column="0"
            android:layout_marginLeft="5dp"></ImageView>

        <TextView
            android:background="#EAE5E5"
            android:layout_width="171dp"
            android:layout_marginLeft="5dp"
            android:maxWidth="120dp"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"
            android:text="什么什么意思啊"
            android:textColor="#111112"
            android:textSize="18sp"
            android:textStyle="bold"></TextView>


        <!--第三行-->
        <TextView
            android:background="#EAE5E5"
            android:layout_width="135dp"
            android:layout_height="wrap_content"
            android:layout_row="2"
            android:layout_column="1"
            android:layout_columnSpan="4"
            android:layout_gravity="end"
            android:layout_marginTop="15dp"
            android:layout_marginBottom="20dp"
            android:maxWidth="120dp"
            android:paddingLeft="24dp"
            android:paddingRight="24dp"
            android:text="你说呢？"
            android:textColor="#111112"
            android:textSize="18sp"
            android:textStyle="bold"></TextView>

        <ImageView
            android:layout_row="2"
            android:layout_column="5"
            android:layout_marginLeft="5dp"
            android:layout_marginTop="20dp"
            android:layout_marginRight="5dp"
            android:src="@drawable/wechat_me"></ImageView>


        <!--第四行-->
        <ImageView
            android:src="@drawable/xl"
            android:layout_row="3"
            android:layout_column="0"
            android:layout_marginLeft="5dp"></ImageView>

        <TextView
            android:background="#EAE5E5"
            android:layout_width="180dp"
            android:layout_marginLeft="5dp"
            android:layout_marginBottom="10dp"
            android:maxWidth="120dp"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"
            android:text="我根本就不知道发生了啥事"
            android:textColor="#111112"
            android:textSize="18sp"
            android:textStyle="bold"></TextView>

        <!--第五行-->
        <TextView
            android:background="#EAE5E5"
            android:layout_width="204dp"
            android:layout_row="4"
            android:layout_column="1"
            android:layout_columnSpan="4"
            android:layout_gravity="end"
            android:layout_marginTop="15dp"
            android:layout_marginBottom="20dp"
            android:maxWidth="120dp"
            android:paddingLeft="20dp"
            android:paddingRight="20dp"
            android:text="花三怂居然找我还钱！！！"
            android:textColor="#111112"
            android:textSize="18sp"
            android:textStyle="bold"></TextView>

        <ImageView
            android:layout_row="4"
            android:layout_column="5"
            android:layout_marginLeft="5dp"
            android:layout_marginTop="20dp"
            android:layout_marginRight="5dp"
            android:src="@drawable/wechat_me"></ImageView>


        <!--第六行-->
        <ImageView
            android:src="@drawable/xl"
            android:layout_row="5"
            android:layout_column="0"
            android:layout_marginLeft="5dp"></ImageView>

        <TextView
            android:background="#EAE5E5"
            android:layout_width="168dp"
            android:layout_marginLeft="5dp"
            android:layout_marginBottom="10dp"
            android:maxWidth="120dp"
            android:paddingLeft="15dp"
            android:paddingRight="15dp"
            android:text="哈哈哈哈哈哈"
            android:textColor="#111112"
            android:textSize="18sp"
            android:textStyle="bold"></TextView>

    </GridLayout>


</LinearLayout>

WeChatActivity.java

package com.web;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.view.View;

public class WeChatActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_we_chat);
    }
    public void backWeChat (View view) {
        Intent intent = new Intent(WeChatActivity.this,MainActivity.class);
        //启动Activity
        startActivity(intent);
    }
}