最近需要实现抽奖功能,就需要把中奖的信息,以垂直循环滚动的形式向用户进行展示,这篇主要是使用RecyclerView实现垂直滚动效果,九宫格抽奖功能会在后期写,那现在就来看看实现的过程吧。
实现步骤: 1.效果图展示 2.自定义实现滚动效果RecyclerView 3.适配器Adapter实现 4.适配器布局文件 5.主程序调用过程 6.主布局文件 7.总结
实现过程: 1.效果图展示
2.自定义实现滚动效果RecyclerView
public class AutoPollRecyclerView extends RecyclerView { private static final long TIME_AUTO_POLL = 16; AutoPollTask autoPollTask; private boolean running; //标示是否正在自动轮询 private boolean canRun;//标示是否可以自动轮询,可在不需要的是否置false public AutoPollRecyclerView(Context context, @Nullable AttributeSet attrs) { super(context, attrs); autoPollTask = new AutoPollTask(this); } static class AutoPollTask implements Runnable { private final WeakReference<AutoPollRecyclerView> mReference; //使用弱引用持有外部类引用->防止内存泄漏 public AutoPollTask(AutoPollRecyclerView reference) { this.mReference = new WeakReference<AutoPollRecyclerView>(reference); } @Override public void run() { AutoPollRecyclerView recyclerView = mReference.get(); if (recyclerView != null && recyclerView.running && recyclerView.canRun) { recyclerView.scrollBy(2, 2); recyclerView.postDelayed(recyclerView.autoPollTask, recyclerView.TIME_AUTO_POLL); } } } //开启:如果正在运行,先停止->再开启 public void start() { if (running) stop(); canRun = true; running = true; postDelayed(autoPollTask, TIME_AUTO_POLL); } public void stop() { running = false; removeCallbacks(autoPollTask); } @Override public boolean onTouchEvent(MotionEvent e) { switch (e.getAction()) { case MotionEvent.ACTION_DOWN: if (running) stop(); break; case MotionEvent.ACTION_UP: case MotionEvent.ACTION_CANCEL: case MotionEvent.ACTION_OUTSIDE: if (canRun) start(); break; } //return false,注释掉onTouchEvent()方法里面的stop和start方法,则列表自动滚动且不可触摸 return super.onTouchEvent(e);} }3.适配器Adapter实现
public class AutoPollAdapter extends RecyclerView.Adapter<AutoPollAdapter.BaseViewHolder> { private final Context mContext; private final List<AutoScrollLuckyListReq.DatasBean> mData; public AutoPollAdapter(Context context, List<AutoScrollLuckyListReq.DatasBean> list) { this.mContext = context; this.mData = list; } @Override public BaseViewHolder onCreateViewHolder(ViewGroup parent, int viewType) { View view = LayoutInflater.from(mContext).inflate(R.layout.auto_list_item, parent, false); BaseViewHolder holder = new BaseViewHolder(view); return holder; } @Override public void onBindViewHolder(BaseViewHolder holder, int position) { AutoScrollLuckyListReq.DatasBean datasBean = mData.get(position % mData.size()); holder.content.setText(datasBean.getPhone() + " 获得 " + datasBean.getGiftName()); } @Override public int getItemCount() { return Integer.MAX_VALUE; } class BaseViewHolder extends RecyclerView.ViewHolder { TextView content; public BaseViewHolder(View itemView) { super(itemView); content = itemView.findViewById(R.id.content); } } }4.适配器布局文件
<?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="wrap_content" android:background="#fffcf5" android:orientation="vertical"> <TextView android:id="@+id/content" android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="135xxxx8888 获得 8积分" android:layout_marginTop="8dp" android:layout_marginBottom="8dp" android:textColor="#797762" android:textSize="14dp" /> <View android:layout_width="match_parent" android:layout_height="1dp" android:background="#797762"/> </LinearLayout>5.主程序调用过程
public class MainActivity extends AppCompatActivity { private AutoPollRecyclerView recyclerView; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); initView(); initData(); initListener(); } private void initView() { recyclerView = findViewById(R.id.recyclerview); recyclerView.setLayoutManager(new LinearLayoutManager(this, LinearLayoutManager.VERTICAL, false));//设置LinearLayoutManager.HORIZONTAL 则水平滚动 } private void initData() { String reponse = "{\n" + " \"datas\": [\n" + " {\n" + " \"giftName\": \"20个积分\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"20个积分\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"满10减1元\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"20个积分\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"20个积分\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"满10减1元\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"20个积分\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"满10减1元\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"满10减1元\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"三花便签(20枚)\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"三花便签(20枚)\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"满10减1元\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"20个积分\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"满10减1元\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"20个积分\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"三花便签(20枚)\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"三花便签(20枚)\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"满10减1元\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"20个积分\",\n" + " \"phone\": \"****\"\n" + " },\n" + " {\n" + " \"giftName\": \"20个积分\",\n" + " \"phone\": \"****\"\n" + " }\n" + " ],\n" + " \"msg\": \"success\",\n" + " \"ret\": 0\n" + "}"; AutoScrollLuckyListReq autoScrollLuckyListReq = new Gson().fromJson(reponse, AutoScrollLuckyListReq.class); //0为请求成功 if (autoScrollLuckyListReq.getRet() == 0) { AutoPollAdapter autoPollAdapter = new AutoPollAdapter(getApplicationContext(), autoScrollLuckyListReq.getDatas()); recyclerView.setAdapter(autoPollAdapter); //启动滚动 recyclerView.start(); } } private void initListener() { } }6.主布局文件
<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".MainActivity"> <LinearLayout android:layout_width="match_parent" android:layout_height="150dp" android:layout_marginLeft="15dp" android:layout_marginTop="15dp" android:layout_centerInParent="true" android:layout_marginRight="15dp" android:background="@drawable/luckyer_bg"> <RelativeLayout android:layout_width="40dp" android:layout_height="wrap_content" android:layout_marginLeft="23dp" android:layout_marginTop="1dp" android:layout_marginBottom="1dp" android:background="#fff6ea"> <ImageView android:layout_width="wrap_content" android:layout_height="match_parent" android:layout_centerInParent="true" android:padding="10dp" android:src="@drawable/zhongjiangzhemingdan" /> </RelativeLayout> <com.showly.autopollrecyclerviewdemo.view.AutoPollRecyclerView android:id="@+id/recyclerview" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="20dp" /> </LinearLayout> </RelativeLayout>7.总结
类似中奖信息自动滚动效果到这里就实现了,实现过程还是相对比较简单的,重点在于自定义RecyclerView的实现处理。
需要Demo源码的童鞋可以在底部公众号回复:“自动滚动效果” 即可获取
小编整理了一份Android电子书籍,需要的童鞋关注底部公众号(longxuanzhigu)回复:“e_books” 即可获取哦!
以下是个人公众号(longxuanzhigu),之后发布的文章会同步到该公众号,方便交流学习Android知识及分享个人爱好文章: