使用RecyclerView实现抽奖

使用RecyclerView实现抽奖

        

        看到这福抽奖图片，大家可以考虑下如何实现？自定义控件，自己绘制？在这里我们我们有更简单的方法，使用3个RecyclerView进行实现。为了实现抽奖，我们会遇到如下2个问题。源码：https://github.com/zhao007z4/jackpot

        1、如何控制3个RecyclerView的速度，使得他们在不同的时间停止？

        2、如何控制每列值显示，显示的项目个数？

        3、从服务器拉取到结果后，如果让RecyclerView，滚动到指定的项目？

        带着以上问题，我们来一一实现

一、如何控制3个RecyclerView的速度，使得他们在不同的时间停止？

    RecyclerView，自带神器，可以通过自定义LinearLayoutManager实现对滚动速度的控制。代码如下

   

1. public class FastScrollLinearLayoutManager extends LinearLayoutManager {
2. public FastScrollLinearLayoutManager(Context context) {
3. super(context);
4. }
6. @Override
7. public void smoothScrollToPosition(RecyclerView recyclerView, RecyclerView.State state, int position) {
8. LinearSmoothScroller linearSmoothScroller = new LinearSmoothScroller(recyclerView.getContext()) {
10. @Override
11. public PointF computeScrollVectorForPosition(int targetPosition) {
12. return FastScrollLinearLayoutManager.this.computeScrollVectorForPosition(targetPosition);
13. }
15. //该方法控制速度。
16. //if returned value is 2 ms, it means scrolling 1000 pixels with LinearInterpolation should take 2 seconds.
17. @Override
18. protected float calculateSpeedPerPixel(DisplayMetrics displayMetrics) {
19. /*
20. 控制单位速度, 毫秒/像素, 滑动1像素需要多少毫秒.
22. 默认为 (25F/densityDpi) 毫秒/像素
24. mdpi上, 1英寸有160个像素点, 25/160,
25. xxhdpi,1英寸有480个像素点, 25/480,
26. */
28. //return 10F / displayMetrics.densityDpi;//可以减少时间，默认25F
29. return super.calculateSpeedPerPixel(displayMetrics);
30. }
32. //该方法计算滑动所需时间。在此处间接控制速度。
33. //Calculates the time it should take to scroll the given distance (in pixels)
34. @Override
35. protected int calculateTimeForScrolling(int dx) {
36. /*
37. 控制距离, 然后根据上面那个方(calculateSpeedPerPixel())提供的速度算出时间,
39. 默认一次 滚动 TARGET_SEEK_SCROLL_DISTANCE_PX = 10000个像素,
41. 在此处可以减少该值来达到减少滚动时间的目的.
42. */
44. //间接计算时提高速度，也可以直接在calculateSpeedPerPixel提高
45. if (dx > 3000) {
46. dx = 3000;
47. }
49. int time = super.calculateTimeForScrolling(dx);
50. LogUtil.d(time);//打印时间看下
52. return time;
53. }
54. };
56. linearSmoothScroller.setTargetPosition(position);
57. startSmoothScroll(linearSmoothScroller);
58. }
59. }

二、如何控制每列中，显示的项目个数

    通过之定义ImageView,在onMeasure中控制每个项目大小。每个项目的大小，可以通过RecyclerView高度所占比例/3进行计算，以下代码以背景图1080X1920为基准，RecyclerView高度占比630    

@Override

1. protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec)
2. {
3. super.onMeasure(widthMeasureSpec, heightMeasureSpec);
4. DisplayMetrics dm = getResources().getDisplayMetrics();
6. int iWidth = (dm.heightPixels*630)/(1920*3);
7. int iNewWidth = dm.widthPixels*254/1080;
9. iWidth = iWidth>iNewWidth?iNewWidth:iWidth;
11. setMeasuredDimension(iWidth, iWidth);
12. }

 三、从服务器拉取到结果后，如果让RecyclerView，滚动到指定的项目？

        当开始转动时，我们不知道应用到底需要转动到那个项，这个时候我们设置指定项为MAX_VAULE，

让其一直循环转动。

    recycler1.smoothScrollToPosition(Integer.MAX_VALUE);
    recycler2.smoothScrollToPosition(Integer.MAX_VALUE);
    recycler3.smoothScrollToPosition(Integer.MAX_VALUE);

   当应用获取到服务器给的抽奖结果时，根据抽奖结果，可以计算出每个Recycler应该停止的项目。有了停止项，在获取

每个Recycler的当前项。最后计算出还需要滚动的项，代码如下

1. private void dealSpinAndWin(JackpotResult winRetInfo)
2. {
3. int iCount = JackpotAdapter.getProductCount();
4. int pos1 = scrollSpeedLinearLayoutManger[0].findFirstVisibleItemPosition();
5. int pos2 = scrollSpeedLinearLayoutManger[1].findFirstVisibleItemPosition();
6. int pos3 = scrollSpeedLinearLayoutManger[2].findFirstVisibleItemPosition();
8. if(pos2<iCount)
9. {
10. handler.sendEmptyMessageDelayed(MSG_CODE_WIN,500);
11. return;
12. }
14. int index = 0;
15. if(winRetInfo==null)
16. {
17. bSucc = false;
18. index = Rnd(0,iCount);
19. }
20. else
21. {
22. bSucc = true;
23. index = getIndex(winRetInfo);
24. }
26. int newpos1 = scrollSpeedLinearLayoutManger[0].findFirstVisibleItemPosition() % iCount;
27. int newpos2 = scrollSpeedLinearLayoutManger[1].findFirstVisibleItemPosition() % iCount;
28. int newpos3 = scrollSpeedLinearLayoutManger[2].findFirstVisibleItemPosition() % iCount;
30. if (newpos1 > index) {
31. newpos1 = pos1 - (newpos1 - index);
32. } else {
33. newpos1 = pos1 - (iCount + (newpos1 - index));
34. }
36. if (newpos3 > index) {
37. newpos3 = pos3 - (newpos3 - index);
38. } else {
39. newpos3 = pos3 - (iCount + (newpos3 - index));
40. }
42. if (bSucc) {
43. if (newpos2 > index) {
44. newpos2 = pos2 - (newpos2 - index);
45. } else {
46. newpos2 = pos2 - (iCount + (newpos2 - index));
47. }
49. } else {
51. if (newpos2 > index) {
52. newpos2 = pos2 - (newpos2 - index) - 1;
53. } else {
54. newpos2 = pos2 - (iCount + (newpos2 - index)) + 1;
55. }
56. }
57. recycler1.smoothScrollToPosition(newpos1 - 1);
58. recycler2.smoothScrollToPosition(newpos2 - 1);
59. recycler3.smoothScrollToPosition(newpos3 - 1);
60. }

    看完之后，大家应该基本了解了，如果做抽奖了。这里不多说了。如果大家敢兴趣，可以下载源码试试：

https://github.com/zhao007z4/jackpot

    最后，还要唠叨下如果需要适配android4.4，RecylerView最好自定义固定大小，这样可以避免在android4.4中重复计算子项，导致死机。