java - Recyclerview 上类似 Facebook react 的动画

Question

开发一个应用程序，其中有一个带有一些卡片 View 的回收器 View 。每张卡片上都有一些图像、 TextView 和相对布局，我想在触摸时应用类似 facebook 的效果。

Facebook reactions

• 当您触摸屏幕时，卡片会展开，其他卡片会并排保持其原始大小。
• 当您将手指离开屏幕时，卡片将恢复其原始大小。

到目前为止我所拥有的:

//rv
        recyclerView = view.findViewById(R.id.recyclerView)

        recyclerView.setHasFixedSize(false)
        //layoutManager = LinearLayoutManager(activity)

        recyclerView.layoutManager = LinearLayoutManager(activity, LinearLayoutManager.VERTICAL, false)

适配器:

public class MyAdapter extends RecyclerView.Adapter<MyAdapter.MyViewHolder> {

    Context context;
    List<Content> lista;


    public MyAdapter(Context context, List<Content> lista) {
        this.context = context;
        this.lista = lista;
    }

    @Override
    public void onBindViewHolder(@NonNull MyViewHolder myViewHolder, int position) {
        Content content = lista.get(position);

        if (!content.getTitulo().isEmpty()) {
            myViewHolder.titulo.setText(content.getTitulo);
        }

        if (!noticia.getThumb().isEmpty()) {
            Glide.with(context).load(content.getThumb()).into(myViewHolder.imageThumb);
        }

        if (!content.getIcone().isEmpty()) {
            Glide.with(context).load(content.getIcone()).into(myViewHolder.icone);
        }

        if (!content.getDescricao().isEmpty()) {
            myViewHolder.textDescricao.setText(content.getDescricao());
        }

        if (!content.getData().isEmpty()) {
            myViewHolder.data.setText(content.getData());
        }

        if (!content.getUrl().isEmpty()) {
            myViewHolder.url = content.getUrl();
        }

        if (!content.getNomeSite().isEmpty()) {


            myViewHolder.nomeSite.setText(content.getNomeSite());
        }

        myViewHolder.itemView.setOnLongClickListener(new View.OnLongClickListener() {
            @Override
            public boolean onLongClick(View view) {
                Toast.makeText(context,"OnLongClick",Toast.LENGTH_SHORT).show();
                return false;
            }
        });

    }

怎样才能做出这样的效果？

Answer 1

我认为你可以使用一个库来实现这一点。以下是其中一些:

Carousel Recyclerview

Carousel Recyclerview 2

或者你可以使用这个this 回答