之前写了个RecyclerView的使用方法与如何设置点击监听，后来群里有个人问我如何在点击item的时候为item添加图片，并在点击其他item的时候，新的item里添加图片，之前的item里的图片消失。听起来很简单，但实际。。。
网上找了点例子看了下，都不太满意，而且写的比较繁琐，还是自己动手吧。。。
点击后给item添加图片，这个简单，但是点击下一个item的时候如何让上一个item还原呢？其实这个也还不算难，关键是如何解决上下滑动的图片混乱问题。。。
折腾了一个上午才做好。。。下面上源码：
主布局：左边是个竖直方向列表，右边是个3排的瀑布流
<?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="horizontal">
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"
/>
<android.support.v7.widget.RecyclerView
android:id="@+id/recyclerView2"
android:layout_width="0dp"
android:layout_weight="1"
android:layout_height="match_parent"/>
</LinearLayout>item：
<?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">
<TextView
android:id="@+id/tv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:drawableTop="@android:drawable/btn_star_big_on"
android:text="1111111" />
<ImageView
android:id="@+id/p_w_picpathView"
android:visibility="gone"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@drawable/ok"/>
</LinearLayout>MainActivity：
public class MainActivity extends AppCompatActivity {
private RecyclerView recyclerView;
private RecyclerView recyclerView2;
private MyAdapter adapter;
private String[] ibsValue = {"直播1111111111", "番剧111111111111", "动画1111111111111111111111111111111111111111111", "音乐", "舞蹈", "游戏", "科技",
"娱乐111111111111111", "鬼畜111111111111111", "电影1111111111", "电视剧1111111", "游戏中心11111111111","直播1111111111", "番剧111111111111", "动画1111111111111111111111111111111111111111111", "音乐", "舞蹈", "游戏", "科技",
"娱乐111111111111111", "鬼畜111111111111111", "电影1111111111", "电视剧1111111", "游戏中心11111111111","直播1111111111", "番剧111111111111", "动画1111111111111111111111111111111111111111111", "音乐", "舞蹈", "游戏", "科技",
"娱乐111111111111111", "鬼畜111111111111111", "电影1111111111", "电视剧1111111", "游戏中心11111111111","直播1111111111", "番剧111111111111", "动画1111111111111111111111111111111111111111111", "音乐", "舞蹈", "游戏", "科技",
"娱乐111111111111111", "鬼畜111111111111111", "电影1111111111", "电视剧1111111", "游戏中心11111111111","直播1111111111", "番剧111111111111", "动画1111111111111111111111111111111111111111111", "音乐", "舞蹈", "游戏", "科技",
"娱乐111111111111111", "鬼畜111111111111111", "电影1111111111", "电视剧1111111", "游戏中心11111111111","直播1111111111", "番剧111111111111", "动画1111111111111111111111111111111111111111111", "音乐", "舞蹈", "游戏", "科技",
"娱乐111111111111111", "鬼畜111111111111111", "电影1111111111", "电视剧1111111", "游戏中心11111111111","直播1111111111", "番剧111111111111", "动画1111111111111111111111111111111111111111111", "音乐", "舞蹈", "游戏", "科技",
"娱乐111111111111111", "鬼畜111111111111111", "电影1111111111", "电视剧1111111", "游戏中心11111111111","直播1111111111", "番剧111111111111", "动画1111111111111111111111111111111111111111111", "音乐", "舞蹈", "游戏", "科技",
"娱乐111111111111111", "鬼畜111111111111111", "电影1111111111", "电视剧1111111", "游戏中心11111111111"};
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
recyclerView = (RecyclerView) findViewById(R.id.recyclerView);
recyclerView2= (RecyclerView) findViewById(R.id.recyclerView2);
/**
* 设置固定尺寸
*/
recyclerView.setHasFixedSize(false);
recyclerView2.setHasFixedSize(false);
/**
* 想用线性布局就用这个
*/
LinearLayoutManager linearLayoutManager=new LinearLayoutManager(this);
/**
* 如果用线行布局的话，可以设置垂直/横向
*/
// linearLayoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
/**
* 想用网格布局就用这个
*/
//GridLayoutManager gridLayoutManager=new GridLayoutManager(this,2);
/**
* 想用瀑布流布局就用这个
*/
//StaggeredGridLayoutManager staggeredGridLayoutManager = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
StaggeredGridLayoutManager staggeredGridLayoutManager1 = new StaggeredGridLayoutManager(3, StaggeredGridLayoutManager.VERTICAL);
/**
* 在这里选择排列布局（用哪个就放进来就行了）
*/
recyclerView.setLayoutManager(linearLayoutManager);
recyclerView2.setLayoutManager(staggeredGridLayoutManager1);
/**
* 设置适配器
*/
adapter = new MyAdapter(ibsValue);
recyclerView.setAdapter(adapter);
recyclerView2.setAdapter(new MyAdapter(ibsValue));
}
}Adapter：
public class MyAdapter extends RecyclerView.Adapter<MyAdapter.ViewHolder> implements View.OnClickListener{
public List<ViewHolder> listViewHolder= new ArrayList<ViewHolder>();
/**
* 这里创建一个数组，准备接收传过来的数据
*/
public String[] datas;
/**
* 这里调用在创建MyAdapter实例的时候，可以将数据传过来
* @param mdatas
*/
public MyAdapter(String[] mdatas){
datas=mdatas;
}
/**
* 这里加载加载Item，并且创建ViewHolder对象，把加载的Item（View）传给viewholder
* @param parent
* @param viewType
* @return
*/
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
//这里加载item
View view=LayoutInflater.from(parent.getContext()).inflate(R.layout.item,parent,false);
//这里创建ViewHolder，并把view传过去，与viewholder绑定
ViewHolder viewHolder=new ViewHolder(view,parent.getContext());
//这里设置item的点击监听
view.setOnClickListener(this);
//这里设置标签
view.setTag(viewHolder);
return viewHolder;
}
/**
* 这里给item中的子View绑定数据
* @param holder
* @param position
*/
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
//这里是item复用时候，让如果下标与上一次被点击的那个item的下标一致，就显示，否则就隐藏，避免图标错乱
if(position==pos){
holder.mImageView.setVisibility(View.VISIBLE);
//这里必须调用下这个点击方法，否则会出现一个图片可出现2个的bug
onClick((View) holder.mImageView.getParent());
}else{
holder.mImageView.setVisibility(View.GONE);
}
//以下根据自己需要情况进行设置
holder.mTextView.setTextSize(10);
holder.mTextView.setText(datas[position]);
}
/**
* 这里返回item数量
* @return
*/
@Override
public int getItemCount() {
return datas.length;
}
//这里是初始化位置，设置-1就是说开始不显示，比如想开始显示在position为2的位置，就设置2就行了
int pos=-1;
/**
* 点击监听
* @param v
*/
@Override
public void onClick(View v) {
//每次点击item，都先把之前被点击的item进行初始化（还原）
for(int i=0;i<listViewHolder.size();i++){
listViewHolder.get(i).mImageView.setVisibility(View.GONE);
}
//把item的标签取出
ViewHolder viewHolder= (ViewHolder) v.getTag();
//设置被点击的item显示图标
viewHolder.mImageView.setVisibility(View.VISIBLE);
//通过viewHolder获取当前item的下标，并赋值给成员变量
pos = viewHolder.getAdapterPosition();
//清理集合
listViewHolder.clear();
//添加被点击的item到集合，这是个标识，为了下次点击的时候清理图标用。
listViewHolder.add(viewHolder);
}
/**
* ViewHolder类，注意要继承RecyclerView.ViewHolder
*/
public static class ViewHolder extends RecyclerView.ViewHolder {
public TextView mTextView;
public ImageView mImageView;
public Context context;
public ViewHolder(View itemView,Context context) {
super(itemView);
mTextView= (TextView) itemView.findViewById(R.id.tv);
mImageView= (ImageView) itemView.findViewById(R.id.p_w_picpathView);
this.context=context;
}
}
}运行效果：
上面写了注释，在已知的方法里，我觉得算非常简洁明了了。
有什么意见可以给我留言，互相交流，共同进步！
转载于:https://blog.51cto.com/liuxudong1001/1721661
扫一扫
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
