鸿蒙next版开发:ArkTS组件通用属性(文本通用)

在HarmonyOS 5.0中,ArkTS提供了一系列的文本通用属性,这些属性可以应用于文本组件,以实现丰富的文本显示和样式效果。本文将详细解读这些通用属性,并提供示例代码进行说明。

文本通用属性

textAlign属性

textAlign属性用于设置文本的对齐方式。这个属性在文本组件的宽度大于文本内容长度时才起作用。TextAlign定义了以下三种类型:

  • Start(默认值):根据文字书写方向对齐,例如中文从左往右排版,则文本靠左对齐。
  • Center:文本居中对齐。
  • End:根据文字书写相反的方向对齐,例如中文从左往右排版,则文本靠右对齐。
Text("Hello, OpenHarmony").backgroundColor('#aabbcc').textAlign(TextAlign.Center); // 文本居中对齐

maxLines和textOverflow属性

maxLines属性用于设置文本显示的最大行数,而textOverflow属性用于指定超出最大行数时文本的截取方式。如果设置了maxLines,则文本最多显示到指定的行,多余的文本可以通过textOverflow来指定截取方式。

Text('Hello, OpenHarmony, Hello, OpenHarmony').maxLines(1) // 最大显示1行.textOverflow({overflow: TextOverflow.Ellipsis}); // 超出部分显示省略号

fontSize、fontColor、fontStyle和fontWeight属性

这些属性分别用于设置文本的大小、颜色、样式和粗细。可以组合使用这些属性来设置文本的富文本样式。

Text('Bold and large text').fontSize(20) // 设置字体大小.fontColor(Color.Red) // 设置字体颜色.fontWeight(FontWeight.Bold); // 设置字体为粗体

fontFamily属性

fontFamily属性用于设置字体列表。默认字体为'HarmonyOS Sans',应用当前支持'HarmonyOS Sans'字体和注册自定义字体。

Text('Custom font family').fontFamily('HarmonyOS Sans'); // 设置字体为HarmonyOS Sans

lineHeight属性

lineHeight属性用于设置文本的行高。设置值不大于0时,不限制文本行高,自适应字体大小。

Text('Line height example').lineHeight(24); // 设置行高为24

letterSpacing属性

letterSpacing属性用于设置文本字符间距。设置该值为百分比时,按默认值显示。设置该值为0时,按默认值显示。

Text('Letter spacing example').letterSpacing(2); // 设置字符间距为2

decoration属性

decoration属性用于设置文本装饰线类型样式及其颜色。

Text('Text decoration example').decoration({type: TextDecorationType.Underline, // 下划线color: Color.Blue, // 装饰线颜色为蓝色style: TextDecorationStyle.Dashed // 装饰线样式为虚线});

示例代码

以下是一个ArkTS文本组件通用属性的完整示例:

@Entry
@Component
struct TextExample {build() {Column() {Text('Hello, OpenHarmony').width('100%').textAlign(TextAlign.Center).fontSize(16).fontColor(Color.Black).maxLines(1).textOverflow({overflow: TextOverflow.Ellipsis});Text('Bold and large text').fontSize(20).fontWeight(FontWeight.Bold);Text('Custom font family').fontFamily('HarmonyOS Sans');Text('Line height example').lineHeight(24);Text('Letter spacing example').letterSpacing(2);Text('Text decoration example').decoration({type: TextDecorationType.Underline,color: Color.Blue,style: TextDecorationStyle.Dashed});}.width('100%').height('100%').padding(20);}
}

在这个示例中,我们创建了一个包含多种文本样式的列容器。通过设置不同的文本通用属性,我们可以轻松地为文本组件添加各种视觉效果。

结语

通过本文的介绍,你应该对HarmonyOS 5.0中ArkTS组件的文本通用属性有了基本的了解。这些属性是UI开发中的重要工具,合理利用这些属性可以使你的应用界面更加美观和实用。希望本文能够帮助你在开发过程中更好地利用ArkTS的文本通用属性。

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

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

相关文章

光模块基础知识

1. 光模块的封装 光模块是光收发模块的简称,主要根据不同的外型来区分,而在同一外型中,又有着多种规格;在数据通信领域,最常见的光模块(根据外型区分)分别是SFF、GBIC、SFP、和XFP、QSFP 、XEN…

【GPTs】MJ Prompt Creator:轻松生成创意Midjourney提示词

博客主页: [小ᶻZ࿆] 本文专栏: AIGC | GPTs应用实例 文章目录 💯GPTs指令💯前言💯MJ Prompt Creator主要功能适用场景优点缺点 💯 小结 💯GPTs指令 中文翻译: 任务说明 您是一款为幻灯片工…

uniapp路由与页面跳转详解:API调用与Navigator组件实战

UniApp路由与页面跳转详解:API调用与Navigator组件实战 路由 uniapp页面路由为框架统一管理,开发者需要在page.json里面配置每个路由页面的路径及页面样式。 路由跳转 uniapp有两种页面路由跳转方式,调用API跳转和navigator组件跳转。 调…

机器学习 笔记

特征值提取 字典 from sklearn.extaction import DictVectorizer mDictVectorizer(sparseFalse)#sparse是否转换成三元组形式 data[], #传入字典数据 data1model.fit_transform(data) #使用API 英文特征值提取 from sklearn.feature_extraction.text import CountVe…

【智谱开放平台-注册/登录安全分析报告】

前言 由于网站注册入口容易被黑客攻击,存在如下安全问题: 1. 暴力破解密码,造成用户信息泄露 2. 短信盗刷的安全问题,影响业务及导致用户投诉 3. 带来经济损失,尤其是后付费客户,风险巨大,造…

如何搭建自动化测试框架

软件测试资料领取:[内部资源] 想拿年薪40W的软件测试人员,这份资料必须领取~ 软件测试面试刷题工具:软件测试面试刷题【800道面试题答案免费刷】 关于测试框架的好处,比如快速回归提高测试效率,提高测试覆盖率等这里…

学Linux的第八天

目录 管理进程 概念 程序、进程、线程 进程分类 查看进程 ps命令 unix 风格 bsd风格 GNU风格 top命令 格式 统计信息区 进程信息区:显示了每个进程的运行状态 kill命令 作用 格式 管理进程 概念 程序、进程、线程 程序: 二进制文件&…

使用Matlab建立决策树

综述 除了神经网络模型以外,树模型及基于树的集成学习模型是较为常用的效果较好的预测模型。我们以下先构建一个决策树模型。 决策树算法的优点如下:1、 决策树易于理解和实现,用户在学习过程中不需要了解过多的背景知识,其能够…

安卓主板_基于联发科MTK MT8788平台平板电脑方案_安卓核心板开发板定制

联发科MT8788安卓核心板平台介绍: MTK8788设备具有集成的蓝牙、fm、wlan和gps模块,是一个高度集成的基带平台,包括调制解调器和应用处理子系统,启用LTE/LTE-A和C2K智能设备应用程序。该芯片集成了工作在2.0GHz的ARM Cortex-A73、最…

思科模拟器路由器配置实验

一、实验目的 了解路由器的作用。掌握路由器的基本配置方法。掌握路由器模块的使用和互连方式。 二、实验环境 设备: 2811 路由器 1 台计算机 2 台Console 配置线 1 根网线若干根 拓扑图:实验拓扑图如图 8-1 所示。计算机 IP 地址规划:如表…

Python酷库之旅-第三方库Pandas(206)

目录 一、用法精讲 961、pandas.IntervalIndex.mid属性 961-1、语法 961-2、参数 961-3、功能 961-4、返回值 961-5、说明 961-6、用法 961-6-1、数据准备 961-6-2、代码示例 961-6-3、结果输出 962、pandas.IntervalIndex.length属性 962-1、语法 962-2、参数 …

【前端】CSS入门笔记+案例

目录 CSS css 的语法 1.字体大小 font-size 2.背景颜色 backgrount-color 3.背景的宽高 w h css的三种引入方式 1.内嵌式 2.外联式 3.行内式 选择器 1.标签选择器 2.类选择器 3.id选择器 4.通配符选择器 字体和文本样式 1.字体样式 1.1字体大小 font-size 1.…

java对接微信公众号API,实现扫码关注公众号,触发多条消息回复

一、准备工作 1. 依赖库 这里使用的是binarywang的Wxjava 库&#xff0c;源码地址&#xff1a;https://github.com/binarywang/WxJava。截止发稿前最新版本是4.6.7.B&#xff0c;我采用的是4.5.0版本。 <dependency><groupId>com.github.binarywang</groupId…

一文学习Android中的Property

在 Android 系统中&#xff0c;Property 是一种全局的键值对存储系统&#xff0c;允许不同组件和进程间以轻量级的方式进行数据传递。它主要用于系统配置、状态标识等场景&#xff0c;使得不同进程能够通过属性的设置或获取来通信。property 的核心特性是快速、高效&#xff0…

网络编程——Python简单TCP通信功能代码实践

这里写目录标题 Python简单TCP通信功能代码实践阅读本博客前需准备的几个问题1. 网络通信的机制是什么&#xff1f;2. 什么是python进行网络编程&#xff1f;3. IP地址和端口是什么&#xff1f; 一个简单的TCP通信功能示例&#xff1a;client端.pysever端.pyPYCHARM运行结果 Py…

qt QGesture详解

1、概述 QGesture 是 Qt 框架中用于处理多点触控和手势识别的类。它封装了用户输入的手势信息&#xff0c;如触摸、滑动、捏合、旋转等&#xff0c;使得开发者能够轻松地实现复杂的手势交互功能。QGesture 类本身是一个抽象基类&#xff0c;不能直接实例化&#xff0c;而是通过…

基于C语言——跑得快扑克牌游戏开发指南

✅作者简介&#xff1a;2022年博客新星 第八。热爱国学的Java后端开发者&#xff0c;修心和技术同步精进。 &#x1f34e;个人主页&#xff1a;Java Fans的博客 &#x1f34a;个人信条&#xff1a;不迁怒&#xff0c;不贰过。小知识&#xff0c;大智慧。 ✨特色专栏&#xff1a…

7+纯生信,单细胞识别细胞marker+100种机器学习组合建模,机器学习组合建模取代单独lasso回归势在必行!

影响因子&#xff1a;7.3 研究概述&#xff1a; 皮肤黑色素瘤&#xff08;SKCM&#xff09;是所有皮肤恶性肿瘤中最具侵袭性的类型。本研究从GEO数据库下载单细胞RNA测序&#xff08;scRNA-seq&#xff09;数据集&#xff0c;根据原始研究中定义的细胞标记重新注释各种免疫细胞…

丹摩征文活动 | 0基础带你上手经典目标检测模型 Faster-Rcnn

文章目录 &#x1f34b;1 引言&#x1f34b;2 平台优势&#x1f34b;3 丹摩平台服务器配置教程&#x1f34b;4 实操案例&#xff08; Faster-rcnn 项目&#xff09;&#x1f34b;4.1 文件处理&#x1f34b;4.2 环境配置&#x1f34b;4.3 训练模型&#x1f34b;4.4 数据保存并导…