没有合适的资源？快使用搜索试试~ 我知道了~

文库首页行业研究行业报告鸿蒙应用开发基础组件使用.docx

鸿蒙应用开发基础组件使用.docx

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

0 下载量 114 浏览量 2023-12-05 23:30:15 上传评论收藏 814KB DOCX 举报

温馨提示

试读

17页

鸿蒙应用开发基础组件使用.docx

资源推荐

资源详情

资源评论

鸿蒙应用开发基础组件使用

1 组件介绍

组件（Component）是界面搭建与显示的最小单位，HarmonyOS ArkUI 声明式

开发范式为开发者提供了丰富多样的 UI 组件，我们可以使用这些组件轻松的编

写出更加丰富、漂亮的界面。

组件根据功能可以分为以下五大类：基础组件、容器组件、媒体组件、绘制组件、

画布组件。其中基础组件是视图层的基本组成单元，包括 Text、Image、TextInput、

Button、LoadingProgress 等，例如下面这个常用的登录界面就是由这些基础组

件组合而成。

下面我们将分别介绍这些常用基础组件的使用。

2 Text

Text 组件用于在界面上展示一段文本信息，可以包含子组件 Span。

文本样式

针对包含文本元素的组件，例如 Text、Span、Button、TextInput 等，可使用

fontColor、fontSize、fontStyle、 fontWeight、fontFamily 这些文本样式，分别

设置文本的颜色、大小、样式、粗细以及字体，文本样式的属性如下表：

名

称

参数类

型

描述

fon

tCo

lor

Resourc

eColor

设置文本颜色。

fon

tSi

Length |

Resour

设置文本尺寸，Length 为 number 类型时，使用 fp 单位。

fon

tSt

yle

FontSty

设置文本的字体样式。默认值：FontStyle.Normal。

fon

tWe

igh

number |

FontWe

ight | s

tring

设置文本的字体粗细，number 类型取值[100, 900]，取值间隔为 100，默

认为 400，取值越大，字体越粗。string 类型仅支持 number 类型取值的

字符串形式，例如“400”，以及“bold”、“bolder”、“lighter”、

“regular”、“medium”，分别对应 FontWeight 中相应的枚举值。默认

值：FontWeight.Normal。

fon

tFa

mil

string |

Resour

设置文本的字体列表。使用多个字体，使用“，”进行分割，优先级按顺

序生效。例如：“Arial，sans-serif”。

下面示例代码中包含两个 Text 组件，第一个使用的是默认样式，第二个给文本

设置了一些文本样式。

@Entry

@Component

struct TextDemo {

build() {

Row() {

Column() {

Text('HarmonyOS')

.fontColor(Color.Blue)

.fontSize(20)

.fontStyle(FontStyle.Italic)

.fontWeight(FontWeight.Bold)

.fontFamily('Arial')

}

.width('100%')

}

.backgroundColor(0xF1F3F5)

.height('100%')

}

效果图如下：

除了通用属性和文本样式设置，下面列举了一些 Text 组件的常用属性的使用。

设置文本对齐方式

使用 textAlign 属性可以设置文本的对齐方式，示例代码如下：

Text('HarmonyOS')

.width(200)

.textAlign(TextAlign.Start)

.backgroundColor(0xE6F2FD)

textAlign 参数类型为 TextAlign，定义了以下几种类型：

�

Start（默认值）：水平对齐首部。

�

Center：水平居中对齐。

�

End：水平对齐尾部。

�

设置文本超长显示

剩余16页未读，继续阅读

评论收藏

内容反馈

1.该资源内容由用户上传，如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款（资源遇到问题，请及时私信上传者）

版权申诉

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

jane9872

粉丝: 95
资源: 7750

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

鸿蒙应用开发 基础组件使用.docx

鸿蒙应用开发 容器组件介绍.docx

鸿蒙应用开发 TypeScript 快速入门.docx

鸿蒙应用开发 应用程序入口 UIAbility使用.docx

鸿蒙应用开发 ArkTS开发实践.docx

鸿蒙应用开发初体验 HelloWorld.docx

3D打印机-零件图-机械工程图-机械三维3D建模图打包下载.zip

CEDI超纯水系统处理设备.rar-零件图-机械工程图-机械三维3D建模图打包下载.zip

HarmonyOS应用开发-设备目录管理组件体验.docx

HarmonyOS应用开发-AnimationDome组件体验分享.docx

HarmonyOS应用开发-SimpleVideoCodelab组件体验分享.docx

使用Taro开发鸿蒙原生应用.zip

HarmonyOS应用开发-Graphview折线图显示.docx

HarmonyOS应用开发-XPopup常用的弹窗体验.docx

HarmonyOSOpenHarmony应用开发-bindContextMenu绑定菜单选项.docx

HarmonyOS应用开发-photoView组件体验分享.docx

HarmonyOS应用开发-ContinuousScrollableImageJS组件体验分享.docx

HarmonyOS鸿蒙快速入门应用开发基础+进阶视频.zip

HarmonyOS鸿蒙快速入门应用开发基础与进阶视频.rar

HarmonyOS鸿蒙快速入门应用开发基础视频.rar

基于多个鸿蒙开源第三方组件快速开发的一款基础功能齐全的视频播放平台

HarmonyOS应用开发-ScratchView刮刮卡效果控件.docx

相关实用应用程序（Windows可用）

免费可用的ChatGPT网页版.zip

ChatGPT使用总结：150个ChatGPT提示词模板（完整版）

chromedriver-win64.zip

李飞飞自传 我看见的世界 The World I see

最新资源

鸿蒙应用开发基础组件使用.docx

鸿蒙应用开发容器组件介绍.docx

鸿蒙应用开发应用程序入口 UIAbility使用.docx

李飞飞自传我看见的世界 The World I see