仿小米运动计步统计让我们一起动起来

2017-03-22 本文已影响350人 ftc300_carl

本文属于装糊涂的猪原创，转载请注明出处作者
文中的Demo地址位于：https://github.com/ftc300

一直觉得小米的东西很不错，话不多说，先上小米运动计步统计效果图：

xmyd.gif

一、风火轮

轮子的重要性不言而喻，这里有封装的一个横向选中的控件：
源码地址：https://github.com/FamliarMan/AutoLocateHorizontalView
友情参考：http://www.jianshu.com/p/640086491d1c

二、三头六臂

光有轮子哪吒也不行，我们还是需要再修改下源码，在滚动监听的基础上，添加了点击item，将item居中的方法：

  private void moveItemToCenter(View itemView)
        {
            DisplayMetrics dm = context.getResources().getDisplayMetrics();
            int screenWidth = dm.widthPixels;
            int[] locations = new int[2];
            itemView.getLocationInWindow(locations);
            int rbWidth = itemView.getWidth();
            smoothScrollBy((locations[0] + rbWidth / 2 - screenWidth / 2),0);
        }

        @Override
        public ViewHolder onCreateViewHolder(ViewGroup parent, int viewType) {
            if (viewType == HEADER_FOOTER_TYPE) {
                View view = new View(context);
                headerFooterWidth = parent.getMeasuredWidth() / 2 - (parent.getMeasuredWidth() / itemCount) / 2;
                RecyclerView.LayoutParams params = new LayoutParams(headerFooterWidth, ViewGroup.LayoutParams.MATCH_PARENT);
                view.setLayoutParams(params);
                return new HeaderFooterViewHolder(view);
            }
            ViewHolder holder = adapter.onCreateViewHolder(parent, viewType);
            itemView = ((IAutoLocateHorizontalView) adapter).getItemView();
            int width = parent.getMeasuredWidth() / itemCount;
            ViewGroup.LayoutParams params = itemView.getLayoutParams();
            if (params != null) {
                params.width = width;
                itemWidth = width;
                itemView.setLayoutParams(params);
            }
            itemView.setOnClickListener(new OnClickListener() {
                @Override
                public void onClick(View view) {
                    moveItemToCenter(view);
                }
            });
            return holder;
        }

上个效果图：