RecycleView添加不同布局（类似上传图片）

最新推荐文章于 2021-08-12 04:35:38 发布
最新推荐文章于 2021-08-12 04:35:38 发布
阅读量358 收藏
点赞数
分类专栏： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_32963927/article/details/90177366
版权

主页面布局xml

<?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="match_parent"
    android:orientation="vertical"
    >
<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    >
    <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_img"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

    </android.support.v7.widget.RecyclerView>
</LinearLayout>
</LinearLayout>

主页面代码

protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_img);
        rv_img = findViewById(R.id.rv_img);
        GridLayoutManager layoutManager = new GridLayoutManager(context,3, GridLayoutManager.VERTICAL,false);
        rv_img.setLayoutManager(layoutManager);
//        ImageModel img = new ImageModel();
//        img.setType("addimg");
//        mList.add(img);
        if (imageAdapter==null){
            imageAdapter = new ImageAdapter(context,mList);
            rv_img.setAdapter(imageAdapter);
        }else {
            imageAdapter.notifyDataSetChanged();
        }
    }

adapter布局xml

item_addimg.xml

  <ImageView
            android:id="@+id/iv_addimg"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:background="@mipmap/choosephotos"
            />
item_img.mlx
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    >
        <TextView
            android:id="@+id/tv_item"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content" />
        <ImageView
            android:id="@+id/iv_img"
            android:layout_width="80dp"
            android:layout_height="80dp"
            android:adjustViewBounds="true"
            />

</LinearLayout>

getItemCount

  • maxCount:不超过5张
  • 第一次进入mList.size()==0
  • 默认显示1张添加的图片，所以mList.size()+1
  • 当mList.size()>=5时，隐藏掉默认添加的那张图片，所以返回mList.size();
   @Override
    public int getItemCount() {
        if (mList.size()<maxCount){
            return mList.size()+1;
        }else {
            return mList.size();
        }

    }

getItemViewType重点

  • 第一次返回true,所以return ADDIMAGE;
@Override
    public int getItemViewType(int position) {
        if (isShowAdd(position)){
            return ADDIMAGE;
        }else {
            return IMAGE;
        }
//        if ("addimg".equals(mList.get(position).getType())){
//            return ADDIMAGE;
//        }else {
//            return IMAGE;
//        }

    }
  • 第一次进入position==0,mList.size()==0,所以position = size;返回true
   private boolean isShowAdd(int position){
        int size = mList.size()==0?0:mList.size();
        System.out.println("position****"+position+"size******"+size);
        return position == size;
    }

onCreateViewHolder

@NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        if (i==ADDIMAGE) {
           return new ViewHolderAdd(LayoutInflater.from(mContext).inflate(R.layout.item_addimg, viewGroup, false));
       }else {
           return new ViewHolder(LayoutInflater.from(mContext).inflate(R.layout.item_img, viewGroup, false));
       }
    }

onBindViewHolder

@Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, final int i) {
        if (viewHolder instanceof ViewHolderAdd){
        //添加点击事件
           ((ViewHolderAdd) viewHolder).iv_addimg.setOnClickListener(new View.OnClickListener() {
               @Override
               public void onClick(View v) {
                   int mIndex =0;
                  
                           ImageModel imageMode0 = new ImageModel();
                           imageMode0.setType("img");
                           imageMode0.setImg(R.mipmap.ic_launcher);
                           imageMode0.setNumber("第几位" + i);
                           mList.add(mIndex, imageMode0)
                   notifyItemInserted(0);//列表position位置添加一条数据时可以调用，伴有动画效果
                   notifyItemRangeChanged(0, mList.size()+1);
//                   if (mList.size()!=5) {
//                       notifyItemInserted(mIndex);
//                       notifyItemRangeChanged(i, mList.size() - i);
//                   }else {
//                       notifyDataSetChanged();
//                   }

               }
           });
        }else {

                Glide.with(mContext).load(mList.get(i).getImg()).into(((ViewHolder)viewHolder).iv_img);
                //删除点击事件
            ((ViewHolder)viewHolder).iv_img.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (mList.size()>i) {
                        mList.remove(i);
                        notifyItemRemoved(i);
                        notifyItemRangeChanged(i, mList.size() - i);
                    }

                }
            });
                ((ViewHolder)viewHolder).tv_item.setText(i+"");
        }
    }

完整代码

public class ImageAdapter extends RecyclerView.Adapter<RecyclerView.ViewHolder> {
    private Context mContext;
    private List<ImageModel> mList;
    private int IMAGE =1;
    private int ADDIMAGE =0;
    private int maxCount = 5;
    private int mType= 0;

    public ImageAdapter(Context context, List<ImageModel> list) {
        mContext = context;
        mList = list;
    }



    @NonNull
    @Override
    public RecyclerView.ViewHolder onCreateViewHolder(@NonNull ViewGroup viewGroup, int i) {
        if (i==ADDIMAGE) {
           return new ViewHolderAdd(LayoutInflater.from(mContext).inflate(R.layout.item_addimg, viewGroup, false));
       }else {
           return new ViewHolder(LayoutInflater.from(mContext).inflate(R.layout.item_img, viewGroup, false));
       }
    }
    @Override
    public void onBindViewHolder(@NonNull RecyclerView.ViewHolder viewHolder, final int i) {
        if (viewHolder instanceof ViewHolderAdd){
           ((ViewHolderAdd) viewHolder).iv_addimg.setOnClickListener(new View.OnClickListener() {
               @Override
               public void onClick(View v) {
                   int mIndex =0;
                   switch (mType){
                       case 0:
                           ImageModel imageMode0 = new ImageModel();
                           imageMode0.setType("img");
                           imageMode0.setImg(R.mipmap.ic_launcher);
                           imageMode0.setNumber("第几位" + i);
                           mList.add(mIndex, imageMode0);
                           mType++;
                           break;
                       case 1:
                           ImageModel imageModel = new ImageModel();
                           imageModel.setType("img");
                           imageModel.setImg(R.mipmap.bg_float1);
                           imageModel.setNumber("第几位" + i);
                           mList.add(mIndex, imageModel);
                           mType++;
                           break;
                       case 2:
                           ImageModel imageMode2 = new ImageModel();
                           imageMode2.setType("img");
                           imageMode2.setImg(R.mipmap.bg_float2);
                           imageMode2.setNumber("第几位" + i);
                           mList.add(mIndex, imageMode2);
                           mType++;
                           break;
                       case 3:
                           ImageModel imageMode3 = new ImageModel();
                           imageMode3.setType("img");
                           imageMode3.setImg(R.mipmap.bg_float3);
                           imageMode3.setNumber("第几位" + i);
                           mList.add(mIndex,imageMode3);
                           mType++;
                           break;
                       case 4:
                           ImageModel imageMode4 = new ImageModel();
                           imageMode4.setType("img");
                           imageMode4.setImg(R.mipmap.ic_launcher_round);
                           imageMode4.setNumber("第几位" + i);
                           mList.add(mIndex,imageMode4);
                           mType=0;
                           break;
                   }
                   notifyItemInserted(0);//列表position位置添加一条数据时可以调用，伴有动画效果
                   notifyItemRangeChanged(0, mList.size()+1);
//                   if (mList.size()!=5) {
//                       notifyItemInserted(mIndex);
//                       notifyItemRangeChanged(i, mList.size() - i);
//                   }else {
//                       notifyDataSetChanged();
//                   }

               }
           });
        }else {

                Glide.with(mContext).load(mList.get(i).getImg()).into(((ViewHolder)viewHolder).iv_img);
            ((ViewHolder)viewHolder).iv_img.setOnClickListener(new View.OnClickListener() {
                @Override
                public void onClick(View v) {
                    if (mList.size()>i) {
                        mList.remove(i);
                        notifyItemRemoved(i);
                        notifyItemRangeChanged(i, mList.size() - i);
                    }

                }
            });
                ((ViewHolder)viewHolder).tv_item.setText(i+"");
        }
    }



    @Override
    public int getItemViewType(int position) {
        if (isShowAdd(position)){
            return ADDIMAGE;
        }else {
            return IMAGE;
        }
//        if ("addimg".equals(mList.get(position).getType())){
//            return ADDIMAGE;
//        }else {
//            return IMAGE;
//        }

    }

    private boolean isShowAdd(int position){
        int size = mList.size()==0?0:mList.size();
        System.out.println("position****"+position+"size******"+size);
        return position == size;
    }
    @Override
    public int getItemCount() {
        System.out.println("position****11111111111");
        if (mList.size()<maxCount){
            return mList.size()+1;
        }else {
            return mList.size();
        }

    }
     class ViewHolder extends RecyclerView.ViewHolder{
         private ImageView iv_img;
         private final TextView tv_item;

         public ViewHolder(@NonNull View itemView) {
             super(itemView);
             iv_img = itemView.findViewById(R.id.iv_img);
             tv_item = itemView.findViewById(R.id.tv_item);
         }

     }
     class  ViewHolderAdd extends RecyclerView.ViewHolder{
        private ImageView iv_addimg;
         public ViewHolderAdd(@NonNull View itemView) {
             super(itemView);
             iv_addimg = itemView.findViewById(R.id.iv_addimg);

         }
     }
}
淡然匆匆
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用RecyclerView选择图片并上传
cherishap的博客
06-09 3468
先看效果图：在项目中如果多处用到需要上传照片，每次都写重复的代码，未免冗余浪费时间，本文通过封装一个fragment，每次用时只需要在xml文件中写name就可以实现。 即：在当前需要上传图片Activity中，布局文件如下（fragment_select_image）：<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:a
RecyclerView的不同position加载不同View实现
热门推荐
Picasso_L的专栏
02-19 1万+
**1.重写RecyclerView.Adapter的getItemViewType(int position),在此方法中根据不同的position，设置不同的ViewType** **2.编写具体的RecyclerView.ViewHolder子类(不同子类对应不同View或Layout)** **3.重写RecyclerView.Adapter的onCreateViewHolder(ViewGroup pare
Android-用RecyclerView实现的上传图片库
08-12
用 RecyclerView 实现的上传图片库 包含点击选择图片、删除图片、上传失败重试功能
Android用RecyclerView实现动态添加本地图片
08-29
本篇文章主要介绍了Android用RecyclerView实现动态添加本地图片，具有一定的参考价值，有兴趣的可以了解一下
活用数据变量轻松运用RecyclerView嵌套制作多列表图片上传
weixin_34192993的博客
05-01 274
最近一段时间公司工作太忙了，而且加上自己比较懒，很少更新知识和文章了。到了年后公司平时很多一起玩的同事都要离职了，心情也不太好，很多小伙伴都要辞职另谋出路，经常面试得到一些不太好安卓行情的信息，让我必须面对现实，慢慢找回学习的状态！ 好了，不瞎扯什么了，接到公司的任务一个图片上传的app需求，所以我又一次踏上了写活用RecyclerView的道路，下面我们先看看效果： GIF的操作有点快，我们下...
RecycleView 实现复杂首页布局
02-27
在本文中，我们将深入探讨如何利用 RecycleView 实现复杂的首页布局，就像你在描述中提到的那样，这种技术也被阿里巴巴的淘宝首页广泛应用。 一、RecycleView 基础 RecycleView 是 Android SDK 中的一个视图组件，...
Android RecycleView添加head配置封装的实例
08-29
// 创建视图持有者，根据视图类型创建不同类型的ViewHolder @Override public RecyclerView.ViewHolder onCreateViewHolder(ViewGroup parent, final int viewType) { if (mHeaderView != null && viewType == ...
recycleview多布局的使用
12-21
以上就是关于“recycleview多布局的使用”的详细解释，涵盖了item高度自适应、处理多个list的显示以及添加点击事件等关键知识点。实际应用中，你可能需要根据具体需求进行调整和优化。记住，理解这些原理并熟练运用...
RecycleView 实现复杂首页布局三种方式
04-25
在`RecycleView`中，可以通过在`Adapter`中添加头尾视图来实现类似`ListView`的头部和底部功能。这在首页设计中很常见，例如用于放置广告、导航栏或者搜索框。 4. **使用`SectionedRecyclerViewAdapter`** 当数据...
RecycleView布局切换
04-14
本示例“RecycleView布局切换”关注的是如何在`RecycleView`中实现布局的动态切换，比如从单列布局转换为双列布局，这在展示不同类型的数据或者根据用户交互改变显示方式时非常有用。 `RecycleView`的基本工作原理...
Android 基于RecyclerView读取、删改图片
07-31
Android 基于RecyclerView读取、删改图片的项目model。 文章地址：http://blog.csdn.net/qq654115417/article/details/76210019
android实现动态加载本地图片,Android用RecyclerView实现动态添加本地图片
weixin_32698563的博客
05-25 1289
本文介绍了Android用RecyclerView实现动态添加本地图片，分享给大家，具体如下：简单介绍一下用法：1、跳转到图片选择页面：Intent intent = new Intent(PassengerSetActivity.this, MultiImageSelectorActivity.class);intent.putExtra(MultiImageSelectorActivity.E...
recyclerview显示服务器图片,Android添加图片到ListView或者RecyclerView显示
weixin_36382556的博客
08-12 529
先上图点击+号就去选择图片实际上这个添加本身就是一个ListView或者 RecyclerView只是布局有些特殊itemxmlns:android="http://schemas.android.com/apk/res/android"android:id="@+id/rootView"android:layout_width="wrap_content"android:layout_heigh...
Android 宫格图控件MultiImageView(RecyclerView适配器中展示不定数量的图片)
shenggaofei的博客
04-12 1217
Android 宫格图控件MultiImageView(RecyclerView适配器中展示不定数量的图片) 最近的github上的996ICU在IT界应该很多人听说了，不知道CSDN上什么是最受大家欢迎的，最重要的是大家开心就好，在北京 杭州 上海 广州等各地的同胞们每天记得给自己一个微笑...... 实现效果如下图： 一.实现逻辑： 1.首先创建图片实体类 public...
RecycleView加入底部loadmore（一）
perfectnihil的博客
09-13 218
首先，是普通的RecycleView用法 Section1 public class MainActivity extends AppCompatActivity { private RecyclerView mRecyclerView; private RecyclerView.Adapter mAdapter; private RecyclerView.Lay
Android仿微信图片上传，相册多选及相关问题
苦逼的程序猿☺
03-23 5464
前言我们在做相册这块内容的时候，会发现调用android相册时，只能返回一张图片，而不是多张，所以需要我们自己重写一个相册，类似微信，微博等发布状态的需求！仿微信图片上传界面一般微信，微博等都是上传9张图片，而且都是九宫格形式展示，可以使用GridView或者GridLayout等实现。下边主要讲一下RecyclerView的实现，借助此来记录一下RecyclerView子Item宽高正方形适配的方
选择图片或拍照并将其利用RecyclerView展示并上传至指定服务器
UFO00001的博客
03-29 1605
直接上代码：请点击Github链接：RecyclerViewUploadPicture 本项目选择图片或拍照并将其利用RecyclerView展示并上传至指定服务器 其中利用到了：自定义Dialog（中间弹出、底部弹出）、 上传文件类、 EditText输入内容的动态监听、 RecyclerView防止复用等 欢迎留言交流，以便更好优化更新，谢谢！
Android recycleview 在多布局使用ItemTouchHelper
最新发布
06-01
可以使用ItemTouchHelper来实现RecycleView多布局的拖拽和滑动删除功能。下面是一个简单的示例代码： 1. 创建ItemTouchHelper.Callback ``` public class MyItemTouchHelperCallback extends ItemTouchHelper....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值