Android 高仿 IOS 滚轮选择控件

最新推荐文章于 2021-05-31 05:31:28 发布
最新推荐文章于 2021-05-31 05:31:28 发布
阅读量770 收藏
点赞数
分类专栏： android


https://github.com/lvfaqiang/Android-PickerView-master

最近根据项目需要，整理了一个相对比较全面的 WheelView 使用控件，借用之前看到的一句话来说，就是站在巨人肩膀上，进行了一些小调整。 
这里先贴上效果图

这里写图片描述

一般常用的时间选择格式，，单项选择，以及城市联动，这里基本都可以满足了。

这里把 单项选择，和 日期时间选择 给提出到 Util 类中，代码如下：

public class Util {

    /**
     * 时间选择回调
     */
    public interface TimerPickerCallBack {
        void onTimeSelect(String date);
    }

    /**
     * 弹出时间选择
     *
     * @param context
     * @param type     TimerPickerView 中定义的 选择时间类型
     * @param format   时间格式化
     * @param callBack 时间选择回调
     */
    public static void alertTimerPicker(Context context, TimePickerView.Type type, final String format, final TimerPickerCallBack callBack) {
        TimePickerView pvTime = new TimePickerView(context, type);
        //控制时间范围
        //        Calendar calendar = Calendar.getInstance();
        //        pvTime.setRange(calendar.get(Calendar.YEAR) - 20, calendar.get(Calendar.YEAR));
        pvTime.setTime(new Date());
        pvTime.setCyclic(false);
        pvTime.setCancelable(true);
        //时间选择后回调
        pvTime.setOnTimeSelectListener(new TimePickerView.OnTimeSelectListener() {

            @Override
            public void onTimeSelect(Date date) {
//                        tvTime.setText(getTime(date));
                SimpleDateFormat sdf = new SimpleDateFormat(format);
                callBack.onTimeSelect(sdf.format(date));
            }
        });
        pvTime.setTextSize(16);
        //弹出时间选择器
        pvTime.show();
    }


    /**
     * 底部滚轮点击事件回调
     */
    public interface OnWheelViewClick {
        void onClick(View view, int postion);
    }

    /**
     * 弹出底部滚轮选择
     *
     * @param context
     * @param list
     * @param click
     */
    public static void alertBottomWheelOption(Context context, ArrayList<?> list, final OnWheelViewClick click) {

        final PopupWindow popupWindow = new PopupWindow();

        View view = LayoutInflater.from(context).inflate(R.layout.layout_bottom_wheel_option, null);
        TextView tv_confirm = (TextView) view.findViewById(R.id.btnSubmit);
        final WheelView wv_option = (WheelView) view.findViewById(R.id.wv_option);
        wv_option.setAdapter(new ArrayWheelAdapter(list));
        wv_option.setCyclic(false);
        wv_option.setTextSize(16);
        tv_confirm.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                popupWindow.dismiss();
                click.onClick(view, wv_option.getCurrentItem());
            }
        });

        view.findViewById(R.id.btnCancel).setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                // TODO: 2016/8/11 0011 取消
                popupWindow.dismiss();
            }
        });
        view.setOnTouchListener(new View.OnTouchListener() {
            @Override
            public boolean onTouch(View view, MotionEvent motionEvent) {
                int top = view.findViewById(R.id.ll_container).getTop();
                if (motionEvent.getAction() == MotionEvent.ACTION_UP) {
                    int y = (int) motionEvent.getY();
                    if (y < top) {
                        popupWindow.dismiss();
                    }
                }
                return true;
            }
        });
        popupWindow.setContentView(view);
        popupWindow.setOutsideTouchable(true);
        popupWindow.setFocusable(true);
        popupWindow.setBackgroundDrawable(new BitmapDrawable());
        popupWindow.setWidth(ViewGroup.LayoutParams.MATCH_PARENT);
        popupWindow.setHeight(ViewGroup.LayoutParams.MATCH_PARENT);
        popupWindow.showAtLocation(((ViewGroup) ((Activity) context).findViewById(android.R.id.content)).getChildAt(0), Gravity.CENTER, 0, 0);
    }
}
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64
  • 65
  • 66
  • 67
  • 68
  • 69
  • 70
  • 71
  • 72
  • 73
  • 74
  • 75
  • 76
  • 77
  • 78
  • 79
  • 80
  • 81
  • 82
  • 83
  • 84
  • 85
  • 86
  • 87
  • 88
  • 89
  • 90
  • 91
  • 92
  • 93
  • 94
  • 95
  • 96
  • 97
  • 98
  • 99
  • 100
  • 101
  • 102

  • 单项选择

    这里是模拟传入 ArrayList 形式的 String 类型 ：

// 单项选择
        for (int i = 0; i <= 10; i++) {
            mList.add("模拟数据" + i);
        }

        tv_single_option.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Util.alertBottomWheelOption(MainActivity.this, mList, new Util.OnWheelViewClick() {
                    @Override
                    public void onClick(View view, int postion) {
                        Toast.makeText(MainActivity.this, mList.get(postion), Toast.LENGTH_SHORT).show();
                    }
                });
            }
        });
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16

补充：我们实际项目中用法可能是传入一个实体对象，那么我们到 WheelView 中找到设置显示内容的方法：

/**
     * 根据传进来的对象反射出getPickerViewText()方法，来获取需要显示的值
     * @param item
     * @return
     */
    private String getContentText(Object item) {
        String contentText = item.toString();
        try {
            Class<?> clz = item.getClass();
            Method m = clz.getMethod(GETPICKERVIEWTEXT);
            contentText = m.invoke(item, new Object[0]).toString();
        } catch (NoSuchMethodException e) {
        } catch (InvocationTargetException e) {
        } catch (IllegalAccessException e) {
        } catch (Exception e){
        }
        return contentText;
    }
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18

根据以上代码，可以看到如果是一个实体对象，那么就是通过对象内部定义的一个方法名为 GETPICKERVIEWTEXT（静态常量=”getPickerViewText”）的返回值来作为显示内容，

所以在创建对象的时候，要注意在对象内部添加一个 getPickerViewText（）方法，代码如下：

public class TypeBean {

    private int id;
    private String name;

    public TypeBean(int id, String name) {
        this.id = id;
        this.name = name;
    }

    public int getId() {
        return id;
    }

    public void setId(int id) {
        this.id = id;
    }

    public String getName() {
        return name;
    }

    public void setName(String name) {
        this.name = name;
    }

    //这个用来显示在PickerView上面的字符串,PickerView会通过反射获取getPickerViewText方法显示出来。
    public String getPickerViewText() {
        //这里还可以判断文字超长截断再提供显示
        return name;
    }
}

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 日期选择 
    这里是传入 选择日期类型，和 回调时间格式 就能直接得到想要的结果，
@Override
    public void onClick(View v) {
        String format = "";
        TimePickerView.Type type = null;
        switch (v.getId()) {
            case R.id.btn_ymdhm:
                type = TimePickerView.Type.ALL;
                format = "yyyy-MM-dd HH:mm";
                break;
            case R.id.btn_ymdh:
                type = TimePickerView.Type.YEAR_MONTH_DAY_HOUR;
                format = "yyyy-MM-dd HH";
                break;
            case R.id.btn_ymd:
                type = TimePickerView.Type.YEAR_MONTH_DAY;
                format = "yyyy-MM-dd";
                break;
            case R.id.btn_mdhm:
                type = TimePickerView.Type.MONTH_DAY_HOUR_MIN;
                format = "MM-dd HH:mm";
                break;
            case R.id.btn_hm:
                type = TimePickerView.Type.HOURS_MINS;
                format = "HH:mm";
                break;
            case R.id.btn_ym:
                type = TimePickerView.Type.YEAR_MONTH;
                format = "yyyy-MM";
                break;
        }
        Util.alertTimerPicker(this, type, format, new Util.TimerPickerCallBack() {
            @Override
            public void onTimeSelect(String date) {
                Toast.makeText(TestActivity.this, date, Toast.LENGTH_SHORT).show();
            }
        });

    }
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 条件选择
private ArrayList<ProvinceBean> options1Items = new ArrayList<ProvinceBean>();
private ArrayList<ArrayList<String>> options2Items = new ArrayList<ArrayList<String>>();
private ArrayList<ArrayList<ArrayList<String>>> options3Items = new ArrayList<ArrayList<ArrayList<String>>>();

OptionsPickerView pvOptions;

private void showOptions(){
        //选项选择器
        pvOptions = new OptionsPickerView(this);
        // 初始化三个列表数据
        DataModel.initData(options1Items, options2Items, options3Items);

        //三级联动效果
        pvOptions.setPicker(options1Items, options2Items, options3Items, true);
        //设置选择的三级单位
//        pwOptions.setLabels("省", "市", "区");
        pvOptions.setTitle("选择城市");
        pvOptions.setCyclic(false, false, false);
        //设置默认选中的三级项目
        //监听确定选择按钮
        pvOptions.setSelectOptions(1, 1, 1);
        pvOptions.setTextSize(18);
        pvOptions.setOnoptionsSelectListener(new OptionsPickerView.OnOptionsSelectListener() {

            @Override
            public void onOptionsSelect(int options1, int option2, int options3) {
                //返回的分别是三个级别的选中位置
                String tx = options1Items.get(options1).getPickerViewText()
                        + options2Items.get(options1).get(option2)
                        + options3Items.get(options1).get(option2).get(options3);
                tvOptions.setText(tx);
                vMasker.setVisibility(View.GONE);
            }
        });
        //点击弹出选项选择器
        tvOptions.setOnClickListener(new View.OnClickListener() {

            @Override
            public void onClick(View v) {
                pvOptions.show();
            }
        });
    }
 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43

 
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43

基本使用就这些了，也没什么技术含量，只是作为常用工具整理，也希望能给大家带来方便。

感谢一下提供该组件源码的大神。

Demo地址

ruglcc
关注
专栏目录
Android代码-个顺滑的、高度自定义的滚轮控件和选择器，支持类似 iOS 的 3D 效果。
08-06
简介（Introduction） 自定义 View 实现滑动流畅、功能齐全、用法简单、高度自定义的 WheelView，并在 WheelView 基础之上封装了常用的日期选择器（包括年、月、日 WheelView）、选项选择器。 特性（Features） 1. WheelView Features 如丝般顺滑的滚动效果，无论快速滚动还是缓慢滚动 灵活数据设置，通过泛型设置数据类型，灵活、安全 支持类似 iOS 的滚动变化音效 支持类似 iOS 的 3D 效果 3D 效果下，支持圆弧偏移效果，使其看起来更加立体 支持嵌套滚动、循环滚动 丰富的滑动监听，支持选中监听、滚动状态改变监听等 两种分割线类型可以设置，还有其他分割线骚操作 支持自动调整字体大小以使得长文字显示完全 支持设置显示条目、设置字体大小、设置字体、设置行间距等常规操作 更多自定义操作尽在其中 2. DatePickerView Features 支持年月日，年月，月日的日期选择 支持格式化数据，可以为 item 显示指定格式化的数据 拥有 WheelView 特性，可单独设置每个 WheelView 的效果 3.
android 仿IOS的滚轮选择控件
大罗说事
03-25 3998
WheelView是一个开源的UI控件库，实现了滑轮滚动选择效果。 可以代替spinner来做选择控件，可以实现控件库中的OnWheelChangedListener接口实现两个wheelView控件的关联变化。 代码地址：http://download.csdn.net/detail/lovecluo/5178381
Android 滚轮选择器——仿ios滚轮控件
weixin_42046829的博客
11-24 2354
前言 这是一个仿ios滚轮的控件，可以用于滚动选择。本组件根据loopView控件扩展修改的，loopView项目地址：https://github.com/weidongjian/androidWheelView 在原有的基础上添加一些自定义设置，可根据自己的需求修改。GitHub项目地址 使用gradle集成 allprojects { repositories { ... maven { url 'https://jitpack.io' } } } dependencies
android仿iPhone滚轮控件实现及源码分析
windlake的专栏
03-31 1140
http://blog.csdn.net/aomandeshangxiao/article/details/7397697     敬告：由于本文代码较多，所以文章分为了一二两篇，如果不便，敬请谅解，可以先下载文章下方的代码，打开参考本文查看，效果更好！          首先，先看下效果图：       这三张图分别是使用滚动控件实现城市，随机数和时间三个简
Android高仿IOS 滚轮选择控件
09-01
根据提供的文件信息，我们可以整理出一系列关于Android开发中高仿IOS风格的滚轮选择控件的知识点。 首先，我们需要了解什么是滚轮选择控件（WheelPicker或WheelView）。在Android开发中，这种控件模拟了现实世界中...
Android 高仿 IOS日历 滚轮选择控件
03-01
这个“Android高仿IOS日历滚轮选择控件”就是一个很好的例子，它旨在复刻iOS日历中常用的日期和时间选择方式。这个控件通常用于让用户方便快捷地通过滚动选择日期、小时或分钟，提升应用的交互性和用户友好性。 ...
Android 仿IOS3D滚轮选择器
04-14
"Android 仿IOS3D滚轮选择器"就是这样一个例子，它试图在Android平台上模仿iOS系统的三维滚轮选择器效果，以创建一个类似对话框的组件。这个组件能够帮助用户通过滚动和点击来选取特定的数据，适用于日期选择、选项...
android wheel控件滚动,android 滚动选择插件 android-wheel
weixin_36443053的博客
05-31 417
效果图：源码：package kankan.wheel.demo;import java.util.Calendar;import kankan.wheel.R;import kankan.wheel.widget.OnWheelChangedListener;import kankan.wheel.widget.OnWheelClickedListener;import kankan.wheel...
【造轮子系列】转轮选择工具——WheelView
十个雨点的博客
07-03 6396
实现转轮的选择功能，效果见下图:本项目是由这个项目修改而成，不过基本上除了原来的大体框架以外，内部的实现逻辑全都做了大量修改，各位看官可以对比参考，在此必须感谢原作者给我的启发。先上源码：WheelView实现一个自定义View最基本步骤有： * 设计attribute属性 * 实现构造函数，在构造函数中读取attribute属性并使用 * 重写onMeasure方法 * 重写onDraw方
Android滚轮选择器实现 分类： Android ...
weixin_34177064的博客
07-22 324
思路： 1，布局，整个控件的布局，其实就是用代码取带xml来实现当前布局 2，可以滑动的（即滚轮），其实是一个ScrollView 3，判断滑动状态的，有protected void onScrollChanged(int x, int y, int oldx, int oldy) 方法，可以为我们获得当前y值（一开始y=0;随着滑动，y开始增大） 那么...
Android-仿IOS滚轮选择器
Android_19930720的博客
09-18 223
github地址：https://github.com/CNCoderX/WheelView 转载于:https://www.cnblogs.com/canf963/p/7541509.html
android自定义滚轴选择器
juer2017的博客
05-05 1720
效果图： 点击选择餐具弹出底部弹窗 private Dialog dialog; private View inflate; PickValueView pickString; case R.id.rl_cj_num://餐具数量选择 //选择对话框 dialog = new Dialog(this, R.sty...
android自定义滚动选择器（一）
lv1317039693的博客
01-22 1118
本系列文章会详细介绍如何从零开始实现一个滚动选择器，首先看下其效果图，如下所示： 效果示意图 上面就是本系列文章要实现的自定义滚动选择器，接下来我会从零开始阐述该控件的实现思想。 如果来不及阅读文章，或者想直接获取源码，见git：android自定义滚动选择器 名词解释 这里先对一些名词进行解释，以方便后面可以很容易的理解文章。 （1）item视图：这个item视图...
Android 仿 iphone 自定义滚动选择器
热门推荐
ZengTao
05-22 2万+
背景：其实我们都知道，在我们做开发的过程中，会遇到Android 自身所带控件不够的情况，那么这个时候，就需要我们自定义控件，所以，也就造成了，在开发的过程中，我们一定要掌握好自定义控件，不然，当你去一家公司，产品萌妹子过来找你，这个效果很不错，问你能不能实现的时候，你难道能有理由说不行么，男人嘛，哪里能说不行了，直接用浑厚的声音告诉她，行，怎么不行，直接KO她。 一：多的不说，效果图，
基于RecyclerView实现模仿IOS风格的滚轮选择器（一）
devilist的博客
02-02 4351
相信大部分android开发者都曾经遇到过所有UI交互都要和ios保持一致的奇葩需求。android的MD设计风格毕竟已经出来好久了，但是国内很多app的安卓端几乎都没有按照MD风格设计，而是一味模仿ios的风格。但吐槽归吐槽，作为一个开发者，要时刻能够迎接各种奇葩需求，并在快速时间里设计完成符合需求的方案出来。这篇文章介绍本人曾用两天开发出来的一个模仿ios滚轮选择器的库。 ios的滚轮选择器
仿知乎/支付宝城市服务Tab选中后,recycleview自动滚动相应位置 ,相应的位置对应应该选择的tab
BJColor
07-12 736
直接上图看效果:想仿照知乎.但是还是差点意思.希望能指教指教.谢谢~ 1.//--------------------------------------------------实现---------------------------------- package com.example.bjcolor.myapplication.fragment; import android...
滚动时间选择器recyclerview_GitHub - devilist/RecyclerWheelPicker: 一个用RecyclerView实现的仿ios的滚轮选择器库...
weixin_39632471的博客
12-22 519
RecyclerWheelPicker这是一个用Recyclerview实现的模仿ios风格的滚轮选择器。目前提供的可直接调用的控件提供了以下几种选择器，可以直接调用：SingleWheelPicker // 单滚轮DoubleWheelPicker // 双滚轮TripleWheelPicker // 三滚轮DateWheelPicker // 日期选择TimeWheelPi...
android horizontalscrollview 3d,3DWheelPicker Android 数据选择器，支持 3D 滚轮滚动效果，支持各种时间选择，城市选择，普通数据选择， @code...
weixin_35805593的博客
05-28 324
3D 效果 数据选择控件，赶紧点击下面链接下载体验Demo 下载功能时间选择单数组的数据选择多数组的数据选择(支持多级联)省市区级联城市选择(城市数据可能不完整)可动态设置样式使用在 project 的 build.gradle 添加如下代码allprojects {repositories {...maven { url "https://jitpack.io" }}}引用```gradlede...
Android仿iOS滚轮选择控件实现与应用
"Android高仿IOS滚轮选择控件的实现及使用" 在Android开发中，有时为了实现跨平台的一致性或特定设计需求，开发者可能会选择仿照其他操作系统的UI元素，例如iOS的滚轮选择控件（WheelView）。本文将详细介绍如何在...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值