专业编程基础技术教程

网站首页 > 基础教程 正文

HarmonyOS JAVA UI 常用组件

ccvgpt 2024-09-09 02:26:44 基础教程 49 ℃

题外消息:#歌手海峰跳楼去世#

2021年5月26日凌晨,著名歌手海峰因#抑郁症#跳楼去世,曾经参加浙江卫视的“我爱记歌词”节目爆红。言归正传,家人们,向下戳[大侦探皮卡丘][白眼]

HarmonyOS JAVA UI 常用组件

内容概要

本文主要归纳常用JAVA UI组件,适当解析部分组件属性。提供一点学习参考意见。

常用组件

Text

  • 基础定义:字符串、文本显示组件,常用子组件Button和TextField。
  • 属性:text 显示文本;hint 提示文本;text_font 字体;text_size 文本大小;text_color 文本颜色;更多属性请查阅官方文档。
  • 应用场景:页面标题栏和页面详情等。

Button(HarmonyOS JAVA UI 常用组件)

  • 基础定义:Button是一种常见的按钮组件,点击可以触发对应的操作,通常由文本或图标组成,也可以由图标和文本共同组成。
  • 属性:略。
  • 应用场景:页面中有点击需求的位置,如登录、注册、下一步等。

TextField(HarmonyOS JAVA UI 常用组件)

  • 基础定义:TextField提供了一种文本输入框。
  • 属性:继承自Text。
  • 应用场景:登录、注册页面、表单信息等需要收集前端信息的界面。#成都常住人口突破2000万#

Image(HarmonyOS JAVA UI 常用组件)

  • 基础定义:Image是用来显示图片的组件。
  • 属性:image_src 图像资源;scale_mode图像缩放类型;clip_alignment 图像裁剪对齐方式。
  • 应用场景:商品详情等需要展示图片的页面。

TabList和Tab(HarmonyOS JAVA UI 常用组件)

  • 基础定义:Tablist可以实现多个页签栏的切换,Tab为某个页签。
  • 属性:orientation 页签排列方向;normal_text_color 未选中的文本颜色;selected_text_color 选中的文本颜色;fixed_mode 是否固定所有页签。更多属性请参考官方文档。
  • 应用场景:页面布局的时候,为达到页面显示更多内容、提高页面操作简洁度、逻辑相关性等场景,如商品列表。

Picker(HarmonyOS JAVA UI 常用组件)

  • 基础定义:Picker提供了滑动选择器,允许用户从预定义范围中进行选择。
  • 属性:max_value 最大值;min_value 最小值;value 当前值。更多属性请参考官方文档。
  • 应用场景:需要滑动效果界面,如日期选择、年龄选择等界面。

DatePicker(HarmonyOS JAVA UI 常用组件)

  • 基础定义:DatePicker主要供用户选择日期。
  • 属性:date_order 日期显示格式,更多属性请参考官方文档。
  • 应用场景:日期选择。

TimePicker

  • 基础定义:TimePicker主要供用户选择时间。
  • 属性:mode_24_hour 是否24小时制;hour 显示小时;minute 显示分钟。更多属性请参考官方文档。
  • 应用场景:时间选择。

Switch(HarmonyOS JAVA UI 常用组件)

  • 基础定义:Switch是切换单个设置开/关两种状态的组件。
  • 属性:text_state_on 开启时显示的文本;text_state_off 关闭时显示的文本。更多属性请参考官方文档。
  • 应用场景:开关效果,如常用APP浏览器设置页面,我们过滤广告的开关选择项。

RadioButton(HarmonyOS JAVA UI 常用组件)

  • 基础定义:RadioButton用于多选一的操作,需要搭配RadioContainer使用,实现单选效果。
  • 属性:marked 当前状态;text_color_on 选中状态的颜色;text_color_off; 未选中状态的颜色。更多属性请参考官方文档。
  • 应用场景:多选一操作。#朝中社:朝鲜大力开展群众养兔运动#

RadioContainer(HarmonyOS JAVA UI 常用组件)

  • 基础定义:RadioContainer是RadioButton的容器,在其包裹下的RadioButton保证只有一个被选项。
  • 属性:略。
  • 应用场景:一般和RadioButton搭配使用。

Checkbox

  • 基础定义:可以实现选中和取消选中的功能。
  • 属性:marked 当前状态(选中或取消选中)。更多属性请参考官方文档。
  • 应用场景:如我们常见APP应用中,让我们签署"同意"某协议(如:借款协议、免责申明)。

ProgressBar

  • 基础定义:用于显示内容或操作的进度。
  • 属性:min 最小值;max 最大值。更多属性请参考官方文档。
  • 应用场景:下载某些资源、安装某个应用等,我们常见操作进度提示。

RoundProgressBar(HarmonyOS JAVA UI 常用组件)

  • 基础定义:RoundProgressBar继承自ProgressBar,拥有ProgressBar的属性,在设置同样的属性时用法和ProgressBar一致,用于显示环形进度。
  • 属性:start_angle 起始角度;max_angle 最大角度。更多属性请参考官方文档。
  • 应用场景:下载某些资源、安装某个应用等,我们常见操作进度提示。#比利亚雷亚尔险胜曼联夺欧联杯冠军#

ToastDialog

  • 基础定义:ToastDialog是在窗口上方弹出的对话框,是通知操作的简单反馈。ToastDialog会在一段时间后消失,在此期间,用户还可以操作当前窗口的其他组件。
  • 属性:略。
  • 应用场景:需要反馈提示信息的场景。

ScrollView

  • 基础定义:ScrollView是一种带滚动功能的组件,它采用滑动的方式在有限的区域内显示更多的内容。
  • 属性:略。
  • 应用场景:需要滑动显示的界面,如图片墙,我们上下滑动浏览不同图片。

ListContainer

  • 基础定义:ListContainer是用来呈现连续、多行数据的组件,包含一系列相同类型的列表项。
  • 属性:略。
  • 应用场景:略

PageSlider

  • 基础定义:PageSlider是用于页面之间切换的组件,它通过响应滑动事件完成页面间的切换。
  • 属性:略。
  • 应用场景:用于页面之间切换。

PageSliderIndicator

  • 基础定义:PageSliderIndicator,需配合PageSlider使用,指示在PageSlider中展示哪个界面。
  • 属性:略。
  • 应用场景:配合PageSlider使用

WebView

  • 基础定义:WebView提供在应用中集成Web页面的能力。
  • 属性:略。
  • 应用场景:如应用与Web页面进行通信等。

学习途径

官方参考文档:文档中心

第一节:HUAWEI DevEco Studio 安装指南

第二节:HarmonyOS DevEco Studio开发环境配置

第三节:HarmonyOS构建phone应用

第四节:HarmonyOS工程管理

第五节:使用方舟编译器开发 鸿蒙系统应用 APP之JAVA布局

第六节:HarmonyOS Java UI 布局

Tags:

最近发表
标签列表