Andriod 自定义 RecyclerView 打造超强 Gallery效果 横向ListView 完整实例源码
大家好,一个RecyclerView 横向滑动的效果是不是值得借鉴呢,下面我们来看看我做的效果:
(记得导入RecyclerView的包哦 导包步骤: 点击打开链接)
下面是需求的效果图:
因为需要做一个天气的界面效果,所以之前没有经验的我不得不搜索资料来实现,下面我们来看看代码吧:
1.Activity
public class MainActivity extends AppCompatActivity implements RecyAdapter.OnItemClickListener {
private String TAG="HorizontalActivity";
private Integer[] mImgIds = {R.mipmap.weather, R.mipmap.ic_launcher, R.mipmap.weather, R.mipmap.ic_launcher, R.mipmap.weather,
R.mipmap.weather, R.mipmap.ic_launcher_round, R.mipmap.ic_launcher, R.mipmap.weather, R.mipmap.ic_launcher_round, R.mipmap.weather};
private List<Integer> datas;
private RecyAdapter recyAdapter;
private Handler mHandler=new Handler();
private LinearLayoutManager layoutManager;
private int oldItem=0;
private RecyclerView recyclerview;
private ImageView img;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
img = (ImageView) findViewById(R.id.img);
recyclerview = (RecyclerView) findViewById(R.id.recyclerview);
initData();
initRecy();
img.setImageResource(datas.get(0));
recyAdapter.setOnItemClickListener(this);
}
private void initRecy() {
recyAdapter=new RecyAdapter(this,datas);
layoutManager = new LinearLayoutManager(this);
layoutManager.setOrientation(LinearLayoutManager.HORIZONTAL);
recyclerview.setLayoutManager(layoutManager);
recyclerview.setAdapter(recyAdapter);
}
private void initData() {
datas=new ArrayList<>();
for (int i = 0; i <mImgIds.length ; i++) {
datas.add(mImgIds[i]);
}
}
// Runnable scrollRunnable=new Runnable() {
// @Override
// public void run() {
// recyclerview.scrollBy(3,0);
//
int firstItem = layoutManager.findFirstVisibleItemPosition();
// int firstItem=layoutManager.findFirstVisibleItemPosition();
// if(firstItem!=oldItem&&firstItem>0){
// oldItem=firstItem;
// img.setImageResource(datas.get(oldItem%datas.size()));
// }
//
// Log.e(TAG, "run: firstItem:"+firstItem );
//
//
// mHandler.postDelayed(scrollRunnable,10);
// }
// };
@Override
public void onPointerCaptureChanged(boolean hasCapture) {
}
@Override
protected void onResume() {
super.onResume();
// mHandler.postDelayed(scrollRunnable,10);
}
@Override
protected void onStop() {
super.onStop();
// mHandler.removeCallbacks(scrollRunnable);
}
@Override
public void onItemClick(View view, int tag) {
// img.setImageResource(datas.get(tag));//设置图片
Toast.makeText(this,"第"+tag+"张图片被点击了",Toast.LENGTH_SHORT).show();
}
}
2.RecyAdapter
public class RecyAdapter extends RecyclerView.Adapter<RecyAdapter.ViewHolder> implements View.OnClickListener {
private Context context;
private List<Integer> datas;
private OnItemClickListener onItemClickListener;
public RecyAdapter(Context context, List<Integer> datas) {
this.context = context;
this.datas = datas;
}
@Override
public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
View view = LayoutInflater.from(context).inflate(R.layout.item_horizontal, parent, false);
ViewHolder vh=new ViewHolder(view);
view.setOnClickListener(this);
return vh;
}
@Override
public void onBindViewHolder(ViewHolder holder, int position) {
int newPos=position%datas.size();
holder.img.setImageResource(datas.get(newPos));
holder.itemView.setTag(position);
}
@Override
public int getItemCount() {
return datas.size();
}//Integer.MAX_VALUE
@Override
public void onClick(View view) {
if(onItemClickListener!=null){
onItemClickListener.onItemClick(view, (Integer) view.getTag());
}
}
class ViewHolder extends RecyclerView.ViewHolder {
ImageView img;
public ViewHolder(View itemView) {
super(itemView);
img=itemView.findViewById(R.id.img);
}
}
public void setOnItemClickListener(OnItemClickListener listener){
this.onItemClickListener=listener;
}
interface OnItemClickListener{
void onItemClick(View view,int tag);
}
}
3.activity_main.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">
<ImageView
android:layout_width="300dp"
android:layout_height="350dp"
android:layout_gravity="center_horizontal"
android:id="@+id/img"
android:src="@mipmap/ic_launcher"
android:scaleType="fitXY"
/>
<android.support.v7.widget.RecyclerView
android:layout_width="match_parent"
android:layout_height="150dp"
android:layout_marginTop="10dp"
android:id="@+id/recyclerview"
></android.support.v7.widget.RecyclerView>
</LinearLayout>
4.item_horizontal.xml
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="32dp"
android:layout_marginLeft="20dp"
android:layout_marginRight="20dp"
android:layout_height="match_parent"
android:orientation="vertical"
>
<TextView
android:layout_width="match_parent"
android:text="现在"
android:layout_marginTop="20dp"
android:gravity="center"
android:layout_height="wrap_content" />
<ImageView
android:layout_width="25dp"
android:layout_height="25dp"
android:id="@+id/img"
android:layout_marginTop="20dp"
android:layout_marginLeft="5dp"
android:layout_marginRight="5dp"
android:scaleType="fitXY"
/>
<TextView
android:layout_width="match_parent"
android:text="15º"
android:layout_marginTop="20dp"
android:gravity="center"
android:layout_height="wrap_content" />
</LinearLayout>
对,就是这么简单,你值得拥有+ 上Demo: 点击下载源码 点击下载源码2