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

Posted 雨落i

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

以上是关于Android初学三之仿微信APP实现对有recycleView的页面进行点击跳转设计的主要内容,如果未能解决你的问题,请参考以下文章

Android初学之仿微信APP门户界面设计

Android之仿微信Tab滑动

Android App实战项目之仿微信的视频通话(附源码和演示 超详细必看)

Android App实战项目之仿微信的私信和群聊App(附源码和演示视频 超详细必看)

Android之仿微信支付密码输入框

微信小程序之仿微信漂流瓶