48.HarmonyOS鸿蒙系统 App(ArkUI)常用组件的使用

48.HarmonyOS鸿蒙系统 App(ArkUI)常用组件的使用

按钮触发事件

toast信息提示

单选按钮

复选框

切换按钮,开关按钮

进度条

textbox,textinput,TextArea文本输入框

气泡提示

import prompt from '@ohos.prompt';
import promptAction from '@ohos.promptAction';
@Entry
@Component
struct Index {@State message: string = 'Hello World'@State handlePopup: boolean = falsebuild() {Column(){Row(){Text('常用组件的使用').fontSize(38).fontColor(Color.White)}.backgroundColor(Color.Blue)Row(){Text('文本组件').fontSize(38).fontColor(Color.White).align(Alignment.Center)}.backgroundColor(Color.Blue)Row(){Button('按钮组件').fontSize(32).fontColor(Color.White).onClick(()=>{promptAction.showToast({message: "默认Toast提示信息显示"})})Button('按钮组件2').fontSize(32).fontColor(Color.White).onClick(()=>{promptAction.showToast({message: "参数配置toast显示", // 显示文本duration: 3000,              // 显示时长,3秒bottom: 500})})}.backgroundColor(Color.Blue)Row(){Radio({ value: 'Radio1', group: 'radioGroup' }).height(50).width(50).onChange((isChecked: boolean) => {if(isChecked) {// 切换promptAction.showToast({ message: '单选1' })}})Radio({ value: 'Radio2', group: 'radioGroup' }).height(50).width(50).onChange((isChecked: boolean) => {if(isChecked) {// 切换promptAction.showToast({ message: '单选2' })}})Radio({ value: 'Radio3', group: 'radioGroup' }).height(50).width(50).onChange((isChecked: boolean) => {if(isChecked) {// 切换promptAction.showToast({ message: '单选3' })}})}.backgroundColor(Color.Green)Row(){Text('单选按钮')}.backgroundColor(Color.Green)Row(){Toggle({ type: ToggleType.Checkbox, isOn: false })Text('复选框,切换按钮1')}Row(){Toggle({ type: ToggleType.Checkbox, isOn: true })Text('复选框,切换按钮2')}Row(){Toggle({ type: ToggleType.Switch, isOn: false })Text('开关按钮1')Toggle({ type: ToggleType.Switch, isOn: true })Text('开关按钮2')}Row(){Progress({ value: 24, total: 100, type: ProgressType.Linear })Text('进度条')}Row(){Text('类别:')TextInput({text:'文本输入信息'}).backgroundColor(Color.Yellow)}Row(){Text('专业:')TextArea({text:'TextArea信息可以自动换行,。。。。。。。。。。。,' +'非常方便,非常有用'}).backgroundColor(Color.Orange)}Row(){Button('气泡提示').onClick(()=>{this.handlePopup = !this.handlePopup}).bindPopup(this.handlePopup, {message: '这是气泡提示信息',})}.backgroundColor(Color.Orange)}}
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/624096.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

第1章:自动驾驶车辆“规划”与“控制”的通用架构

1.1 自动驾驶的分级 2014年美国汽车工程师学会 (SAE) 定义了6个无人驾驶等级,从0级(完全手动)到5级(完全自动),这些无人驾驶等级准则已经被美国交通部采纳;该标准也被称为SAE标准; …

CDC类下的画线函数

本文仅供学习交流,严禁用于商业用途,如本文涉及侵权请及时联系将于24小时内删除 目录 1.实验原理(后续再补写) 2.实验步骤 3.运行代码 4.运行结果 1.实验原理(后续再补写) MoveTo(); LineTo(); 2.实验步骤 2.1在对话框中添加如下布局控件 2.2绑定…

4.15号驱动

设备树 1. 设备树介绍 1.1 引入 在linux内核3.10版本之前,arm公司将驱动相关的硬件信息(地址、中断号、i2c从机地址)都存放在arch/arm目录 由于每一个设备都会对应一个文件,进行描述硬件的信息,这个目录下会存放大量的垃圾代码&#xff0…

最新可用免费云服务器推荐汇总

随着云计算技术的不断发展,越来越多的企业和个人开始关注并尝试使用云服务器。云服务器以其高度的灵活性、可扩展性和成本效益,成为了部署应用和存储数据的理想选择。本文将为大家汇总目前市场上最新可用的免费云服务器资源,帮助大家更好地了…

HG泄露(ctfhub)

工具准备:dirsearch、dvcs-ripper 网络安全之渗透测试全套工具篇(内含安装以及使用方法)_dvcs-ripper-CSDN博客 dvcs-ripper:一款perl的版本控制软件信息泄露利用工具,支持bzr、cvs、git、hg、svn... tree //树状…

毕设论文的分类号与UDC查询

对于毕业论文分类号与UDC,可以根据个人研究领域查询。 中图分类号查询链接: 中图分类号查询 | 中国图书馆分类法 | 中图法 | 中图分类号 (clcindex.com)https://www.clcindex.com/category/ UDC查询链接: UDC Summaryhttps://udcsummary.info/php/ind…

Appium Desktop + Appium Inspector + 模拟器连接

一、环境预备 1.你需要安装好配置好adb,确保可以在命令行直接运行adb指令 2.安装Appium Desktop、Appium Inspector 、 模拟器 二、启动appium 服务 启动后,画面如下: 三、启动模拟器 此时,启动模拟器,打开电脑cmd窗口&#x…

数模转换(ADC)、IIC、2440内部IIC寄存器、主机发送、主机接收

我要成为嵌入式高手之4月15日ARM第八天!! ———————————————————————————— ADC 概念 ADC是模拟到数字转换器的缩写。是一种电子设备或者模块。用于将连续变化的模拟信号转换为离散的数字信号,以便数字系统能够对…

【北京迅为】《iTOP-3588开发板系统编程手册》-第7章 Linux终端会话和进程管理

RK3588是一款低功耗、高性能的处理器,适用于基于arm的PC和Edge计算设备、个人移动互联网设备等数字多媒体应用,RK3588支持8K视频编解码,内置GPU可以完全兼容OpenGLES 1.1、2.0和3.2。RK3588引入了新一代完全基于硬件的最大4800万像素ISP&…

基于ADB的Scrcpy实现电脑控制手机

Scrcpy是一个开源的,基于ADB(Android 调试桥)的手机到电脑上的投屏操控的实现,本文将介绍如何搭建开发环境,使得在Windows系统中去控制投屏的安卓手机。 1. 安装投屏软件 下载Scrcpy软件到电脑上,该软件中…

类的加载,反射和注解详解

文章目录 类的加载概述类加载器作用分类获取类加载器的方式 双亲委派机制3种加载器的关系工作机制 类加载器的应用 反射概述关键获取类对象获取构造器对象获取方法对象获取成员变量对象作用 注解概述作用自定义注解格式属性类型 元注解常见的元注解 注解解析概述方法技巧 类的加…

windows停掉jenkins服务

在Windows系统中,如果你需要停止Jenkins服务, 使用服务管理器(Service Manager): 打开“运行”对话框(Win R),输入services.msc,然后回车。 在服务列表中找到“Jenkins”服务&am…