【安卓开发】作业二：recycleView的Item跳转至另一个activity

编写思路

1. 为recycleView的每个Item添加点击监听事件
2. 然后使用intent进行activity之间的跳转

此外，本次项目增加额外的跳转特效

具体编写代码

CardAdapter中的监听事件接口

	//定义监听的接口
	private OnRecyclerItemClickListener onRecyclerItemClickListener;
	//定义一个方法可以直接提供调用
    public void setOnRecyclerItemClickListener(OnRecyclerItemClickListener onRecyclerItemClickListener){
        this.onRecyclerItemClickListener=onRecyclerItemClickListener;
	}


//类外
//自定义监听接口
interface OnRecyclerItemClickListener {
    //RecyclerView的点击事件，将信息回调给view
    void onItemClick(int Position, List<CardAdapter.Card> cards);
}

写这些是为了方便在其他类中调用adapter的数据以及position

在recycleView所在的类下

我的recycleView写在了Fragment中
在设置adapter代码前

//为recycleView设置adapter
recyclerView.setAdapter(cardAdapter);

设置item的监听事件

//设置cardAdapter的Item监听
cardAdapter.setOnRecyclerItemClickListener(new OnRecyclerItemClickListener() {
    @Override
    public void onItemClick(int Position, List<CardAdapter.Card> cards) {
        //设置跳转至另一个activity的intent-----------------------
        Intent intent=new Intent(getActivity(),CardInfoActivity.class);
        //传递相应的参数
        //我们需要把构成一个图片的信息传递过去
        Bundle bundle=new Bundle();
        bundle.putInt("cardImageId",cards.get(Position).getImageId());
        bundle.putString("cardTitle",cards.get(Position).getTitle());
        bundle.putInt("height",cards.get(Position).getHeight());
        bundle.putInt("width",cards.get(Position).getWidth());
        intent.putExtras(bundle);

		//以下是过渡动画代码区域-----------------------
        //启用共享组件的activity过渡
        //所选择的共享元件，这个元件是当前页面的元件
        //获取item的ViewHolder
        //因为我使用的是StaggeredGridLayoutManager
        RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
        //由于瀑布流是两列，这里是为了获得处在页面的最小值
        int realFirstPosition=Math.min(firstStaggeredGridPosition[0],firstStaggeredGridPosition[1]);
        CardAdapter.MyViewHolder viewHolder=(CardAdapter.MyViewHolder)recyclerView.getChildViewHolder(recyclerView.getChildAt(Position-realFirstPosition));

        ImageView card_info_image= viewHolder.card_image;
        ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(getActivity(),
                Pair.create(card_info_image, "card_info_image"));
		
		//跳转至另一个activity-----------------------
        startActivity(intent,options.toBundle());
    }
});

对于recycleView的特征解释

recycleView在屏幕中显示的时候
若想要获取其中的某一个item的ViewHolder对象时
需要使用如下函数

CardAdapter.MyViewHolder viewHolder=(CardAdapter.MyViewHolder)recyclerView.getChildViewHolder(recyclerView.getChildAt(Position-realFirstPosition));

其中
getChildAt()
该函数接收的是一个int值参数
其意义是指，当前item所在屏幕显示recycleView的相对位置
例如：
如果当前屏幕显示了四张图片，那么四张图片的相对位置为
0~3
但是由于我们上面代码的点击事件获取的position是绝对位置
故我们需要不断的获取当前屏幕最上方的图片的绝对坐标
为此我们添加了滚动监听，来不断刷新当前屏幕最上方图片的坐标集合

在recycleView下添加滚动监听

//由于我们使用的是两行瀑布流
//为此我们的绝对位置是一个两位的一维数组
public int[] firstStaggeredGridPosition={0,0};
public int[] lastStaggeredGridPosition={0,0};

//滚动监听事件-------------------------------
//设置recycleView的滚动监听
recyclerView.addOnScrollListener(new RecyclerView.OnScrollListener() {
    @Override
    public void onScrollStateChanged(@NonNull RecyclerView recyclerView, int newState) {
        super.onScrollStateChanged(recyclerView, newState);
        //该if判断的是滚动的状态，其意义是放置不断的刷新if内的语句
        if (newState == SCROLL_STATE_IDLE || newState == SCROLL_STATE_DRAGGING) {
            // DES: 找出当前可视Item位置
            RecyclerView.LayoutManager layoutManager = recyclerView.getLayoutManager();
            //我们使用的layoutManager是StaggeredGrid
            if (layoutManager instanceof StaggeredGridLayoutManager) {
                StaggeredGridLayoutManager linearManager = (StaggeredGridLayoutManager) layoutManager;
				//获取绝对坐标                
                linearManager.findFirstVisibleItemPositions(firstStaggeredGridPosition);
                linearManager.findLastVisibleItemPositions(lastStaggeredGridPosition);
            }
        }
    }

    @Override
    public void onScrolled(@NonNull RecyclerView recyclerView, int dx, int dy) {
        super.onScrolled(recyclerView, dx, dy);
    }

关于activity的动画过渡

在此，我是用的View组件的动画过渡
代码如下（上面的代码有写过，这里再贴一下）

//获取共享动画的View对象
ImageView card_info_image= viewHolder.card_image;
//绑定共享空间，并赋予标签（便于寻找）
ActivityOptions options = ActivityOptions.makeSceneTransitionAnimation(getActivity(),
        Pair.create(card_info_image, "card_info_image"));
//传递
startActivity(intent,options.toBundle());

在当前的页面下，选择你要过渡的组件，对此我选择的是当前点击item的viewHloder下的card_image
这是一个ImageView对象
随后，在目的跳转activity的xml下的ImageView控件的xml内设置相同的标签card_info_image

android:transitionName="card_info_image"

目的跳转activity的代码

<?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:orientation="vertical"
    tools:context=".CardInfoActivity">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent">

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

            <ImageView
                android:id="@+id/card_info_image"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:transitionName="card_info_image"
                tools:srcCompat="@tools:sample/avatars" />

            <TextView
                android:id="@+id/card_info_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center"
                android:text="TextView"
                android:textSize="30sp" />
        </LinearLayout>
    </ScrollView>

</LinearLayout>

对应class文件

package com.lltl.demo01;

import androidx.appcompat.app.AppCompatActivity;

import android.content.Intent;
import android.os.Bundle;
import android.util.Log;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.TextView;

//这个activity是用来展示对应card信息的activity
public class CardInfoActivity extends AppCompatActivity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {

        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_card_info);
        //获取传递来的信息
        ImageView card_info_image=(ImageView) findViewById(R.id.card_info_image);
        TextView card_info_title=(TextView) findViewById(R.id.card_info_title);

        Intent intent=getIntent();
        Bundle bundle=intent.getExtras();
        card_info_image.setImageResource(bundle.getInt("cardImageId"));
        card_info_title.setText(bundle.getString("cardTitle"));
        //修改图片的高度
        ViewGroup.LayoutParams params = card_info_image.getLayoutParams();
        //TODO 显然，这高度是由这个参数决定的，如果我们知道了宽的大小width，那么我们就能知道实际缩放比
        //获取屏幕的宽度
        int screenWidth = ScreenUtil.getScreenWidth(this);
        //Log.d("height",String.valueOf(screenWidth));
        //调整放入图片的大小，保证宽一定是屏幕的一半，高度随着缩放而改变
        float scale = (float)bundle.getInt("height") / (float)bundle.getInt("width");
        params.height =  (int) (screenWidth * scale)+200;
        card_info_image.setLayoutParams(params);
    }
}

最终效果

源码仓库地址

https://gitee.com/lazy_lazy_tang_lan/as-coding-studying