亲宝软件园·资讯

展开

RecyclerView实现button跳转 在RecyclerView中实现button的跳转功能

I_wen. 人气:0
想了解在RecyclerView中实现button的跳转功能的相关内容吗,I_wen.在本文为您仔细讲解RecyclerView实现button跳转的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:RecyclerView实现button跳转,RecyclerView,button跳转,下面大家一起来学习吧。

一>实现功能

在实验二中我们已经实现了在类微信界面添加recyclview并添加相应的imageview,本次实验就是在recyclview中添加一个button控件并实现监听,使鼠标点击时可以跳转到另外一个设计好的界面,具体操作如下。

二>在xml中添加布局文件

首先我们要设计点击后的跳转界面,我直接采用了淘宝中的购物界面添加了一个textview,两个imageview。(以购买华为p50为例huawei.xml)

<?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:orientation="vertical">
    <TextView
        android:id="@+id/textView9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="这是华为p50购买界面"
        android:textColor="@color/purple_500"
        android:textSize="20dp"/>
    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:srcCompat="@drawable/huaweip50tu" />
    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:srcCompat="@drawable/huaweip50" />
</LinearLayout>

这是华为p50的购买界面

三>完善java文件

要在微信中添加button,同样不能在Mainactivity中直接添加,我选择了在weixinFragement中添加,
和添加textview和imageview类似,我采取了类似的方法进行添加,但是在其中一个问题让我很苦恼,要建立一个java类型的数组,不知道用什么型来描述它,经过一番研究,我选择了用object【】来定义它。
在onCreateview中添加代码

Object[] simple={huawei.class,pingguo.class,xiaomi.class};
for(int i=0;i< label.length;i++) {
            Map<String, Object> listitem = new HashMap<String, Object>();
            listitem.put("detail",simple[i]);
            listitem.put("name", label[i]);
            listitem.put("color", color[i]);
            listitem.put("price", price[i]);
            listitem.put("configure", config[i]);
            listitem.put("tutu", phone[i]);
            data.add(listitem);
        }

四>完善adapter文件

首先在MyViewHolder声明一个button控件,并进行绑定

Button button2;
button2=(Button) itemView.findViewById(R.id.button2);

然后在onBindViewHolder添加button2的描述

public void onBindViewHolder(@NonNull MyViewHolder holder, @SuppressLint("RecyclerView") int position) {
        holder.button2.setOnClickListener(new View.OnClickListener(){
            @Override
            public void onClick (View view){
                Intent main2 = new Intent(context,(Class<?>)data.get(position).get("detail"));
                Toast.makeText(context.getApplicationContext(),"正在努力跳转 :)",Toast.LENGTH_SHORT).show();
                context.startActivity(main2);
            }
        });

和之前的textview和imageview有所不同,他的接受position写在onClick中,因为有3个position,它要找到正确的位置进行跳转。

五>完善JAVA文件

跳转不可能直接到xml文件,它同样需要java文件来承载它,并返回相应的信息,我们新建了三个java文件,huawei,pingguo和xiaomi。此处我同样以huawei为例

package com.example.mywork_lbw;

import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import androidx.appcompat.app.AppCompatActivity;

public class huawei extends AppCompatActivity {
    public huawei() { }
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.huawei);
        Log.i("life ", "huawei is on create...");  //信息在LogCat控制台输出
        Intent intent = getIntent();
    }
}

在setContentView中我们设置了这个java文件将显示哪一个xml文件,此处当然显示的huawei.xml。

最后就是要把上面的串联起来,在微信总布局中加入button,点击实现跳转,总界面如图:

华为p50
苹果11

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

github链接:https://github.com/yikemi/ASwork_lbw
库名:ASwork_lbw

加载全部内容

相关教程
猜你喜欢
用户评论