鸿蒙开发组件（第二部分）

最新推荐文章于 2024-07-31 15:20:56 发布
最新推荐文章于 2024-07-31 15:20:56 发布
阅读量991 收藏 7
点赞数 18
文章标签： harmonyos 华为 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/l10711097061/article/details/137024246
版权

鸿蒙开发组件（第二部分）

1.显示类组件

1.1Clock时钟组件

组件说明：

是Text的子类，所以可以使用Text的一些属性。

常用属性：
属性名称 功能说明
time
设置开始时间（值为毫秒值）
如果写0，表示从1970年1月1日 0:0:0开始计时
该属性不写。默认是从当前时间开始计时
time_zoom
时区
包括：
GMT（格林威治标准时间）
UTC（世界标准时间）
CST（美国、澳大利亚、古巴或中国的标准时间）
DST（夏令时）、
PDT（太平洋夏季时间）
mode_24_hour 按照24小时显示的格式。值为指定的格式。
mode_24_hour 按照24小时显示的格式。值为指定的格式。
常见方法：
方法名 功能说明
setTime（long time） 传入时间的毫秒值
setTimeZoon（String timeZone） 传入时区
set24HourModeEnabled（boolean format24Hour）
设置是否按照24小时制进行显示
参数：false：不按24小时 true：按24小时
默认：true
基本用法：

xml文件布局：

Clock
ohos:height="match_content"
ohos:width="match_content"
ohos:text_size="30fp" />

Java代码：

//将字符串表示的时间（2021-01-01 11:11:11）转成毫秒值
public static String dateToTimeStamp(String s) throws ParseException{
SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); 
Date date = simpleDateFormat.parse(s); 
long ts = date.getTime(); 
String res = String.valueOf(ts); 
return res;
}
//将时间的毫秒值转换为时间
public static String timeStampToDate(String s){
SimpleDateFormat simpleDateFormat = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss"); 
long lt = new Long(s); 
Date date = new Date(lt); 
String res = simpleDateFormat.format(date);
return res;
}
练习：

需求：

通过点击按钮，将时钟组件中的显示方式在24小时制和12小时制之间切换。

业务分析：

页面上有时钟组件和一个按钮组件。

时钟组件默认是按照24小时制显示时间。

点击按钮可以切换到12小时制显示时间。

再次点击按钮可以切换到24小时制显示时间。

代码示例：

xml文件

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:orientation="vertical">
<Clock
ohos:id="$+id:clock"
ohos:time="1861931471"
ohos:height="match_content"
ohos:width="match_content"
ohos:multiple_lines="true"
ohos:text_size="35fp"
ohos:text_alignment="center"
ohos:mode_24_hour="yyyy年MM月dd日 HH:mm:ss"
ohos:layout_alignment="center"
/>
<Button
ohos:id="$+id:but"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="改为12小时制"
ohos:text_size="20fp"
ohos:background_element="#92D050"
ohos:top_margin="30vp"
ohos:layout_alignment="center"/>
</DirectionalLayout>

Java代码

public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {
Clock clock;
Button but;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//1.找到时钟组件
clock = (Clock) findComponentById(ResourceTable.Id_clock);
//找到按钮组件
but = (Button) findComponentById(ResourceTable.Id_but);
//2.给按钮添加一个单击事件
but.setClickedListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
//如果为0，表示24小时制
//如果为1，表示12小时制
int flag = 0;
@Override
public void onClick(Component component) {
if(flag == 0){
//表示当前为24小时，改为12小时
//默认是24小时的。
//如果我们要按照12小时进行展示，需要把24小时的展示方式给关闭
clock.set24HourModeEnabled(false);
//3.指定12小时的展示格式
clock.setFormatIn12HourMode("yyyy年MM月dd日 hh:mm:ss a");
//修改按钮上的文字提示
but.setText("改为24小时制");
//修改标记
flag = 1;
}else if(flag == 1){
//当前是12小时制，要改为24小时制
clock.set24HourModeEnabled(true);
//修改展示格式
clock.setFormatIn24HourMode("yyyy年MM月dd日 HH:mm:ss");
//修改按钮上的文字提示
but.setText("改为12小时制");
//修改标记
flag = 0;
}
}
}

1.2TickTimer定时器组件

组件说明：

是Text的子类，所以可以使用Text的一些属性。

该组件目前有一些bug。这些bug黑马程序员已经反馈至鸿蒙官方，后续版本中会修复这些bug。

bug汇总：

\1. 不要用setBaseTime去设置基准时间。

\2. 停止之后不用重新开始。

常见属性：
属性名 功能说明
format 设置显示的格式
count_down
true倒着计时
false正着计时
常见方法：
方法名 功能说明
start() 启动计时器
stop() 暂停计时器
setBaseTime(long base) 设置基准时间，有bug
setCountDown(boolean countDown) true：倒着计时，false：顺着计时
setFormat(String format) 设置显示格式。默认格式为：分钟::秒钟
setTickListener 计时监听
基本用法：

xml文件： 

<TickTimer
ohos:id="$+id:my_tt"
ohos:height="60vp"
ohos:width="250vp"
ohos:padding="10vp"
ohos:text_size="20fp"
ohos:text_color="#ffffff"
ohos:background_element="#0000ff"
ohos:text_alignment="center"
ohos:layout_alignment="horizontal_center"
ohos:top_margin="50vp" />
//没有设置时间，默认是从1970年1月1日开始。

代码示例：

TickTimer tickTimer = (TickTimer)findComponentById(ResourceTable.Id_my_tt);
//可能有bug，里边的事件，时间戳，绝对时间值，测试都不对
//没有设置时间，默认是从1970年1月1日开始。
//设置为0，是从当前时间开始。正数减时间，负数加时间，实际写代码测试一下，是否修改了这个bug
//tickTimer.setBaseTime(时间的毫秒值);
//设置是正着计时还是倒着计时。
//tickTimer.setCountDown(false); 
//设置格式
tickTimer.setFormat("mm:ss");
//对时间进行监听
tickTimer.setTickListener(监听回调);
//开始计时
tickTimer.start();
//可能有bug，执行后，后台没停止
tickTimer.stop();
//纯Java实现
//每隔1秒就执行run里面的代码
//只不过没有页面显示而已。
Timer timer = new Timer();
timer.schedule(new TimerTask() {
@Override
public void run() {
//...在这里写定时任务
}); 
} },0,1000);
timer.cancel(); //停止计时
练习：

统计10秒之内按了多少次？

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:alignment="center"
ohos:orientation="vertical">
<TickTimer
ohos:id="$+id:ticktimer"
ohos:height="match_content"
ohos:width="match_content"
ohos:text_size="30fp"
ohos:text_color="#FFFFFF"
ohos:background_element="#0000FF"
ohos:text_alignment="center"
ohos:layout_alignment="center"/>
<Text
ohos:id="$+id:count"
ohos:height="match_content"
ohos:width="match_content"
ohos:top_margin="10vp"
ohos:text="0次"
ohos:text_size="30fp"/>
<Button
ohos:id="$+id:but"
ohos:height="match_content"
ohos:width="match_content"
ohos:top_margin="10vp"
ohos:text_size="30fp"
ohos:text="开始计时"
ohos:background_element="#FF0000"/>
</DirectionalLayout>

Java文件：

public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener, TickTimer.TickListener {
TickTimer tickTimer;
Text text;
Button but;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//1.找到三个组件对象
tickTimer = (TickTimer) findComponentById(ResourceTable.Id_ticktimer);
text = (Text) findComponentById(ResourceTable.Id_count);
but = (Button) findComponentById(ResourceTable.Id_but);
//2.给按钮绑定一个单击事件
but.setClickedListener(this);
//3.给定时器做一些基本设置
//false 正向计时 1 2 3 ...
//true 反向计时 10 9 8 7 ....
tickTimer.setCountDown(false);
//设置计时格式
tickTimer.setFormat("mm:ss");
//4.给定时器去绑定定时事件
tickTimer.setTickListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
//是否第一次被点击。
//true：表示是第一次点击
//false：表示不是第一次点击。
boolean first = true;
//定义变量用来统计点击的次数
int count = 0;
//记录游戏开始时间
long startTime = 0;
@Override
public void onClick(Component component) {
//当该方法被调用，证明按钮被点击了一次
count++;
//判断当前是否第一次点击
if(first){
//第一次点击了
//记录游戏开始的时间
//要获取定时器中现在的时间
startTime = String2Long(tickTimer.getText());
//修改按钮里面的文本
but.setText("请疯狂点我");
//修改标记
first = false;
//开启定时器
tickTimer.start();
}
//如果不是第一次点击
//那么就不需要做上面的事情，直接修改文本的内容就可以了
text.setText(count + "次");
}
//当定时器开始计时的时候，就会不断的去调用onTickTimerUpdate这个方法
//tickTimer表示计时器的对象。
@Override
public void onTickTimerUpdate(TickTimer tickTimer) {
//1.获取当前定时器的时间，并把该时间变成毫秒值
long nowTime = String2Long(tickTimer.getText());
//2.判断nowTime跟startTime之间的差有没有超过10秒
if((nowTime - startTime) >= 10000){
tickTimer.stop();
text.setText("最终成绩为：" + count + "次");
but.setText("游戏结束了");
//取消按钮的点击事件
but.setClickable(false);
}
}
//作用：
//就是把字符串类型的时间，变成毫秒值（long）
public long String2Long(String time){
SimpleDateFormat sdf = new SimpleDateFormat("mm:ss");
Date date = null;
try {
date = sdf.parse(time);
} catch (ParseException e) {
e.printStackTrace();
}
long result = date.getTime();
return result;
}
}

1.3 ProgressBar进度条组件

组件说明：

常见app中，下载进度条，完成任务的进度条等都会用到。

常见属性：
属性名称 功能说明
orientation
进度条的摆放
horizontal：水平
vertical：垂直
progress_color 进度条颜色
progress_width 进度条粗细
progress 当前的进度值
max 进度最大值
min 进度最小值
progress_hint_text 进度条文字
progress_hint_text_size 进度条文字大小
progress_hint_text_color 进度条文字颜色
progress_hint_text_alignment 进度条文字对齐方式
常见方法：
方法名 功能说明
setOrientation(int orientation) 方向
setProgressWidth(int progressWidth) 进度条的粗细
setMaxValue(int max) 最大进度值
setMinValue(int min) 最小进度值
setProgressValue(int progress) 当前的进度值
setViceProgress(int progress)
次一级进度值
（看电影时有个进度，电影的提前缓冲也有个进度。）
基本用法：

xml文件：

<ProgressBar
ohos:height="50vp"
ohos:width="300vp"
ohos:progress_width="8vp"
ohos:progress_color="#ff00ff"
ohos:max="100"
ohos:min="0"
ohos:progress="20"
ohos:top_margin="100vp" />

代码实现：

//用点击模拟如接收文件的进度动态改变进度值
ProgressBar progressBar = (ProgressBar) findComponentById(ResourceTable.Id_my_pgb);
progressBar.setClickedListener(new Component.ClickedListener() {
@Override
public void onClick(Component component) {
ProgressBar pgb = (ProgressBar) component; 
pgb.setProgressValue(pgb.getProgress()+5); 
}
});
练习：

点击一次进度加百分之5。

代码示例：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:alignment="center"
ohos:orientation="vertical">
<ProgressBar
ohos:id="$+id:pb"
ohos:height="match_content"
ohos:width="300vp"
ohos:progress="0"
ohos:progress_hint_text="0%"
ohos:progress_hint_text_color="#000000"
ohos:progress_width="50vp"
ohos:progress_color="#FF0000"
ohos:max="100"
ohos:min="0"/>
</DirectionalLayout>

Java文件

public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//1.找到进度条组件
ProgressBar pb = (ProgressBar) findComponentById(ResourceTable.Id_pb);
//2.给进度条绑定一个单击事件
pb.setClickedListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
@Override
public void onClick(Component component) {
//两种获取进度条组件的方式：
//1.把onStart方法中的pb移动到成员位置
//2.onClick方法的形参，也表示被点击的组件对象
//强转
ProgressBar pb = (ProgressBar) component;
//获取进度条里面原本的值
int progress = pb.getProgress();
if(progress >= 100){
//如果进度大于等于100，那么对进度条不会有任何的修改了。
return;
}
//把进度条里面的值 + 5
progress = progress + 5;
//再给进度条设置进度
pb.setProgressValue(progress);
//再修改一下提示文字
pb.setProgressHintText(progress + "%");
}
}

1.4RoundProgressBar

组件说明：

是ProgressBar的子类，用法跟ProgressBar一模一样，只是显示的方式不一样。

基本用法：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:alignment="center"
ohos:orientation="vertical">
<RoundProgressBar
ohos:height="300vp"
ohos:width="300vp"
ohos:progress_hint_text="80%"
ohos:progress_hint_text_size="50vp"
ohos:progress_hint_text_color="#000000"
ohos:progress="80"
ohos:progress_width="20vp"
ohos:progress_color="#FF0000"
ohos:max="100"
ohos:min="0"/>
</DirectionalLayout>

2.交互类组件

可以跟用户进行交互的组件：

比如：

文本输入框TextField

用户可以输入内容

按钮Button

用户可以点击

多选框Checkbox

用户可以选择

单选框RadioButton

用户可以选择

滑块Slider

用户可以滑动

可滚动的视图ScrollView

用户可以滚动阅读内容

列表容器ListContainer

以列表的形式展示数据

搜索框SeachBar

用来搜索的

页面切换PageSlider

多页面之间切换的组件

等等…

2.1TextField文本输入框组件

组件说明：

是Text的子类，用来进行用户输入数据的。

常见属性：
属性名称 功能说明
hint 提示文字
basement 输入框基线的颜色
element_cursor_bubble 设置提示气泡
selection_color 选中文字的颜色
element_selection_left_bubble 设置选中之后左边的气泡
element_selection_right_bubble 设置选中之后右边的气泡
text_input_type 输入框中的输入类型（pattern_password密文展示）
练习1：

获取文本输入框中的内容并进行吐司提示。

xml文件

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:background_element="#F2F2F2"
ohos:orientation="vertical"
>
<TextField
ohos:id="$+id:text
ohos:height="50vp"
ohos:width="319vp"
ohos:background_element="#FFFFFF"
ohos:hint="请输入信息"
ohos:hint_color="#999999"
ohos:layout_alignment="horizontal_center"
ohos:text_alignment="center"
ohos:text_size="17fp"
ohos:top_margin="100vp"/>
<Button
ohos:id="$+id:but"
ohos:height="47vp"
ohos:width="319vp"
ohos:background_element="#21a8FD"
ohos:layout_alignment="center"
ohos:text="获取信息"
ohos:text_alignment="center"
ohos:text_color="#FEFEFE"
ohos:text_size="24vp"
ohos:top_margin="77vp"/>
</DirectionalLayout>

Java代码：

public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {
TextField tf;
Button but;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//1.找到文本输入框组件对象
tf = (TextField) findComponentById(ResourceTable.Id_text);
//找到按钮组件对象
but = (Button) findComponentById(ResourceTable.Id_but);
//2.给按钮绑定一个点击事件
//当点击了按钮之后，就要获取文本输入框中的内容
but.setClickedListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
@Override
public void onClick(Component component) {
//当点击了按钮之后，获取文本输入框中的内容
String message = tf.getText();
//利用一个吐司将信息弹出
ToastDialog td = new ToastDialog(this);
//大小不用设置，默认就是包裹内容的
//自动关闭不用设置，默认到了时间之后就自动关闭
//持续时间可以不用设置，默认2秒
//设置吐司的背景。
td.setTransparent(true);
//位置（默认居中）
td.setAlignment(LayoutAlignment.BOTTOM);
//设置一个偏移
td.setOffset(0,200);
//设置吐司的内容
td.setText(message);
//让吐司出现
td.show();
}
}
练习2：

按住按钮不松，将输入框中的密码变成明文。

松开按钮之后，输入框中的密码变回密文。

代码示例：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:orientation="vertical"
ohos:background_element="#F2F2F2"
>
<TextField
ohos:id="$+id:text"
ohos:height="50vp"
ohos:width="319vp"
ohos:hint="请输入密码"
ohos:text_size="17fp"
ohos:hint_color="#999999"
ohos:text_alignment="center"
ohos:top_margin="100vp"
ohos:layout_alignment="horizontal_center"
ohos:background_element="#FFFFFF"
ohos:text_input_type="pattern_password"/>
<Button
ohos:id="$+id:but"
ohos:height="47vp"
ohos:width="319vp"
ohos:text="查看密码"
ohos:text_size="24vp"
ohos:text_color="#FEFEFE"
ohos:text_alignment="center"
ohos:background_element="#21a8FD"
ohos:top_margin="77vp"
ohos:layout_alignment="center"/>
</DirectionalLayout>

Java文件：

public class MainAbilitySlice extends AbilitySlice implements Component.TouchEventListener {
TextField tf;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//1.找到两个组件对象
tf = (TextField) findComponentById(ResourceTable.Id_text);
Button but = (Button) findComponentById(ResourceTable.Id_but);
//2.要给按钮绑定一个触摸事件
//因为在触摸事件中，才可以获取到按下不松，松开
//单击事件 --- 只能捕获到点击了一下。
but.setTouchEventListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
@Override
//参数一：现在触摸的按钮。
//参数二：动作对象。
public boolean onTouchEvent(Component component, TouchEvent touchEvent) {
int action = touchEvent.getAction();
if(action == TouchEvent.PRIMARY_POINT_DOWN){
//当按下不松的时候，将文本框中的密码变成明文。
tf.setTextInputType(InputAttribute.PATTERN_NULL);
}else if(action == TouchEvent.PRIMARY_POINT_UP){
//当松开的时候，将文本框中的密码变回密文。
tf.setTextInputType(InputAttribute.PATTERN_PASSWORD);
}
//true:表示触摸事件的后续动作还会进行触发
//false：表示触摸事件只触发第一个按下不松的动作。
return true;
}
}
练习3：

搭建登录页面。

图片素材请参见今天的资料。

代码示例：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:orientation="vertical"
ohos:background_element="#F2F2F2"
>
<TextField
ohos:id="$+id:username"
ohos:height="50vp"
ohos:width="319vp"
ohos:hint="请输入用户名"
ohos:text_size="17fp"
ohos:hint_color="#999999"
ohos:text_alignment="center"
ohos:top_margin="100vp"
ohos:layout_alignment="horizontal_center"
ohos:background_element="#FFFFFF"/>
<TextField
ohos:id="$+id:password"
ohos:height="50vp"
ohos:width="319vp"
ohos:hint="请输入密码"
ohos:text_size="17fp"
ohos:hint_color="#999999"
ohos:text_alignment="center"
ohos:top_margin="10vp"
ohos:layout_alignment="horizontal_center"
ohos:background_element="#FFFFFF"
ohos:text_input_type="pattern_password"
/>
<Text
ohos:id="$+id:forgetpassword"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="忘记密码了?"
ohos:text_size="17fp"
ohos:text_color="#979797"
ohos:top_margin="13vp"
ohos:layout_alignment="right"
ohos:right_margin="20vp"/>
<Button
ohos:id="$+id:login"
ohos:height="47vp"
ohos:width="319vp"
ohos:text="登录"
ohos:text_size="24fp"
ohos:text_color="#FEFEFE"
ohos:text_alignment="center"
ohos:background_element="#21a8FD"
ohos:top_margin="77vp"
ohos:layout_alignment="horizontal_center"/>
<Button
ohos:id="$+id:register"
ohos:height="47vp"
ohos:width="319vp"
ohos:text="注册"
ohos:text_size="24fp"
ohos:text_color="#FEFEFE"
ohos:text_alignment="center"
ohos:background_element="#21a8FD"
ohos:top_margin="13vp"
ohos:layout_alignment="horizontal_center"/>
</DirectionalLayout>

2.2Button按钮组件

组件说明：

这个组件之前我们经常使用，可以给他设置宽高，设置提示文字，设置背景色，还可以给他添加各种各样的事件。

关于按钮的基本用法其实我们已经掌握了。大家只要完成下面的一些案例即可。

练习1：

文本当我女朋友好吗？

点击按钮之后，按钮的位置随机变化。

代码示例：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:orientation="vertical"
ohos:background_element="#D9D9D9"
>
<Image
ohos:height="match_content"
ohos:width="match_content"
ohos:image_src="$media:photo"
ohos:layout_alignment="horizontal_center"
ohos:top_margin="100vp"/>
<Text
ohos:id="$+id:message"
ohos:height="50vp"
ohos:width="320vp"
ohos:top_margin="30vp"
ohos:text="当我女朋友好吗？"
ohos:text_alignment="center"
ohos:text_size="35fp"
ohos:layout_alignment="horizontal_center"/>
<Button
ohos:id="$+id:submit"
ohos:height="50vp"
ohos:width="320vp"
ohos:text="好的"
ohos:text_color="#FEFEFE"
ohos:text_alignment="center"
ohos:text_size="30fp"
ohos:background_element="#92D050"
ohos:layout_alignment="horizontal_center"
ohos:top_margin="20vp"/>
<Button
ohos:id="$+id:cacel"
ohos:height="50vp"
ohos:width="320vp"
ohos:text="不好"
ohos:text_color="#FEFEFE"
ohos:text_alignment="center"
ohos:text_size="30fp"
ohos:background_element="#92D050"
ohos:layout_alignment="horizontal_center"
ohos:top_margin="10vp"/>
</DirectionalLayout>

Java文件：

public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {
Text message;
Button submit;
Button cacel;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//1.找到组件
message = (Text) findComponentById(ResourceTable.Id_message);
submit = (Button) findComponentById(ResourceTable.Id_submit);
cacel = (Button) findComponentById(ResourceTable.Id_cacel);
//2.给两个按钮添加单击事件
submit.setClickedListener(this);
cacel.setClickedListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
//表示记录了点击不好的次数
int count = 0;
Random r = new Random();
@Override
public void onClick(Component component) {
//判断当前点击的是好的，还是不好
if(component == submit){
message.setText("恭喜你！");
//与此同时，app在后台发送一个确认消息。
//取消两个按钮的点击事件。
submit.setClickable(false);
cacel.setClickable(false);
}else if(component == cacel){
//不好这个按钮被点击了一次
count++;
if(count == 1){
//表示妹子是第一次点击不好
message.setText("手滑了吧，再点一次吧");
//用代码设置大小，单位是像素px
message.setTextSize(60);
//还需要把不好按钮的位置进行随机摆放
int x = r.nextInt(500);
int y = r.nextInt(1000);
cacel.setTranslation(x,y);
}else{
//表示妹子不是第一次点击不好
message.setText("我是你永远得不到的男人");
//取消两个按钮的点击事件。
submit.setClickable(false);
cacel.setClickable(false);
}
}
}
}
练习2：

综合案例：用户登录界面

点击登录，验证用户名和密码。

成功，跳转主页面。

失败，提示用户输入错误。

点击注册，跳转注册页面。

代码示例：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:orientation="vertical"
ohos:background_element="#F2F2F2"
>
<TextField
ohos:id="$+id:username"
ohos:height="50vp"
ohos:width="319vp"
ohos:hint="请输入用户名"
ohos:text_size="17fp"
ohos:hint_color="#999999"
ohos:text_alignment="center"
ohos:top_margin="100vp"
ohos:layout_alignment="horizontal_center"
ohos:background_element="#FFFFFF"/>
<TextField
ohos:id="$+id:password"
ohos:height="50vp"
ohos:width="319vp"
ohos:hint="请输入密码"
ohos:text_size="17fp"
ohos:hint_color="#999999"
ohos:text_alignment="center"
ohos:top_margin="10vp"
ohos:layout_alignment="horizontal_center"
ohos:background_element="#FFFFFF"
ohos:text_input_type="pattern_password"
/>
<Text
ohos:id="$+id:forgetpassword"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="忘记密码了?"
ohos:text_size="17fp"
ohos:text_color="#979797"
ohos:top_margin="13vp"
ohos:layout_alignment="right"
ohos:right_margin="20vp"/>
<Button
ohos:id="$+id:login"
ohos:height="47vp"
ohos:width="319vp"
ohos:text="登录"
ohos:text_size="24fp"
ohos:text_color="#FEFEFE"
ohos:text_alignment="center"
ohos:background_element="#21a8FD"
ohos:top_margin="77vp"
ohos:layout_alignment="horizontal_center"/>
<Button
ohos:id="$+id:register"
ohos:height="47vp"
ohos:width="319vp"
ohos:text="注册"
ohos:text_size="24fp"
ohos:text_color="#FEFEFE"
ohos:text_alignment="center"
ohos:background_element="#21a8FD"
ohos:top_margin="13vp"
ohos:layout_alignment="horizontal_center"/>
</DirectionalLayout>

Java文件：

public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {
TextField username;
TextField password;
Text forgetPassword;
Button login;
Button register;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//1.找到5个组件对象
username = (TextField) findComponentById(ResourceTable.Id_username);
password = (TextField) findComponentById(ResourceTable.Id_password);
forgetPassword = (Text) findComponentById(ResourceTable.Id_forgetpassword);
login = (Button) findComponentById(ResourceTable.Id_login);
register = (Button) findComponentById(ResourceTable.Id_register);
//2.给三个组件添加事件
forgetPassword.setClickedListener(this);
login.setClickedListener(this);
register.setClickedListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
@Override
public void onClick(Component component) {
if(component == forgetPassword){
//跳转到忘记密码页面
ToastUtils.showDialog(this,"用户点击了忘记密码");
}else if(component == login){
//比较用户输入的用户名和密码是否正确
String usernameInput = username.getText();
String passwordInput = password.getText();
//拿着用户输入的用户名和密码进行比较
//在实际开发中，我们是把用户名和密码传递给服务器进行比较的。
//因为我们还没有学习如何跟服务器交互，所以此时我们先暂时写死
if("".equals(usernameInput) || "".equals(passwordInput)){
//如果用户名和密码有一个为空，那么都不能登录
ToastUtils.showDialog(this,"用户名或密码不能为空");
}else if("zhangsan".equals(usernameInput) && "123456".equals(passwordInput)){
//如果正确了，则跳转到app的主页面
ToastUtils.showDialog(this,"登录成功");
}else{
//表示只要有一个错误了，都不能登录
//需要给用户一个提示
ToastUtils.showDialog(this,"用户名或密码错误了");
}
}else if(component == register){
//跳转到注册页面
ToastUtils.showDialog(this,"用户点击了注册");
}
}
}

2.3Checkbox多选框组件

组件说明：

父类是AbsButton，而AbsButton的父类是Button。

当我们需要同时选择多个元素的时候就需要用到多选框组件。

比如：发送图片的时候需要多选，注册的时候选择爱好也需要多选等。

常见属性：
属性名称 功能说明
marked 多选框的选中状态。true为选中，false为没有选中。
check_element 自定义选择框的样式。样式需要跟marked的值对应。
常见方法：
方法名称 功能说明
setChecked 设置多选框的选中状态。true为选中，false为没有选中。
isChecked 判断多选框的选中状态。true为选中，false为没有选中。
setCheckedStateChangedListener 添加一个状态监听事件
练习1：

当多选框状态改变时，出现对应的吐司提示。

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:alignment="center"
ohos:orientation="vertical">
<Checkbox
ohos:id="$+id:cb"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="玩游戏"
ohos:text_size="30fp"
ohos:background_element="#21a8FD"
/>
</DirectionalLayout>
吐司布局：
<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_content"
ohos:width="match_content"
ohos:orientation="vertical">
<Text
ohos:id="$+id:msg"
ohos:height="match_content"
ohos:width="match_content"
ohos:text_size="30fp"
ohos:text_color="#FFFFFF"
ohos:text_alignment="center"
ohos:background_element="#464343"/>
</DirectionalLayout>

Java文件：

public class MainAbilitySlice extends AbilitySlice implements AbsButton.CheckedStateChangedListener/*,
Component.ClickedListener*/ {
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//1.找到多选框组件
Checkbox cb = (Checkbox) findComponentById(ResourceTable.Id_cb);
//2.设置多选框的选中状态
//true表示选中
//false表示未选中
cb.setChecked(true);
//判断当前的多选框是否被选中
/*boolean checked = cb.isChecked();
if(checked){
ToastUtils.showDialog(this,"被选中了");
}else{
ToastUtils.showDialog(this,"没有被选中");
}*/
//可以给多选框添加一个状态监听事件
cb.setCheckedStateChangedListener(this);
// cb.setClickedListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
//当多选框的状态被改变之后，就会调用这个方法
//参数一：absButton就表示状态被改变的那个多选框
//参数二：表示当前多选框的状态，true选中 false 未选中
@Override
public void onCheckedChanged(AbsButton absButton, boolean b) {
if(b){
ToastUtils.showDialog(this,"被选中");
}else{
ToastUtils.showDialog(this,"未被选中");
}
}
//小结：
//当多选框绑定单击事件的时候，在onClick方法当中，获取的是点击之前的状态
//（建议）当多选框绑定状态改变事件的时候，在onCheckedChanged方法中，获取的是点击之后的状态
/* @Override
public void onClick(Component component) {
//参数：表示被点击的那个组件
Checkbox cb = (Checkbox) component;
if(cb.isChecked()){
ToastUtils.showDialog(this,"被选中");
}else{
ToastUtils.showDialog(this,"未被选中");
}
}*/
}
吐司工具类代码：
public class ToastUtils {
public static void showDialog(Context context,String message){
//1.把xml文件加载到内存当中。
DirectionalLayout dl = (DirectionalLayout)
LayoutScatter.getInstance(context).parse(ResourceTable.Layout_mytoast, null, false);
//2.获取到当前布局对象中文本组件
Text msg = (Text) dl.findComponentById(ResourceTable.Id_msg);
//3.把需要提示的信息设置到文本组件中
msg.setText(message);
//4.创建一个吐司对象
ToastDialog td = new ToastDialog(context);
//设置吐司的大小。--- 默认是包裹内容
td.setSize(DirectionalLayout.LayoutConfig.MATCH_CONTENT,DirectionalLayout.LayoutConfig.MATCH_CONTENT);
//设置出现的时间
td.setDuration(2000);
//设置对齐方式
td.setAlignment(LayoutAlignment.BOTTOM);
//把xml中的布局对象交给吐司
td.setContentCustomComponent(dl);
//把吐司做一个偏移
//偏移是以吐司弹框的基准位置进行偏移的
//如果是正数，就默认往屏幕中央去偏移
//如果是负数，就往屏幕中央的反方向去偏移
td.setOffset(0,200);
//让吐司出现
td.show();
}
}
练习2：

自定义时间显示格式。

代码示例：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:orientation="vertical">
<Clock
ohos:id="$+id:clock"
ohos:height="match_content"
ohos:width="match_content"
ohos:text_color="#FFFFFF"
ohos:text_size="30vp"
ohos:background_element="#778495"
ohos:mode_24_hour="yyyy年MM月dd日 HH:mm:ss"/>
<Checkbox
ohos:id="$+id:year"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="年"
ohos:text_size="30fp"
ohos:layout_alignment="left"
ohos:left_margin="30vp"
ohos:top_margin="30vp"
ohos:background_element="#5E5CA2"/>
<Checkbox
ohos:id="$+id:month"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="月"
ohos:text_size="30fp"
ohos:layout_alignment="left"
ohos:left_margin="30vp"
ohos:top_margin="10vp"
ohos:background_element="#5E5CA2"/>
<Checkbox
ohos:id="$+id:day"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="日"
ohos:text_size="30fp"
ohos:layout_alignment="left"
ohos:left_margin="30vp"
ohos:top_margin="10vp"
ohos:background_element="#5E5CA2"/>
<Checkbox
ohos:id="$+id:hour"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="时"
ohos:text_size="30fp"
ohos:layout_alignment="left"
ohos:left_margin="30vp"
ohos:top_margin="10vp"
ohos:background_element="#5E5CA2"/>
<Checkbox
ohos:id="$+id:minutes"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="分"
ohos:text_size="30fp"
ohos:layout_alignment="left"
ohos:left_margin="30vp"
ohos:top_margin="10vp"
ohos:background_element="#5E5CA2"/>
<Checkbox
ohos:id="$+id:second"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="秒"
ohos:text_size="30fp"
ohos:layout_alignment="left"
ohos:left_margin="30vp"
ohos:top_margin="10vp"
ohos:background_element="#5E5CA2"/>
<Button
ohos:id="$+id:submit"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="确定"
ohos:top_margin="10vp"
ohos:text_size="30fp"
ohos:text_color="#000000"
ohos:background_element="#FF0000"/>
</DirectionalLayout>

Java文件： 

public class MainAbilitySlice extends AbilitySlice implements Component.ClickedListener {
Clock clock;
Button but;
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//1.找到组件
clock = (Clock) findComponentById(ResourceTable.Id_clock);
but = (Button) findComponentById(ResourceTable.Id_submit);
//2.给按钮去绑定单击事件
but.setClickedListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
@Override
public void onClick(Component component) {
//最简单的实现方式
//判断6个多选框是否被选中，如果被选中，再拼接时间格式就可以了
String year = check(ResourceTable.Id_year,"yyyy年");
String month = check(ResourceTable.Id_month,"MM月");
String day = check(ResourceTable.Id_day,"dd日");
String hour = check(ResourceTable.Id_hour,"HH:");
String minutes = check(ResourceTable.Id_minutes,"mm:");
String second = check(ResourceTable.Id_second,"ss");
//拼接操作
String result = year + month + day + " " + hour + minutes + second;
// " "
if(result.length() == 1){
//表示所有的多选框都没有选择
ToastUtils.showDialog(this,"不能一个都不选");
//细节：表示当代码弹出吐司之后，方法就执行完毕，下面的代码不会执行了。
return;
}
//把时间展示的格式交给Clock组件
clock.setFormatIn24HourMode(result);
}
//定义一个方法
//作用：判断多选框有没有被选中
//如果被选中了，则返回字符串
//如果没有被选中，则返回一个长度为0的字符串
public String check(int id,String result){
//根据传递过来的id找到对应的多选框
Checkbox cb = (Checkbox) findComponentById(id);
//判断当前的多选框有没有被选中
//如果被选中，就返回result
//如果没有被选中，就返回""
if(cb.isChecked()){
return result;
}else{
return "";
}
}
}

2.4RadioButton单选框组件

组件说明：

父类是AbsButton，而AbsButton的父类是Button。在使用的时候需要用到单选按钮的按钮组。

RadioContainer，在一组内多选按钮只能选择其中一个。

当需要监听单选框的状态时，不要用AbsButton里面的CheckedStateChangedListener。而是给按钮组

RadioContainer添加事件。用RadioContainer里面的CheckedStateChangedListener。

常见属性：
属性名称 功能说明
marked 单选按钮的选中状态。true为选中，false为没有选中。
check_element 自定义选择框的样式。样式需要跟marked的值对应。
常见方法：
方法名称 功能说明
setChecked 设置多选框的选中状态。true为选中，false为没有选中。
isChecked 判断多选框的选中状态。true为选中，false为没有选中。
setCheckedStateChangedListener 添加一个状态监听事件（一般不用）
按钮组RadioContainer常见方法：
方法名称 功能说明
setMarkChangedListener 添加状态监听事件，可以监听按钮组里面单选按钮的状态是否改变
练习：

xml文件：

<?xml version="1.0" encoding="utf-8"?>
<DirectionalLayout
xmlns:ohos="http://schemas.huawei.com/res/ohos"
ohos:height="match_parent"
ohos:width="match_parent"
ohos:alignment="center"
ohos:orientation="vertical">
<RadioContainer
ohos:id="$+id:rc"
ohos:height="match_content"
ohos:width="match_content">
<RadioButton
ohos:id="$+id:boy"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="男"
ohos:text_size="30fp"
ohos:text_alignment="center"
ohos:marked="false"
ohos:background_element="#21a8fd"
/>
<RadioButton
ohos:id="$+id:girl"
ohos:height="match_content"
ohos:width="match_content"
ohos:text="女"
ohos:text_size="30fp"
ohos:text_alignment="center"
ohos:marked="false"
ohos:background_element="#21a8fd"
ohos:top_margin="10vp"/>
</RadioContainer>
<!-- <RadioContainer
ohos:height="match_content"
ohos:width="match_content">
<RadioButton
ohos:height="match_content"
ohos:width="match_content"
ohos:text="篮球"
ohos:text_size="30fp"
ohos:text_alignment="center"
ohos:marked="false"
ohos:background_element="#21a8fd"
/>
<RadioButton
ohos:height="match_content"
ohos:width="match_content"
ohos:text="足球"
ohos:text_size="30fp"
ohos:text_alignment="center"
ohos:marked="false"
ohos:background_element="#21a8fd"
ohos:top_margin="10vp"/>
<RadioButton
ohos:height="match_content"
ohos:width="match_content"
ohos:text="排球"
ohos:text_size="30fp"
ohos:text_alignment="center"
ohos:marked="false"
ohos:background_element="#21a8fd"
ohos:top_margin="10vp"/>
</RadioContainer>-->
</DirectionalLayout>

Java文件：

public class MainAbilitySlice extends AbilitySlice implements RadioContainer.CheckedStateChangedListener {
@Override
public void onStart(Intent intent) {
super.onStart(intent);
super.setUIContent(ResourceTable.Layout_ability_main);
//找到单选框按钮对象
RadioButton rb1 = (RadioButton) findComponentById(ResourceTable.Id_boy);
RadioButton rb2 = (RadioButton) findComponentById(ResourceTable.Id_girl);
RadioContainer rc = (RadioContainer) findComponentById(ResourceTable.Id_rc);
//rb1.setChecked(true);
//rb1.setCheckedStateChangedListener(this);
//rb2.setCheckedStateChangedListener(this);
rc.setMarkChangedListener(this);
}
@Override
public void onActive() {
super.onActive();
}
@Override
public void onForeground(Intent intent) {
super.onForeground(intent);
}
/* //参数一：状态改变的那个单选按钮
//参数二：单选按钮的状态
@Override
public void onCheckedChanged(AbsButton absButton, boolean b) {
String text = absButton.getText();
if(b){
ToastUtils.showDialog(this,text + "被选中了");
}else{
ToastUtils.showDialog(this,text + "被取消选中了");
}
}*/
//当按钮组里面的按钮状态发生改变的时候，就会触发下面的方法
//参数一：单选框按钮组的对象
//参数二：索引，表示当前状态改变的是该按钮组中第几个按钮
@Override
public void onCheckedChanged(RadioContainer radioContainer, int i) {
RadioButton rb = (RadioButton) radioContainer.getComponentAt(i);
String text = rb.getText();
if(rb.isChecked()){
ToastUtils.showDialog(this,text + "被选中了");
}else{
ToastUtils.showDialog(this,text + "被取消选中了");
}
}
}
金色的果实
关注
  • 18
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
OpenHarmony/HarmonyOS如何获取系统时间戳
坚果的博客
07-08 1万+
润开鸿生态技术专家，华为HDE，InfoQ签约作者，OpenHarmony布道师，擅长HarmonyOS应用开发、熟悉服务卡片开发，在“战码先锋”活动中作为大队长，累计培养三个小队长，带领100+队员完成Pr的提交合入。在HarmonyOS中使用接口@ohos.systemDateTime的getCurrentTime来获取系统系统时间和时区。欢迎通过主页或者私信联系我，加入坚果派，一起学习鸿蒙应用开发。适用于：Harmony 3.1 Release API 9。公众号：“大前端之旅”
2024年HarmonyOS APP开发入门3——组件（六 时间组件 ）---Clock(4)，面试建议英语
2401_84853434的博客
05-13 931
/设置为0，是从当前时间开始。正数减时间，负数加时间，实际写代码测试一下，是否修改了这个bug。//tickTimer.setBaseTime(时间的毫秒值);//可能有bug，里边的事件，时间戳，绝对时间值，测试都不对。//没有设置时间，默认是从1970年1月1日开始。ohos:text=“改为12小时制”//可能有bug，执行后，后台没停止。//每隔1秒就执行run里面的代码。//只不过没有页面显示而已。//设置是正着计时还是倒着计时。//将时间的毫秒值转换为时间。
Openharmony鸿蒙系统通过shell指令设置系统时间
AiPingWin的博客
12-15 462
Openharmony鸿蒙系统shell设置系统时间
HarmonyOS开发实战：基础组件使用-API
DMZDAMS的博客
06-30 915
一个HarmonyOS基础工具类，组成各种工具类
【鸿蒙软件开发】ArkTS基础组件之DataPanel(数据面板)、DatePicker(日期选择)
m0_62599305的博客
10-24 1885
DataPanel：数据面板组件，用于将多个数据占比情况使用占比图进行展示。DatePicker：日期选择器组件，用于根据指定日期范围创建日期滑动选择器。下面的参数分别代表：参数名，参数类型，必填，参数描述values，number[]，是，数据值列表，最多包含9个数据，大于9个数据则取前9个数据。若数据值小于0则置为0。max，number，否max大于0，表示数据的最大值。max小于等于0，max等于value数组各项的和，按比例显示。默认值：100。
vue实战——电子时钟
朝阳39的博客
08-30 1782
html <div class="dateBox"> <div class="time">{{ time }}</div> <div class="date">{{ date }}</div> </div> css .dateBox { background-image: url("~@/assets/images/时间.png"); background-repeat: no..
华为鸿蒙HarmonyOS开发整理资料汇总.zip
11-25
华为鸿蒙HarmonyOS开发整理资料汇总，共38份。 1学前必读：HarmonyOS学习资源主题分享 2学前必读：OpenHarmony-联盟生态资料合集 3-1.HarmonyOS概述：技术特性 3-2.HarmonyOS概述：开发工具与平台 3-3.HarmonyOS...
鸿蒙HarmonyOS开发学习笔记
01-21
学习鸿蒙HarmonyOS开发，首先需要掌握其基本架构和组件。HarmonyOS开发主要使用 ArkTS 语言，这是一种基于TypeScript的编程语言，适用于构建HarmonyOS应用。 鸿蒙应用的工程结构通常包括以下几个关键部分： 1. **...
华为鸿蒙系统HarmonyOS学习之鸿蒙开发环境搭建
12-29
Node.js是HarmonyOS开发中必不可少的组件之一，用于运行JavaScript代码和管理依赖。访问官方网站，选择长期支持版（LTS）进行下载，这里推荐的是14.16.0版本。下载完成后，按照默认设置进行安装。安装完毕后，打开...
HarmonyOS移动应用开发（ArkTS版）课件PPT
11-14
2. **第02章 第1个HarmonyOS应用**：引导开发者编写第一个 HarmonyOS 应用，通过实践来熟悉 ArkTS 语言和开发环境的设置，掌握基本的程序结构。 3. **第05章 组件**：详细讲解 HarmonyOS 中的组件系统，包括各种 UI...
朱老师鸿蒙系列课程第1期-1.鸿蒙系统HarmonyOS打通开发实践
06-30
课程目标是让大家整体的体验harmonyos开发全流程。Harmonyos支持Windows和linux两种开发方式，windows下提供了南向ide（基于vscode+deveco studio插件），可以配置编译并烧录，还可以单步调试。而linux下基于命令行...
时钟桌面小组件
02-19
初步写的一个时钟的天气小组件的小项目，请大家笑纳
vue时钟组件
08-12
vue 时钟组件
鸿蒙-定时器
luo_sen的专栏
01-24 810
Context context = getContext(); Timer timer = new Timer(); timer.schedule(new TimerTask() { @Override public void run() { context.getUITaskDispatcher().delayDispatch(new Runnable() { @O..
扩展鸿蒙ArkUI日期组件
luck332的专栏
02-05 378
鸿蒙ArkUI日期组件使用的是DatePickerDialog.show基础上扩展的表单式输入组件，方便在输入日期方式快速使用及复用。使用也是非常的简单，只需要引入组件然后调用组件，值实现了双向绑定。
鸿蒙（HarmonyOS）DatePicker+TimePicker时间选择控件
最新发布
Jafer的博客
07-31 453
操作系统: Windows 11 专业版、IDE:DevEco Studio 3.1.1 Release、SDK:HarmonyOS 3.1.0（API 9）控制 鸿蒙（HarmonyOS）DatePicker+TimePicker时间选择控件
纯血鸿蒙APP实战开发——Canvas实现模拟时钟案例
m0_71524094的博客
05-07 1542
本示例介绍利用Canvas和定时器实现模拟时钟场景，该案例多用于用户需要显示自定义模拟时钟的场景。如果你觉得这篇内容对你还蛮有帮助，我想邀请你帮我三个小忙：关注小编，同时可以期待后续文章ing🚀，不定期分享原创知识。
鸿蒙OS应用开发之——Java UI框架-常用组件DatePicker，2024年最新百度的HarmonyOS鸿蒙面试题
2401_84185951的博客
04-16 527
operated_text_color | setOperatedTextColor(int color) | 操作项的字体颜色 || selected_text_color | setSelectedTextColor(int color) | 已选项的字体颜色 || normal_text_color | setNormalTextColor(int color) | 待选项的字体颜色 || day_fixed | 日期固定，默认false |设置最小日期为2021/08/01。
鸿蒙开源第三方组件——日期和时间处理组件JodaTime-ohos
VincenZsw的博客
06-21 1881
前言 基于安卓平台的日期和时间处理组件JodaTime-ohos（https://github.com/dlew/joda-time-android）， 实现鸿蒙化迁移和重构。代码已经开源到（https://gitee.com/isrc_ohos/joda-time_ohos），欢迎各位下载使用并提出宝贵意见！ 背景 JodaTime-ohos是一个日期和时间处理组件，可以获取标准时间、当前时间、相对时间、格式化时间等多种形式的时间，并支持对各类时间进行计算和判断。该组...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值