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

发布时间:2022-07-02 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了Android初学三之仿微信APP实现对有recycleView的页面进行点击跳转设计脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

目录

  • 0 实验环境
  • 1 界面展示
  • 2 功能说明
  • 3 设计原理
  • 4 核心代码
    • 4.1 新建一个Activity类leimuActivity.java
    • 4.2 在res/layout中增加一个布局配置文件leimu_tab.xml
    • 4.3 修改AndroidManifest.xml,将leimuActivity添加进去
    • 4.4 在res/values/strings中增加所用的字符串名称
    • 4.5 修改RecyclerViewAdapter.java
  • 5 代码仓库
  • 6 总结


0 实验环境

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


1 界面展示

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


2 功能说明

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

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


3 设计原理

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

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

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

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

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

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>

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

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实现对有recycleView的页面进行点击跳转设计所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: