一、什么是WheelView
WheelView 是一个用于展示滚动列表的自定义 View。它可以让用户很方便的选择想要的内容,并且还可以通过自定义字体、颜色、刻度等方式展示更加精美的内容列表。
WheelView 的原理是通过滑动手势来改变列表的当前选中项,并通过不断的重绘来更新当前选中项的位置和界面效果。
二、使用WheelView需要注意什么
在使用 WheelView 的过程中,我们需要注意以下几点:
- 数据源:WheelView 展示数据的基础是数据源,我们需要为 WheelView 填充好数据源以供展示。
- 字体和颜色:可以通过自定义字体和颜色来让 WheelView 展示更加精美的效果。
- 滑动惯性:为了让滑动更加顺滑,我们可以加入惯性滑动的效果。
- 滑动边缘效果:当滑动到列表顶部或底部时,可以加入滑动边缘效果来提示用户已经到达了列表的边缘。
- 循环展示:如果数据源是一个循环的列表,我们可以加入循环展示的效果来让界面更加连贯。
三、如何实现WheelView
1、初始化WheelView
在 XML 文件中定义 WheelView:
<com.example.WheelView android:id="@+id/wheelView" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_gravity="center_horizontal" android:paddingTop="20dp" />
在 Activity 中获取该控件,并初始化数据:
WheelView wheelView = (WheelView) findViewById(R.id.wheelView); List<String> dataList = new ArrayList<>(); dataList.add("北京"); dataList.add("上海"); dataList.add("广州"); dataList.add("深圳"); dataList.add("杭州"); wheelView.setDataList(dataList);
通过 setDataList() 方法将数据源导入 WheelView 中,使之展示。
2、自定义字体和颜色
通过自定义方法可以很方便的更改字体和颜色的设置:
wheelView.setTextSize(25); wheelView.setTextColor(getResources().getColor(R.color.colorPrimary)); wheelView.setSelectedTextColor(getResources().getColor(R.color.colorAccent)); wheelView.setLineColor(getResources().getColor(R.color.colorPrimary)); wheelView.setLineWidth(2); wheelView.setShadowColor(Color.RED, Color.BLUE, Color.GREEN);
通过调用 WheelView 的不同方法来设置字体、颜色、线条宽度和阴影等效果。
3、加入滑动惯性效果
通过设置 WheelView 的滑动监听器,在滑动停止的时候判断手指滑动的速度是否符合条件,如果符合则加入惯性滑动的效果。
wheelView.setOnWheelChangeListener(new OnWheelChangeListener() { @Override public void onWheelScrolled(int offset) { // 滚动时的处理 } @Override public void onWheelSelected(int position) { // 选中项的处理 } @Override public void onWheelScrollStateChanged(int state) { // 滚动状态改变时的处理 if (state == WheelView.SCROLL_STATE_IDLE) { int velocity = wheelView.getVelocity(); if (Math.abs(velocity) > 0 && Math.abs(velocity) < 8000) { wheelView.smoothScroll(velocity / 2); } } } });
4、加入滑动边缘效果
通过判断列表是否滑动到顶部或底部,来决定是否加入滑动边缘效果来提示用户到达了边缘。
wheelView.setOnWheelChangeListener(new OnWheelChangeListener() { @Override public void onWheelScrolled(int offset) { // 滚动时的处理 if (offset >= dataList.size() - 1) { Toast.makeText(MainActivity.this, "已经到达底部", Toast.LENGTH_SHORT).show(); } else if (offset <= 0) { Toast.makeText(MainActivity.this, "已经到达顶部", Toast.LENGTH_SHORT).show(); } } @Override public void onWheelSelected(int position) { // 选中项的处理 } @Override public void onWheelScrollStateChanged(int state) { // 滚动状态改变时的处理 } });
5、加入循环展示效果
通过调用 WheelView 的 setLoop() 方法来实现循环展示的效果。
wheelView.setLoop(true);
四、总结
WheelView 是一个用于展示滚动列表的自定义 View,它可以让用户很方便的选择想要的内容,并通过自定义字体、颜色、刻度等方式展示更加精美的内容列表。在使用 WheelView 的过程中需要注意数据源、字体和颜色、滑动惯性、滑动边缘效果和循环展示等细节问题。通过以上方法,可以很方便的自定义 WheelView 并实现各种效果。