为了账号安全,请及时绑定邮箱和手机立即绑定

百行代码实现Android WheelView

标签:
Android

先说下实现思路,这里,我打算使用ListView来实现。
第一步:无限滑动,这个比较简单,类似于Banner图的无限滑动原理,在Adapter中处理一下count即可,代码如下

// 为Count设置一个较大的值
@Override
public int getCount() {
    return Integer.MAX_VALUE;
}
// 在getView中,在根据position取值的时候,根据数据源的大小进行取余操作
int newpos = position;
if (position >= listDatas.size()) {
    newpos = position % listDatas.size();
}

通过以上两步操作,就简单实现的ListView的无限滑动
第二步:获取焦点Item
第二部稍微麻烦一点,我们需要定位ListView中间的Item,并改变中间这个Item的样式,使它和其他的Item有所区别,这里我们首先为ListView添加一个OnScrollListener,实现onScroll方法,先看下方法体

public void onScroll(AbsListView view, int firstVisibleItem,int visibleItemCount, int totalItemCount)

firstVisibleItem:listView中第一个显示的View的位置
visibleItemCount:listView中可见的Item的个数
totalItemCount:listVIew中Item的总个数
我们可以直接使用 firstVisibleItem+visibleItemCount/2 即可获得中间Item的Position,这就让问题变的简单了,我只需要把获取到的中间Position传递到Adapter,然后重绘一次即可,最后再添加一个回调接口把Item的Content传递到外部即可。

@Override
    public void onScroll(AbsListView view, int firstVisibleItem,
            int visibleItemCount, int totalItemCount) {
        mMiddlePosition = firstVisibleItem + visibleItemCount / 2;
        // lastPosition 为了防止同一重复回调
        if (mAdapter != null && mMiddlePosition != lastPosition) {
            mAdapter.setMiddlePos(mMiddlePosition);
            mAdapter.notifyDataSetChanged();
            listener.onItemSelect(mAdapter.getItem(mMiddlePosition));
        }
        lastPosition = mMiddlePosition;
    }

每当我们Item位置发生改变,重新获取到新的中间Item的Position的位置,把这个值传递给Adapter,然后调用一下notifyDataSetChanged重绘即可。

adapter中代码

@Override
    public View getView(int position, View convertView, ViewGroup parent) {
        TextView tv = new TextView(mContext);
        tv.setPadding(0, 10, 0, 10);
        int newpos = position;
        if (position >= listDatas.size()) {
            newpos = position % listDatas.size();
        }
        if (newpos == (mMiddlePosition) % listDatas.size()) {
            tv.setTextColor(Color.RED);
        }
        tv.setText(listDatas.get(newpos));
        tv.setGravity(Gravity.CENTER);
        return tv;
    }

整个流程核心代码不足百行,我们就简单实现了一个简单的WheelView,连动起来实现也很简单,这里就不再赘述,如果有小伙伴需要,请在下方留言。大家也可以根据UI效果图,自己添加相应的UI效果

点击查看更多内容
11人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
JAVA开发工程师
手记
粉丝
8548
获赞与收藏
6550

关注作者,订阅最新文章

阅读免费教程

感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消