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实战项目之仿微信的视频通话(附源码和演示 超详细必看)