短视频直播源码，Picker数字滑动选择器

短视频直播源码，Picker数字滑动选择器实现的相关代码

1、Picker

##1、Picker 是什么？

 Picker提供了滑动选择器，允许用户从预定义范围中进行选择。

2、简单实现

在XML中创建Picker

1	<Picker<br>    ohos:id="$+id:test_picker"<br>    ohos:height="match_content"<br>    ohos:width="300vp"<br>    ohos:background_element="#E1FFFF"<br>    ohos:layout_alignment="horizontal_center"<br>    ohos:normal_text_size="16fp"<br>    ohos:selected_text_size="16fp"/>

​设置Picker的取值范围 

1	Picker picker = (Picker) findComponentById(ResourceTable.Id_test_picker);<br>picker.setMinValue(0); // 设置选择器中的最小值<br>picker.setMaxValue(6); // 设置选择器中的最大值

 3、实战1：简单样式

响应选择器变化

1	picker.setValueChangedListener((picker1, oldVal, newVal) -> {<br>    // oldVal:上一次选择的值； newVal：最新选择的值<br>});

 格式化Picker的显示

通过Picker的setFormatter(Formatter formatter)方法，用户可以将Picker选项中显示的字符串修改为特定的格式。

1

picker.setFormatter(i -> {<br>    String value;<br>    switch (i) {<br>        case 0:<br>            value = "Mon";<br>            break;<br>        case 1:<br>            value = "Tue";<br>            break;<br>        case 2:<br>            value = "Wed";<br>            break;<br>        case 3:<br>            value = "Thu";<br>            break;<br>        case 4:<br>            value = "Fri";<br>            break;<br>        case 5:<br>            value = "Sat";<br>            break;<br>        case 6:<br>            value = "Sun";<br>            break;<br>        default:<br>            value = "" + i;<br>    }<br>    return value;<br>});

 

 设置要显示的字符串数组

对于不直接显示数字的组件，该方法可以设置字符串与数字一一对应。字符串数组长度必须等于取值范围内的值总数。用户在使用时需要注意，该方法会覆盖picker.setFormatter(Formatter formatter)方法。

picker.setDisplayedData(new String[]{"Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"});

以上就是短视频直播源码，Picker数字滑动选择器实现的相关代码， 更多内容欢迎关注之后的文章