APP点击跳转设计

于 2023-10-30 17:10:32 发布
阅读量230 收藏 1
点赞数 1
文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_63394180/article/details/134118069
版权

一、目标功能

请根据APP门户界面设计的源码基础，在列表页上点击跳转到另一详情页面

二、实现思路

1. 创建目标界面：首先，创建一个新的Activity作为目标界面。

2. 设置RecyclerView：在目标界面的布局文件中定义一个RecyclerView，

3. 准备数据源：在目标界面中，准备用于显示在RecyclerView中的数据集合。

4. 绑定数据：在Adapter中实现数据与RecyclerView的绑定逻辑。创建一个继承自RecyclerView.Adapter的适配器类，并在其中实现相应的方法

5. 跳转到目标界面：在源界面中点击来跳转到目标界面。

三、关键步骤

1、布局文件

在原来的发现界面（activity_main.xml）基础上，并且新建两个activity_main.xml文件（activity_main2.xml，activity_main3.xml）以及一个item.xml文件

activity_main.xml & item.xml：点击跳转前页面

activity_main.xml：用于日志打印

activity_main.xml：点击跳转后页面

activity_main.xml（原来的“发现”界面）

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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=".MainActivity">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">

        <include layout="@layout/top" />

        <FrameLayout
            android:id="@+id/id_content"
            android:layout_width="match_parent"
            android:layout_height="0dp"
            android:layout_weight="1">
        </FrameLayout>

        <include layout="@layout/bottom" />

    </LinearLayout>

</androidx.constraintlayout.widget.ConstraintLayout>

item.xml：item文件是recycleView的主题，决定了列表的展示界面

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="50dp"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_margin="8dp"
    android:background="@drawable/common_bg"
    android:orientation="vertical">

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_centerVertical="true"
        android:layout_marginLeft="8dp"
        android:gravity="center"
        android:text="TextView" />


</LinearLayout>

activity_main2.xml：与MainActivity2.java一起用于日志打印

<?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:gravity="center"
    android:orientation="vertical"
    tools:context=".MainActivity2">

    <TextView
        android:id="@+id/textView7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="这是第一个activity"
        android:textSize="40sp" />

</LinearLayout>

activity_main3.xml:作为跳转后的界面，包含一个textview展示新闻页面

<?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=".MainActivity3">

    <TextView
        android:id="@+id/textView5"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:gravity="center"
        android:text="新闻详情"
        android:textSize="40dp" />
</LinearLayout>
2、Java文件

MainActivity2.java：包含整个生命周期，与activity_main2.xml一起用于日志打印

package com.example.myapplication;

import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;
import androidx.recyclerview.widget.RecyclerView;

import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.widget.Button;

public class MainActivity2 extends AppCompatActivity {
    private Button button1;
    private Button button2;

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

    }


    @Override
    protected void onActivityResult(int requestCode, int resultCode, @Nullable Intent data) {
        super.onActivityResult(requestCode, resultCode, data);
        if (resultCode == 31) {
            String state = data.getStringExtra("state");
            Log.d("life", state);
        }

    }

    @Override
    protected void onStart() {
        super.onStart();
        Log.d("life", "activity1 is onStart...");
    }

    @Override
    protected void onPostResume() {
        super.onPostResume();
        Log.d("life", "activity1 is onPostResume...");
    }

    @Override
    protected void onRestart() {
        super.onRestart();
        Log.d("life", "activity1 is onReStart...");
    }

    @Override
    protected void onPause() {
        super.onPause();
        Log.d("life", "activity1 is onPause...");
    }

    @Override
    protected void onStop() {
        super.onStop();
        Log.d("life", "activity1 is onStop...");
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        Log.d("life", "activity1 is onDestroy...");
    }

    @Override
    public void finish() {
        super.finish();
        Log.d("life", "activity1 is finish...");
    }

    @Override
    public void finishActivity(int requestCode) {
        super.finishActivity(requestCode);
        Log.d("life", "activity1 is finishActivity...");
    }

}

MainActivity3.java：跳转后页面的详情页面，在日志中打印新界面的生命周期

package com.example.myapplication;

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.util.Log;

public class MainActivity3 extends AppCompatActivity {

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


    @Override
    protected void onPostResume() {
        super.onPostResume();
        Log.d("life", "activity2 is onPostResume...");
    }

    @Override
    protected void onStart() {
        super.onStart();
        Log.d("life", "activity2 is onStart...");
    }

    @Override
    protected void onRestart() {
        super.onRestart();
        Log.d("life", "activity2 is onReStart...");
    }

    @Override
    protected void onStop() {
        super.onStop();
        Log.d("life", "activity2 is onStop...");
    }

    @Override
    protected void onDestroy() {
        super.onDestroy();
        Log.d("life", "activity2 is onDestroy...");
    }

    @Override
    protected void onPause() {
        super.onPause();
        Log.d("life", "activity2 is onPause...");
    }

    @Override
    public void finish() {
        super.finish();
        Log.d("life", "activity2 is finish...");
    }

    @Override
    public void finishActivity(int requestCode) {
        super.finishActivity(requestCode);
        Log.d("life", "activity2 is finishActivity...");
    }
}

contactFragment.java：调用布局文件实现列表效果

package com.example.myapplication;

import android.content.Context;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.app.Fragment;

import com.example.myapplication.Myadapter;

import androidx.annotation.Nullable;
import androidx.recyclerview.widget.ItemTouchHelper;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;

import java.util.ArrayList;
import java.util.List;


public class contactFragment extends Fragment {

    private RecyclerView recyclerView;
    private Myadapter myadapter;
    private List<String> list = new ArrayList<>();
    private Context context;


    public contactFragment() {
        // Required empty public constructor
    }

    private void initData() {
        for (int i = 0; i < 30; i++) {
            list.add("最新新闻" + i);
        }
    }

    private void initView3() {
        context = this.getActivity();
        myadapter = new Myadapter(list, context);

        LinearLayoutManager manager3 = new LinearLayoutManager(context);
        manager3.setOrientation(LinearLayoutManager.VERTICAL);

        recyclerView.setAdapter(myadapter);
        recyclerView.setLayoutManager(manager3);
    }

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

        View view = inflater.inflate(R.layout.contact, container, false);
        recyclerView = view.findViewById(R.id.recycleview);
        initData();
        initView3();
        return view;
    }

}

Myadapter.java：添加监听事件进行页面跳转与点击功能，实现界面跳转

package com.example.myapplication;

import android.content.Context;
import android.content.Intent;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

import androidx.annotation.NonNull;
import androidx.recyclerview.widget.RecyclerView;

import java.util.List;

public class Myadapter extends RecyclerView.Adapter<Myadapter.MyViewHolder> {
    private View itemView;
    private Context context;
    private Myadapter myadapter;
    private List<String> list;
    private OnItemClickListener onItemClickListener;

    public Myadapter(List<String> list, Context context) {
        this.context = context;
        this.list = list;
    }

    @NonNull
    @Override
    public MyViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        itemView = LayoutInflater.from(context).inflate(R.layout.item, parent, false);
        MyViewHolder myViewHolder = new MyViewHolder(itemView);
        return myViewHolder;
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder holder, int position) {
        holder.textView1.setText(list.get(position));
        holder.itemView.setOnClickListener(new View.OnClickListener() {
            //监听事件提供页面跳转
            @Override
            public void onClick(View view) {
                Intent intent = new Intent(context, MainActivity3.class);
                context.startActivity(intent);
            }
        });

    }

    @Override
    public int getItemCount() {
        return list.size();
    }

    public class MyViewHolder extends RecyclerView.ViewHolder {
        TextView textView1, textView2;
        ImageView imageView;

        public MyViewHolder(@NonNull View itemView) {
            super(itemView);
            textView1 = itemView.findViewById(R.id.textView1);
            textView2 = itemView.findViewById(R.id.textView2);

        }
    }

    public interface OnItemClickListener {
        void onItemClick(int position);
    }

    //点击方法
    public void setOnItemClickListener(OnItemClickListener onItemClickListener) {
        this.onItemClickListener = onItemClickListener;
    }
}
3、效果展示

四、实验总结

        在本次实验中，我们在类微信界面添加了RecycleView，并为其添加了点击跳转功能，从而深入了解了Activity生命周期和状态转变操作。我们学习了如何正确地管理Activity的生命周期，以及如何在其中进行状态的转变。通过实现RecycleView的点击跳转功能，我们还掌握了如何正确地将Activity之间的数据进行传递和交互。通过此次实验，我们不仅理解了Activity的基本概念和原理，还掌握了一些具体的操作技巧，这对于以后的Android开发有着重要的指导作用。同时，我们也更加深入地了解了Android系统的架构和组件，这将有助于我们更好地开发出高质量的Android应用程序。

五、源码地址

源码地址icon-default.png?t=N7T8https://gitee.com/daiepie/app/tree/master/

评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值