鸿蒙开源组件——日期选择器

jacksky

发布于 2021-8-18 11:48

2880浏览

0收藏

该三方开源库从github fork过来，主要将底层接口调用的实现修改成鸿蒙接口的实现，将三方库鸿蒙化，供开发鸿蒙应用的开发者使用

fork地址：https://github.com/ycuwq/DatePicker

fork版本号/日期：master / 2019/10/13

DatePicker

DatePicker 是一个日期选择器

原项目Readme地址：https://github.com/ycuwq/DatePicker/blob/master/README.md

项目移植状态：支持组件所有基本功能

完成度：100%

调用差异：无

导入方法

1.har导入

将har包放入lib文件夹并在build.gradle添加

implementation fileTree(dir: 'libs', include: ['*.har'])1.

2.Library引用

添加本工程中UcropLib模块到任意工程中，在需要使用的模块build.gradle中添加

    implementation project(path: ':datepicker')1.

allprojects{
    repositories{
        mavenCentral()
    }
}
implementation 'io.openharmony.tpc.thirdlib:DatePicker:1.0.2'1.
2.
3.
4.
5.
6.

使用方法 1 .在布局文件中添加以下代码

    <com.ycuwq.datepicker.date.DatePicker
        ohos:id="$+id:datePicker"
        ohos:height="300vp"
        ohos:width="match_parent"/>1.
2.
3.
4.

2.在代码中初始化参数

// 初始化
DatePicker datePicker = (DatePicker) findComponentById(ResourceTable.Id_datePicker);
// 设置监听   
datePicker.setOnDateSelectedListener(new DatePicker.OnDateSelectedListener() {
    @Override
    public void onDateSelected(int year, int month, int day) {
        dateTv.setText(year + "-" + month + "-" + day);
    }
});1.
2.
3.
4.
5.
6.
7.
8.
9.

3.一些功能设置介绍

// 设置被选中时候的文本颜色
datePicker.setSelectedItemTextColor(int selectedItemTextColor)
// 设置被选中时候的文本大小
datePicker.setSelectedItemTextSize(int selectedItemTextSize)
// 设置一般列表的文本颜色
datePicker.setTextColor(int textColor)
// 设置一般列表的文本大小
datePicker.setTextSize(int textSize)
// 设置文字是否透明度渐变
datePicker.setTextGradual(boolean textGradual)
// 设置中心Item是否有幕布遮盖
datePicker.setShowCurtain(boolean showCurtain)
// 设置幕布是否显示边框
datePicker.setShowCurtainBorder(boolean showCurtainBorder)
// 设置幕布边框的颜色
datePicker.setCurtainBorderColor(int curtainBorderColor)
// 设置幕布颜色
datePicker.setCurtainColor(int curtainColor)
// 设置日期
datePicker.setDate(int year, int month, int day, boolean smoothScroll)
// 设置显示数据量的个数的一半。
datePicker.setHalfVisibleItemCount(int halfVisibleItemCount)
// 设置指示器文字的颜色
datePicker.setIndicatorTextColor(int textColor)
// 设置指示器文字的大小
datePicker.setIndicatorTextSize(int textSize)
// 设置选择器的指示器文本,会在中心文字后边多绘制一个文字
datePicker.setIndicatorText(String yearText, String monthText, String dayText)
// 设置是否将中间的Item放大
datePicker.setZoomInSelectedItem(boolean zoomInSelectedItem)
// 设置日期选中的监听
datePicker.setOnDateSelectedListener(DatePicker.OnDateSelectedListener onDateSelectedListener)
// 设置是否循环滚动。
datePicker.setCyclic(boolean cyclic)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.