iOS平台CN1时间选择器无限滚动实现方案咨询

没问题！这个需求完全可以在CN1里实现，而且能做到和iOS原生Picker几乎一致的无限滚动体验，刚好能解决你说的边界空白滚动的糟心问题。下面是具体的实现方案：

1. 核心思路：用"伪循环数据源"营造无限滚动假象 #

我们不用直接设置固定的起止项，而是在真实数据的前后各复制一组相同内容。比如做1-12的月份选择器，数据源就设为[12,1,2,...,12,1]。当用户滚动到边缘时，通过监听事件无缝跳转到对应的重复组，让用户完全察觉不到边界。

2. 具体代码实现（以月份选择器为例） #

第一步：构造循环数据源并初始化Picker #

Picker monthPicker = new Picker();
// 构建带前后重复项的循环数据源
ArrayList<String> monthItems = new ArrayList<>();
monthItems.add("12"); // 前导重复项
for(int i=1; i<=12; i++){
    monthItems.add(String.valueOf(i));
}
monthItems.add("1"); // 尾随重复项

monthPicker.setStrings(monthItems);
monthPicker.setSelectedIndex(1); // 默认选中中间组的第一个"1"
monthPicker.setUIID("IOSPicker"); // 对齐iOS原生样式

第二步：监听滚动事件，实现无缝跳转 #

通过监听滚动完成事件，当用户滚到边缘时，无动画跳转到对应的重复位置：

monthPicker.addScrollListener(new ScrollListener() {
    @Override
    public void scrollChanged(int scrollX, int scrollY, int oldscrollX, int oldscrollY) {}

    @Override
    public void scrollAnimationDone() {
        int selectedIndex = monthPicker.getSelectedIndex();
        // 滚到最前面的"12"，跳转到中间组的最后一个"12"（索引12）
        if(selectedIndex == 0){
            monthPicker.setSelectedIndex(12, false); // false表示无动画跳转
        } 
        // 滚到最后面的"1"，跳转到中间组的第一个"1"（索引1）
        else if(selectedIndex == 13){
            monthPicker.setSelectedIndex(1, false);
        }
    }

    @Override
    public void scrollingStarted() {}
});

3. 封装成可复用组件（更高效的方式） #

如果需要多次使用这类选择器，建议封装成自定义类，比如支持00-59的分钟选择器、1-12的月份选择器：

public class InfiniteNumberPicker extends Picker {
    private int minValue;
    private int maxValue;
    private int defaultOffset = 1;

    public InfiniteNumberPicker(int min, int max) {
        this.minValue = min;
        this.maxValue = max;
        initInfinitePicker();
    }

    private void initInfinitePicker() {
        ArrayList<String> items = new ArrayList<>();
        // 添加前导重复项
        items.add(String.valueOf(maxValue));
        // 添加中间正常范围（两位数格式化，比如0变成00）
        for(int i=minValue; i<=maxValue; i++){
            items.add(String.format("%02d", i));
        }
        // 添加尾随重复项
        items.add(String.valueOf(minValue));

        setStrings(items);
        setSelectedIndex(defaultOffset);
        setUIID("IOSPicker");

        // 添加滚动监听
        addScrollListener(new ScrollListener() {
            @Override
            public void scrollChanged(int scrollX, int scrollY, int oldscrollX, int oldscrollY) {}

            @Override
            public void scrollAnimationDone() {
                int selectedIdx = getSelectedIndex();
                if(selectedIdx == 0){
                    // 跳转到中间组的最后一项
                    setSelectedIndex(items.size()-2, false);
                } else if(selectedIdx == items.size()-1){
                    // 跳转到中间组的第一项
                    setSelectedIndex(defaultOffset, false);
                }
            }

            @Override
            public void scrollingStarted() {}
        });
    }

    // 获取实际选中的数字
    public int getSelectedNumber() {
        int idx = getSelectedIndex();
        if(idx == 0){
            return maxValue;
        } else if(idx == getStrings().size()-1){
            return minValue;
        } else {
            return Integer.parseInt(getStrings().get(idx));
        }
    }
}

使用时直接实例化即可：

// 创建00-59的分钟选择器
InfiniteNumberPicker minutePicker = new InfiniteNumberPicker(0, 59);
// 创建1-12的月份选择器
InfiniteNumberPicker monthPicker = new InfiniteNumberPicker(1, 12);

4. iOS平台专属优化 #

• 确保使用setUIID("IOSPicker")，让Picker的视觉和交互完全对齐iOS原生组件；
• CN1在iOS上默认不会显示滚动条，若有自定义样式干扰，可通过setScrollVisible(false)隐藏滚动指示器；
• 测试时尽量用iOS真机或模拟器验证，确保滚动的流畅度和原生体验一致。

内容的提问来源于stack exchange，提问作者fnklstn