Android 图片侧滑展示RecyclerView简单实用

直接步入正题了


     Layout下的xml如下(按照自己需要的再自行调整):

Android 图片侧滑展示RecyclerView简单实用_第1张图片
Layout的xml

  不喜欢图片的往下看(按照自己需要的再自行调整),下面:

android:id="@+id/pic_recycler"

android:layout_width="wrap_content"

android:layout_gravity="center_horizontal"

android:layout_height="130dp"

android:layout_marginLeft="50dp"

android:layout_marginRight="50dp"

android:layout_marginTop="20dp"

android:orientation="horizontal"

android:scrollbars="none">


我是在Fragment中实现的,不过activity中也是一样的使用方式


绑定id


Android 图片侧滑展示RecyclerView简单实用_第2张图片
水平

添加图片


Android 图片侧滑展示RecyclerView简单实用_第3张图片
此处添加图片方式不要模仿

图片也给,方便测试,移目至最下方;


添加适配器

下面是适配器

public class RecyAdapter extends RecyclerView.Adapter {

privateListlist;

publicRecyAdapter(List list) {

this.list= list;

}

@Override

publicViewHolder onCreateViewHolder(ViewGroup parent,intviewType) {

View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.recy_item, parent,false);

finalViewHolder holder =newViewHolder(view);

holder.img= (ImageView)view.findViewById(R.id.img_recy);

returnholder;

}

@Override

public voidonBindViewHolder(ViewHolder holder,intposition) {

holder.img.setBackgroundResource(list.get(position));

}

@Override

public intgetItemCount() {

returnlist.size();

}

public classViewHolderextendsRecyclerView.ViewHolder{

ImageViewimg;

publicViewHolder(View itemView) {

super(itemView);

}

}

}

适配器中引用的xml如下(复制不上来,抄一遍上来):

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="150dp"

android:layout_height="130dp"/>


android:id="@+id/img_recy"

android:layout_width="130dp"

android:layout_height="130dp"

android:layout_centerVertical="true"

android:layout_centerHorizontal="true"/>


运行结果如下:


Android 图片侧滑展示RecyclerView简单实用_第4张图片


Android 图片侧滑展示RecyclerView简单实用_第5张图片

引用的图片

Android 图片侧滑展示RecyclerView简单实用_第6张图片
pic_1
Android 图片侧滑展示RecyclerView简单实用_第7张图片
pic_2
Android 图片侧滑展示RecyclerView简单实用_第8张图片
pic_3
Android 图片侧滑展示RecyclerView简单实用_第9张图片
pic_4
Android 图片侧滑展示RecyclerView简单实用_第10张图片
pic_5
Android 图片侧滑展示RecyclerView简单实用_第11张图片
pic_6
Android 图片侧滑展示RecyclerView简单实用_第12张图片
pic_7


本人小白,勿喷!

还请多多指教。

你可能感兴趣的:(Android 图片侧滑展示RecyclerView简单实用)