PickerView

PickerView

1、PickerView是什么

仿iOS的PickerView控件,带有3D圆弧效果,并封装了时间选择和选项选择这两种选择器。
WheelView —— 基础控件

带有3D圆弧效果。

支持文字、颜色、大小设置。

支持背景颜色设置。

支持item的分隔线设置。

支持item间距设置。

支持设置是否循环。
OptionsPickerView —— 选项选择器

支持一、二、三级联动数据。

支持一、二、三级不联动数据。

支持自定义布局。

支持自定义标题栏。

支持“省,市,区”等选项的单位(label)显示、隐藏和自定义。

支持dialog 模式显示。

支持自定义设置容器。

支持实时回调监听。

联动数据支持切换Item时,还原为第一项。
TimePickerView —— 时间选择器

支持选择年、月、日的范围。

支持年月日时分秒显示。

支持设置当前默认时间。

支持自定义布局。

支持自定义标题栏。

支持“年,月,日,时,分,秒”等选项的单位(label)显示、隐藏和自定义。

支持dialog 模式显示。

支持自定义设置容器。

支持实时回调监听。

2、使用方式

1.WheelView的使用

 1. 依赖
implementation 'com.contrarywind:Android-PickerView:4.1.9'

 2. UI中配置
<com.contrarywind.view.WheelView
    android:id="@+id/wheel"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
</com.contrarywind.view.WheelView>

 3. 代码
//导包
import android.os.Bundle;
import android.widget.Toast;
import androidx.appcompat.app.AppCompatActivity;
import com.bigkoo.pickerview.adapter.ArrayWheelAdapter;
import com.contrarywind.listener.OnItemSelectedListener;
import com.contrarywind.view.WheelView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {
    private WheelView wheel;
    private ArrayWheelAdapter<String> mMyAdapter;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initView();

        //集合添加数据
        final List<String> list = new ArrayList<>();
        list.add("我的中国心");
        list.add("北国之春");
        list.add("鹿港小镇");
        //适配器赋值
        mMyAdapter = new ArrayWheelAdapter(list);
        //赋值
        wheel.setAdapter(mMyAdapter);

        //监听事件
        wheel.setOnItemSelectedListener(new OnItemSelectedListener() {
            @Override
            public void onItemSelected(int index) {
                //吐丝
                Toast.makeText(MainActivity.this, "你选择了:"+list.get(index), Toast.LENGTH_SHORT).show();
            }
        });

    }

    private void initView() {
        wheel = (WheelView) findViewById(R.id.wheel);
    }
}
  1. 效果图
    0L2ppYXl1YW53YWk=,size_16,color_FFFFFF,t_70)]

3、联动

  1. 代码
//数据一
final List<String> options1Items = new ArrayList<>();
options1Items.add("射雕英雄传");
options1Items.add("神雕侠侣");
options1Items.add("鹿鼎记");
//数据二
List<String> options2Items_01 = new ArrayList<>();
options2Items_01.add("郭靖");
options2Items_01.add("黄蓉");
options2Items_01.add("杨铁心");
options2Items_01.add("欧阳克");
//数据三
List<String> options2Items_02 = new ArrayList<>();
options2Items_02.add("小龙女");
options2Items_02.add("杨过");
options2Items_02.add("大雕");
//数据四
List<String> options2Items_03 = new ArrayList<>();
options2Items_03.add("小柜子");
options2Items_03.add("康熙");
options2Items_03.add("康亲王");
options2Items_03.add("鳌拜");
//联动数据
final List<List<String>> options2Items = new ArrayList<>();
options2Items.add(options2Items_01);
options2Items.add(options2Items_02);
options2Items.add(options2Items_03);
//监听事件
OptionsPickerView optionsPickerView = new OptionsPickerBuilder(this, new OnOptionsSelectListener() {
    @Override
    public void onOptionsSelect(int options1, int options2, int options3, View v) {
        //选择监听
        String tx = options1Items.get(options1) +":"+ options2Items.get(options1).get(options2);
        Toast.makeText(getBaseContext(), "选择了:"+tx, Toast.LENGTH_SHORT).show();
    }
}).build();

//绑定显示文字
optionsPickerView.setPicker(options1Items, options2Items);
//显示
optionsPickerView.show();
  1. 效果图
    在这里插入图片描述

3、时间

  1. 代码
//时间选择器     源码里面找事件类型   yyyy-MM-dd
final SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd");
//new对象
new TimePickerBuilder(this, new OnTimeSelectListener() {
    @Override
    public void onTimeSelect(Date date, View v) {
        //获取时间的类型
        String format = simpleDateFormat.format(date);
        //吐司
        Toast.makeText(MainActivity.this, ""+format, Toast.LENGTH_SHORT).show();
    }
}).build().show();//连贯写
  1. 效果图

在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: h5pickerview是一个基于H5技术的选择器组件。它可以在移动端的网页中使用,实现选择日期、时间、省市区等功能。 h5pickerview的特点有以下几个方面: 1. 轻量级:h5pickerview是一个轻量级的插件,它的体积小,加载速度快,不会占用太多的资源。 2. 灵活可定制:h5pickerview提供了丰富的配置项,可以根据需求自定义选择器的样式和行为。可以选择日期范围、设定初始值等。 3. 跨平台兼容:由于基于H5技术开发,h5pickerview可以兼容多个平台,无论是iOS、Android还是其他系统,都能够正常运行。 4. 使用简单:h5pickerview的使用非常简单,只需要在页面中引入相关的样式文件和脚本文件,然后在需要的地方添加相应的HTML标签即可。 5. 功能丰富:h5pickerview支持选择日期、时间、省市区等功能,用户可以方便地进行选择操作,满足不同场景下的需求。 总结来说,h5pickerview是一个方便实用的选择器组件,它能够帮助开发者快速实现选择日期、时间等功能,在移动端网页中提供更好的用户体验。无论是在线预约、订单提交还是其他需要选择操作的场景,h5pickerview都能够发挥重要作用。 ### 回答2: h5pickerview 是一种基于H5开发的日期和时间选择器。这个选择器可以在移动设备的浏览器中使用,通过H5代码进行调用和使用。 h5pickerview 可以通过HTML5的input标签的type属性来实现,比如可以使用type="date"实现日期的选择,使用type="time"实现时间的选择。此外,还可以通过JavaScript进行更加定制化的使用。 h5pickerview 具有简单易用的特点,开发者可以根据自己的需求来配置和使用。通过简单的HTML代码和JavaScript代码,可以轻松地调用和集成到页面中。 h5pickerview 支持多种配置选项,比如可以设置日期的起始和结束范围,可以设置日期和时间的格式等等。这样,可以根据具体的需求来自定义选择器的外观和行为。 总的来说,h5pickerview 是一种方便快捷的日期和时间选择器,通过H5开发可以在移动设备的浏览器中使用。它具有简单易用、灵活可配置等优点,能够满足开发者的各种需求。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值