[Android]竖直滑动选择器WheelView的实现

以下内容为原创,转载请注明:

来自天天博客:http://www.cnblogs.com/tiantianbyconan/p/3819304.html

公司项目中有这么一个需求,所以需要自己实现下。效果类似android4.0以上原生的DatePicker这种。

这个WheelView控件我已经放在github上了,大家有兴趣可以看看,地址:https://github.com/wangjiegulu/WheelView,欢迎Star或者Fork哦!(建库的时候忘了选ignore了--,所以有些gen什么的直接无视掉,我也懒得改了--)

先贴上效果图:

  

讲下思路吧,因为这是一个滚动选择器,所以首先想到的是可以基于ListView或者ScrollView自定义。

刚开始我用的是继承ListView来实现,把滑动选择的每个item作为listview中的一个item,然后根据FirstVisiblePosition、LastVisiblePosition来判断某个item是否在选中的区域,但是后来发现偶尔有时候调用getFirstVisiblePosition和getLastVisiblePosition的结果跟我看到的界面显示的item并不一致(我是在Adapter中调用的这两个方法),后来分析可能是因为我调用了scrollTo后没有刷新adapter的原因吧。

再后来,就打算使用ScrollView来实现了,其中的每个item都是一个View(我这里使用了TextView)。因为这个选中框是在中间的位置,所以刚启动时第一个item应该需要在中间选中框显示,所以前面应该使用空白补全。最后一个也是如此,后面也需要空白补全。

在滑动过程中需要实现这种场景:滑动结束后,必须且只有一个item完整显示在选择框中。所以我们必须要监听滚动停止的事件,然后在滚动停止后判断是不是满足前面的场景,如果没有,则需要代码中实现滚动到正确位置。但是,蛋疼的是,sdk中竟然没有提供原生的监听滚动停止的api,然后在网上找了很久,得到的结果是只能另辟蹊径,使用了stackoverflow一个网友的做法通过主动检测是否停止滚动的方法去实现(总觉得方法有点坑,额 好吧 但是暂时先用了这个方法)。

思路就讲到这里了。

使用方式:

/**
 * Author: wangjie
 * Email: [email protected]
 * Date: 7/1/14.
 */
@AILayout(R.layout.main)
public class MainActivity extends AIActivity {
    public static final String TAG = MainActivity.class.getSimpleName();

    private static final String[] PLANETS = new String[]{"Mercury", "Venus", "Earth", "Mars", "Jupiter", "Uranus", "Neptune", "Pluto"};

    @AIView(R.id.main_wv)
    private WheelView wva;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        wva.setOffset(1);
        wva.setItems(Arrays.asList(PLANETS));
        wva.setOnWheelViewListener(new WheelView.OnWheelViewListener() {
            @Override
            public void onSelected(int selectedIndex, String item) {
                Logger.d(TAG, "selectedIndex: " + selectedIndex + ", item: " + item);
            }
        });

    }

    @AIClick({R.id.main_show_dialog_btn})
    public void onClickCallbackSample(View view) {
        switch (view.getId()) {
            case R.id.main_show_dialog_btn:
                View outerView = LayoutInflater.from(context).inflate(R.layout.wheel_view, null);
                WheelView wv = (WheelView) outerView.findViewById(R.id.wheel_view_wv);
                wv.setOffset(2);
                wv.setItems(Arrays.asList(PLANETS));
                wv.setSeletion(3);
                wv.setOnWheelViewListener(new WheelView.OnWheelViewListener() {
                    @Override
                    public void onSelected(int selectedIndex, String item) {
                        Logger.d(TAG, "[Dialog]selectedIndex: " + selectedIndex + ", item: " + item);
                    }
                });

                new AlertDialog.Builder(context)
                        .setTitle("WheelView in Dialog")
                        .setView(outerView)
                        .setPositiveButton("OK", null)
                        .show();

                break;
        }
    }

}

注意:这个Demo只是一个临时解决方案,比较适合选项较少的时候使用,比如选择性别、星期等。因为里面的买个item都是一个单独的View,并没有去实现View的缓存和重用,所以大家这点需要注意下。如果有时间我会完善优化这个代码,实现View的复用。关于View的复用,大家可以fork后自己尝试改写,我讲下主要的思路(我的思路,当然不能代表是最优的方案)是:假设,每页显示5个item以供选择,那么刚开始加载时,先生成6个item,其中6个是正常的6个选项所new出来的item,注意!因为每页显示5个item,所以第6个item不可见,但是却已经new出来了,其实可以正常显示。然后往下滚动时,监听滚动事件,第6个完全显示时,这个时候第一个item已经不可见了,所以可以重用该item的view。所以如果往下滚要显示第7个item时,重用第一个item的view,作为第7个item的view显示数据。再往下也是一样。总之,重用当前不可见的item的view给即将显示的item。

注意:项目使用到了一部分注解、日志方面的东西,跟实现WheelView没关系,但是可以简化代码,提高编码效率

AndroidInject:https://github.com/wangjiegulu/androidInject

AndroidBucket:https://github.com/wangjiegulu/AndroidBucket

[Android]竖直滑动选择器WheelView的实现

时间: 2024-11-05 19:01:58

[Android]竖直滑动选择器WheelView的实现的相关文章

水平和竖直滑动条捆绑,表头固定的实现

首先,在很多的网页数据分析或者网站查询数据库的操作中,我们不可避免需要在前端页面中展示所有数据.由于版面构建的问题,导致div内容模块大小,不足以容纳所有数据,这时候我们就必须考虑引入页面的水平或者竖直滚动条.这样能够实现在固定大小的div中,通过滑动滚动条来对所有数据进行检索.这时,我们会发现,如果表头不被固定,我们滑动滚动条时,不能很好的确定当前数据属于什么列是什么样的数据. 所以,在这里我分享一下通过js固定表头的页面操作: 1 //水平.垂直滚动条实现表头标题的固定 2 document

Android自定义竖直方向SeekBar

写在前面 因为有这样的一个场景,需要实现竖直方向的多色进度条,然后在网上也找了下,没看到符合需要的,于是自定义了一个,效果如下: 具体实现 本来想定义水平的,然后旋转一下,后来发现还不如直接定义竖直方向来的直接,就直接在竖直方向画了下. 首先讲一下思路,就是通过继承View,然后通过onDraw()方法进行绘制.具体绘制的时候,需要处理一些小细节.比如,我们需要画一个圆形的滑动块,那么我们的背景色带就不能把整个宽度占满,要不然,小圆块只能和色带一样宽了,效果不是很好看,所以在绘制的时候应该把背景

android中自定义view---实现竖直方向的文字功能,文字方向朝上,同时提供接口,判断当前touch的是哪个字符,并改变颜色

android自定义view,实现竖直方向的文字功能,文字方向朝上,同时提供接口,判断当前touch的是哪个字符,并改变颜色. 由于时间比较仓促,因此没有对代码进行过多的优化,功能远远不如android的自带的TextView强大,只是继承于view,而不是textview. 主要用途:电话本的侧边快速导航等 效果图:(自定义字符串 “#ABCDEFGHIJKLMN),可以实现自定义任意字符串 view的实现: 1 import cn.carbs.verticalstraighttextview

Android camera 竖直拍照 获取竖直方向照片

竖直拍照 if (Integer.parseInt(Build.VERSION.SDK) >= 8) {     camera.setDisplayOrientation(90); } else {     if (getResources().getConfiguration().orientation == Configuration.ORIENTATION_PORTRAIT) {        parameters.set("orientation", "port

Android 自定义View实现竖直跑马灯效果

首先给出效果图 中间的色块是因为视频转成GIF造成的失真,自动忽略哈. 大家知道,横向的跑马灯android自带的TextView就可以实现,详情请百度[Android跑马灯效果].但是竖直的跑马灯效果原生Android是不支持的.网上也有很多网友实现了自定义的效果,但是我一贯是不喜欢看别人的代码,所以这篇博客的思路完全是我自己的想法哈. 首先,我们需要给自定义的控件梳理一下格局,如下图所示: 1.首先我们将控件分为三个区块,上面绿色部分为消失不可见的块,中间黑色部分为可见区域,下面红色部分为欲

使用Android SwipeRefreshLayout了解Android的嵌套滑动机制

SwipeRefreshLayout 是在Android Support Library, revision 19.1.0添加到support v4库中的一个下拉刷新控件,关于android的下拉刷新框架现在有好多,曾经用过XListView,现在工作中基本上无需用到下拉刷新的功能.废话不多说了,这里来记录一下android自带的刷新控件SwipeRefreshLayout的使用,借此顺便来熟悉一下android 在Lollipop版本推出的嵌套滑动机制(NestedScrolling). 首先

自定义特效VIew第一弹之竖直TextView

自定义特效VIew第一弹之竖直TextView 别的不说,先给出效果 再给出代码 <FrameLayout android:layout_width="match_parent" android:layout_height="match_parent" > <com.example.empty.VerticalTextView android:layout_width="wrap_content" android:layout_

竖直方向的ViewPager的实现方式

现在的ViewPager主要是横向的滑动实现,现在公司的业务需要实现竖直方向ViewPager,通过大量的寻找资料终于实现了 废话不说 直接上代码: 一:自定义viewPager package com.example.test; import java.lang.reflect.Method; import java.util.ArrayList; import java.util.Collections; import java.util.Comparator; import android

自定义Imageview控件实现多种手势操作 (拖动、水平缩放、竖直缩放、等比例缩放、双击、长按)

项目中需要使用自定义控件的多种手势操作,之前在网上查阅资料的时候发现能找到的一般是只实现了其中的几种,这次就把我做的控件分享一下,人人为我,我为人人嘛,哈哈! 这个自定义控件实现的主要功能是控件的拖动和缩放(注意:不是对控件中的图片进行操作,话说很多帖子都把这两个混了),其中缩放可以按照三个方向进行,就是水平.竖直和等比例.双击操作只做了一个提示,长按加上了一个简单的弹出菜单. 抱歉的是没有足够的时间写详细注释了,如果跟你需要的功能相同就请直接调用,要是需要改代码就费点神自己读懂代码吧,看不懂的