Android之RecyclerView实现层叠布局

关于层叠布局可能我描述的有点问题,实际上是前段时间有个小伙伴突然需求显示一种层叠效果并且数据的条数是不确定的,当时第一反应就想到了适配器,所以这里利用RecyclerView实现层叠布局效果如下图
在这里插入图片描述
废话不多说直接上代码
主Activity代码

public class Main7Activity extends AppCompatActivity {
    Drawable[] drawables = new Drawable[]{
            getResources().getDrawable(R.drawable.bg_share_loan),getResources().getDrawable(R.drawable.bg_share_loan1),
            getResources().getDrawable(R.drawable.bg_share_loan2),getResources().getDrawable(R.drawable.bg_share_loan3),
            getResources().getDrawable(R.drawable.bg_share_loan4),getResources().getDrawable(R.drawable.bg_share_loan),
            getResources().getDrawable(R.drawable.bg_share_loan1),getResources().getDrawable(R.drawable.bg_share_loan2),
            getResources().getDrawable(R.drawable.bg_share_loan3),getResources().getDrawable(R.drawable.bg_share_loan4)};
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main7);
        RecyclerView recyclerView = findViewById(R.id.my_recy_view);
        //这里需要划重点,上图中是第一项在最下方,如果需要在最上方只能倒叙并翻转RecyclerView若需要的话
        //请将LinearLayoutManager第三个参数改为true并且setStackFromEnd也为true
        LinearLayoutManager linearLayoutManager = new LinearLayoutManager(this,LinearLayoutManager.HORIZONTAL,false);
        linearLayoutManager.setStackFromEnd(false);
        
        recyclerView.setLayoutManager(linearLayoutManager);
        recyclerView.setAdapter(new MyRecyViewAdapter());

    }

    class MyRecyViewAdapter extends RecyclerView.Adapter<MyRecyViewAdapter.ViewHolder>{

        @NonNull
        @Override
        public MyRecyViewAdapter.ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
            return new ViewHolder(LayoutInflater.from(Main7Activity.this).inflate(R.layout.rv_item,parent,false));
        }

        @Override
        public void onBindViewHolder(@NonNull MyRecyViewAdapter.ViewHolder holder, int position) {
            holder.linearLayout.setBackground(drawables[position]);
            if(position==0){
                setMargins(holder.linearLayout,0,0,0,0);
            }
        }


        public void setMargins (View v, int l, int t, int r, int b) {
            if (v.getLayoutParams() instanceof ViewGroup.MarginLayoutParams) {
                ViewGroup.MarginLayoutParams p = (ViewGroup.MarginLayoutParams) v.getLayoutParams();
                p.setMargins(l, t, r, b);
                v.requestLayout();
            }
        }

        @Override
        public int getItemCount() {
            return 10;
        }

        public class ViewHolder extends RecyclerView.ViewHolder {
            LinearLayout linearLayout;
            public ViewHolder(View itemView) {
                super(itemView);
                linearLayout = itemView.findViewById(R.id.item);
            }
        }
    }
}

需要记住一个重点 上图中是第一项在最下方,如果需要在最上方只能倒叙并翻转RecyclerView若需要的话
请将LinearLayoutManager第三个参数改为true并且setStackFromEnd也为true
接下来我们看一下布局文件
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:layout_gravity="center"
    android:gravity="center"
    tools:context=".Main7Activity">
    <android.support.v7.widget.RecyclerView
        android:id="@+id/my_recy_view"
        android:layout_gravity="center"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

</LinearLayout>

Adapter的

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/item"
    android:layout_marginLeft="-30dp"
    android:orientation="vertical" android:layout_width="100dp"
    android:layout_height="100dp"
    android:gravity="center"
    android:background="@drawable/bg_share_loan">

</LinearLayout>

在这里有一点提一下marginLeft-30是实现层叠的关键,如果你是上下这种请改为marginTop具体设置负多少看你的需求
最后提供一下代码中圆的xml,其他的都是复制的只改了个颜色希望大家能举一反三欢迎各位评论转载
提供一个drawable文件其他改个颜色就行

<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="oval" xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#FF0000" />
    <stroke android:width="3dp" android:color="#FF0000"/>
</shape>
  • 4
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
你可以使用绝对布局(AbsoluteLayout)来动态创建并层叠视图(View)在Android应用中。下面是一个示例代码,演示如何使用绝对布局动态创建和层叠视图: ```java // 创建绝对布局 AbsoluteLayout absoluteLayout = new AbsoluteLayout(context); absoluteLayout.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT)); // 创建第一个视图 TextView textView1 = new TextView(context); textView1.setText("View 1"); AbsoluteLayout.LayoutParams params1 = new AbsoluteLayout.LayoutParams( AbsoluteLayout.LayoutParams.WRAP_CONTENT, AbsoluteLayout.LayoutParams.WRAP_CONTENT, 100, 100); // 设置视图的位置 textView1.setLayoutParams(params1); absoluteLayout.addView(textView1); // 创建第二个视图 TextView textView2 = new TextView(context); textView2.setText("View 2"); AbsoluteLayout.LayoutParams params2 = new AbsoluteLayout.LayoutParams( AbsoluteLayout.LayoutParams.WRAP_CONTENT, AbsoluteLayout.LayoutParams.WRAP_CONTENT, 200, 200); // 设置视图的位置 textView2.setLayoutParams(params2); absoluteLayout.addView(textView2); // 将绝对布局添加到父容器中 ViewGroup parentView = findViewById(R.id.parent_view); // 替换为你的父容器视图ID parentView.addView(absoluteLayout); ``` 在这个示例中,我们首先创建了一个绝对布局对象 `absoluteLayout`,并设置了其布局参数为匹配父容器大小。然后,我们创建了两个文本视图 `textView1` 和 `textView2`,并分别设置了它们在绝对布局中的位置。最后,我们将这两个视图添加到了绝对布局中,并将绝对布局添加到父容器中。 注意:绝对布局(AbsoluteLayout)在较新的Android版本中已被弃用,推荐使用其他布局方式,比如相对布局(RelativeLayout)或线性布局(LinearLayout)来实现动态创建和层叠视图。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值