发布于 2017-09-14 13:06:49 | 227 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的精品教程,程序狗速度看过来!

Android移动端操作系统

Android是一种基于Linux的自由及开放源代码的操作系统,主要使用于移动设备,如智能手机和平板电脑,由Google公司和开放手机联盟领导及开发。尚未有统一中文名称,中国大陆地区较多人使用“安卓”或“安致”。


这篇文章主要为大家详细介绍了Android使用Recyclerview实现图片水平自动循环滚动效果,实现精彩的跑马灯效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

简介:

本篇博客主要介绍的是如何使用RecyclerView实现图片水平方向自动循环(跑马灯效果)

效果图:   

思路:

1.准备m张图片

1.使用Recyclerview实现,返回无数个(实际Interge.MAXVALUE)item,第n个item显示第n%m张图片

3.使用recyclerview.scrollBy  每个一段时间水平滚动一段距离

4.通过layoutManager.findFirstVisibleItemPosition()获取当前显示的第一个View是第几个item,上面的ImageView显示对应de图片

实现代码:

XML文件

1.activity布局文件activity_recy.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="@drawable/p5"
    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>

2.适配器布局item_horizon.xml  


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="match_parent"
  android:orientation="vertical"

  >
  <ImageView
    android:layout_width="100dp"
    android:layout_height="match_parent"
    android:id="@+id/img"
    android:layout_marginLeft="5dp"
    android:layout_marginRight="5dp"
    android:scaleType="fitXY"
    />

</LinearLayout>

Activity  


public class HorizontalActivity extends AppCompatActivity implements RecyAdapter.OnItemClickListener {
  private String TAG="HorizontalActivity";

  @BindView(R.id.img)
  ImageView img;
  @BindView(R.id.recyclerview)
  RecyclerView recyclerview;


  private Integer[] mImgIds = {R.drawable.p1, R.drawable.p2, R.drawable.p3, R.drawable.p4, R.drawable.p5,
      R.drawable.pic1, R.drawable.pic5, R.drawable.pic6};
  private List<Integer> datas;
  private RecyAdapter recyAdapter;
  private Handler mHandler=new Handler();
  private LinearLayoutManager layoutManager;

  private int oldItem=0;


  @Override
  protected void onCreate(@Nullable Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_recy);
    ButterKnife.bind(this);
    initData();
    initRecy();
    img.setImageResource(datas.get(0));
    recyAdapter.setOnItemClickListener(this);
  }


  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);
    }
  };

  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]);
    }
  }

  @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) {
    Toast.makeText(this,"第"+tag+"张图片被点击了",Toast.LENGTH_SHORT).show();
  }
}

适配器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 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);
  }

}

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持PHPERZ。



最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务