Android初学三之仿微信APP实现对有recycleView的页面进行点击跳转设计

---

0 实验环境

在Android Studio中进行有关代码的编写和界面效果展示

---

1 界面展示

---

2 功能说明

（1）在上次微信界面设计的基础上，对有recycleView的页面进行点击跳转设计；
比如，某一tab页是联系人列表，则点击某一行能跳转到联系人详情页面。
（2）在进行跳转事件设计时，还需实现跳转返回；

注：只实现了一个联系人的详情页面设计！

---

3 设计原理

Android studio活动在其生命周期的四种状态分别是：

• 运行状态
• 暂停状态
• 停止状态
• 销毁状态

Activity与生命周期的有关的几个方法：

• onCreate方法：创建页面。把页面上的各个元素加载到内存中。
• onStart方法：开始页面。把页面显示在屏幕上。
• onResume方法：恢复页面。让页面在屏幕上活动起来，例如开机动画，开始任务。
• onPause方法：暂停页面。让页面在屏幕上的动作停下来。
• onStop方法：停止页面。把页面从内存上撤下来。
• onDestroy方法。销毁页面。把页面琮内存中清除掉。
• onRestart方法。重新加载内存中的页面数据。

Task是一个存放Activity的一个栈，遵循先进后出的原则，分有压栈（进栈）和盘栈（出栈）两个操作。Activity都会作为元素存放在Task里面，遵循先进后出的原则。每运行一个Activity都会将此Activity压栈，从第一个运行Activity中跳转到第二个Activity，第二个Activity会压栈到第一个Activity的顶部，然后把运行在第二个Activity、第三个、第四个等依次类推。如果在跳转Activity之前当前的Activity没有执行finish()方法，此Activity就不会在Task中被销毁。

如果要在两Activity之间传递信息，可以使用bundle参数。

---

4 核心代码

4.1 新建一个Activity类leimuActivity.java

用于联系人详情页面的初始化及跳转返回事件的监听，当前的Activity的销毁

package com.example.mychat__recycleview;

import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.TextView;

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

public class leimuActivity extends AppCompatActivity {
    //好友名字
    private TextView friend_name;
    //好友信息
    private TextView friend_info;
    //好友照片
    private ImageView friend_pic;
    //返回上个页面按钮
    private Button btn_back;

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

    public void init() {
        friend_name = (TextView) findViewById(R.id.friend_name);
        friend_info = (TextView) findViewById(R.id.friend_info);
        friend_pic = (ImageView) findViewById(R.id.friend_pic);
        btn_back = (Button) findViewById(R.id.btn_back);
    }

    private void setListeners() {
        btn_back.setOnClickListener(backMain);
    }

    private Button.OnClickListener backMain = new Button.OnClickListener() {
        @Override
        public void onClick(View arg0) {
            leimuActivity.this.finish();
        }
    };

}

4.2 在res/layout中增加一个布局配置文件leimu_tab.xml

用于联系人详情界面的UI设计

<?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"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_margin="5dp"
    android:background="@color/light_blue"
    android:orientation="vertical">

    <TextView
        android:id="@+id/friend_name"
        android:layout_width="match_parent"
        android:layout_height="15dp"
        android:layout_margin="10dp"
        android:layout_weight="1"
        android:background="@color/ivory"
        android:fontFamily="@font/huawencaiyun"
        android:gravity="center"
        android:text="雷姆"
        android:textColor="@color/blue"
        android:textSize="30sp" />

    <TextView
        android:id="@+id/friend_info"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_weight="1"
        android:layout_margin="10dp"
        android:text="  雷姆，轻小说《Re：从零开始的异世界生活》及其衍生作品的主要角色，在罗兹沃尔的宅邸中一手担当全部杂务的双胞胎女仆中的妹妹，小时候家人被魔女教所杀，姐姐角被斩断，从而憎恨魔女教，初识昴因其身上有魔女气味不待见昴，之后解开误会被昴拯救，认定昴是她的英雄，一心一意的相信并照顾昴，看似毒舌冷漠，其实内心很坚强，很温柔。"
        android:fontFamily="@font/huawenxingkai"
        android:textSize="22sp" />

    <ImageView
        android:id="@+id/friend_pic"
        android:layout_width="match_parent"
        android:layout_height="200dp"
        android:layout_weight="1"
        app:srcCompat="@drawable/leimu" />

    <Button
        android:id="@+id/btn_back"
        android:layout_width="100dp"
        android:layout_height="5dp"
        android:layout_gravity="center"
        android:layout_weight="1"
        android:alpha="0.5"
        android:text="返回"
        android:textColor="#000000"
        android:textSize="18sp" />
</LinearLayout>

4.3 修改AndroidManifest.xml,将leimuActivity添加进去

用于新建的Activity手动注册

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

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/Theme.MyChat__RecycleView">
        <activity
            android:name=".MainActivity"
            android:exported="true">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>

        <activity
            android:name=".leimuActivity"
            android:label="@string/tab_name">
        </activity>

    </application>

</manifest>

4.4 在res/values/strings中增加所用的字符串名称

用来存放用到的一些字符串名称，便于之后的直接修改

<resources>
    <string name="app_name">MyChat_RecycleView</string>
    <string name="tab_name">雷姆</string>
</resources>

4.5 修改RecyclerViewAdapter.java

主要是onBindViewHolder方法中重写onClick方法对联系人列表的点击事件（跳转事件），并创建一个新的Activity页面

@Override
public void onBindViewHolder(@NonNull Myviewholder holder, int position) {
    holder.counter.setText(position + 1 + " ");
    holder.nickname.setText(mList.get(position));
    holder.personalized_signature.setText(nList.get(position));

    //实现对点击item的事件函数
    final String content = mList.get(position);
    holder.itemView.setContentDescription(content);
    holder.itemView.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            Toast.makeText(context, "您点击的联系人是：" + content, Toast.LENGTH_SHORT).show();

            //跳转到好友详情页面
            Intent intent = new Intent();
            intent.setClass(context,leimuActivity.class);
            context.startActivity(intent);
        }
    });

---

5 代码仓库

具体代码已上传至gitee代码仓库

---

6 总结

（1）在上次微信界面设计的基础上，对有recycleView的页面进行点击跳转设计；
比如，某一tab页是联系人列表，则点击某一行能跳转到联系人详情页面。
（2）在进行跳转事件设计时，还需实现跳转返回；

---

后续会继续更新有关Android设计的内容!
（注：第17次发文，如有错误和疑问，欢迎在评论区指出!）
——2021.10.24