HarmonyOS-UIAbitity-Text——【坚果派-红目香薰】

简介: HarmonyOS-UIAbitity-Text——【坚果派-红目香薰】

摘要

作者:红目香薰

团队:坚果派

团队介绍:坚果派由坚果创建,团队拥有12个华为HDE以及若干其他领域的三十余位万粉博主运营。

Text

显示一段文本的组件。

子组件

可以包含Span子组件。

接口

Text(content?: string | Resource)

参数:

参数名

参数类型

必填

参数描述

content

string | Resource

包含子组件Span时不生效,显示Span内容,并且此时text组件的样式不生效。

默认值:' '

属性

名称

参数类型

描述

textAlign

TextAlign

设置多行文本的文本对齐方式。

默认值:TextAlign.Start

textOverflow

{overflow: TextOverflow}

设置文本超长时的显示方式。

默认值:{overflow: TextOverflow.Clip}

说明:

文本截断是按字截断。例如,英文以单词为最小单位进行截断,若需要以字母为单位进行截断,可在字母间添加零宽空格:\u200B。

maxLines

number

设置文本的最大行数。

默认值:Infinity

lineHeight

string | number | Resource

设置文本的文本行高,设置值不大于0时,不限制文本行高,自适应字体大小,Length为number类型时单位为fp。

decoration

{

type: TextDecorationType.None,

color?: ResourceColor

}

设置文本装饰线样式及其颜色。

默认值:{

type: TextDecorationType.None,

color:Color.Black

}

baselineOffset

number | string

设置文本基线的偏移量。

letterSpacing

number | string

设置文本字符间距。

minFontSize

number | string | Resource

设置文本最小显示字号。

maxFontSize

number | string | Resource

设置文本最大显示字号。

textCase

TextCase

设置文本大小写。

默认值:TextCase.Normal

示例代码

@Entry

@Component

struct Index {

 build() {

   Flex({ direction: FlexDirection.Column, alignItems: ItemAlign.Start, justifyContent: FlexAlign.SpaceBetween }) {

     Text('lineHeight').fontSize(9).fontColor(0xCCCCCC)

     Text('我拥有一个世界,一个宽广美好的世界。')

       .lineHeight(25).fontSize(12).border({ width: 1 }).padding(10)

     Text('TextOverflow').fontSize(9).fontColor(0xCCCCCC)

     Text('我拥有一个世界,一个宽广美好的世界。')

       .textOverflow({ overflow: TextOverflow.None })

       .fontSize(12).border({ width: 1 }).padding(10)

     Text('我拥有一个世界,一个宽广美好的世界。.')

       .textOverflow({ overflow: TextOverflow.Clip })

       .maxLines(1).fontSize(12).border({ width: 1 }).padding(10)

     Text('我拥有一个世界,一个宽广美好的世界。'.split('').join('\u200B'))

       .textOverflow({ overflow: TextOverflow.Ellipsis })

       .maxLines(1).fontSize(12).border({ width: 1 }).padding(10)

     Text('美好的世界').fontSize(9).fontColor(0xCCCCCC)

     Text('我拥有一个世界,一个宽广美好的世界。')

       .decoration({ type: TextDecorationType.Underline, color: Color.Red })

       .fontSize(12).border({ width: 1 }).padding(10)

     Text('我拥有一个世界,一个宽广美好的世界。')

       .decoration({ type: TextDecorationType.LineThrough, color: Color.Red })

       .fontSize(12).border({ width: 1 }).padding(10)

     Text('我拥有一个世界,一个宽广美好的世界。')

       .decoration({ type: TextDecorationType.Overline, color: Color.Red })

       .fontSize(12).border({ width: 1 }).padding(10)

   }.height(600).width(350).padding({ left: 35, right: 35, top: 35 })

 }

}

示例效果:

相关文章
|
5月前
|
数据安全/隐私保护
HarmonyOS-UIAbitity-TextArea——【坚果派-红目香薰】
HarmonyOS-UIAbitity-TextArea——【坚果派-红目香薰】
40 0
|
5月前
HarmonyOS-UIAbitity-StepperItem——【坚果派-红目香薰】
HarmonyOS-UIAbitity-StepperItem——【坚果派-红目香薰】
28 0
|
5月前
|
索引
HarmonyOS-UIAbitity-Stepper——【坚果派-红目香薰】
HarmonyOS-UIAbitity-Stepper——【坚果派-红目香薰】
33 0
|
5月前
HarmonyOS-UIAbitity-Span——【坚果派-红目香薰】
HarmonyOS-UIAbitity-Span——【坚果派-红目香薰】
41 0
|
5月前
HarmonyOS-UIAbitity-Slider——【坚果派-红目香薰】
HarmonyOS-UIAbitity-Slider——【坚果派-红目香薰】
30 0
|
5月前
|
索引
HarmonyOS-UIAbitity-Select——【坚果派-红目香薰】
HarmonyOS-UIAbitity-Select——【坚果派-红目香薰】
36 0
|
6天前
|
Android开发
鸿蒙开发:自定义一个简单的标题栏
本身就是一个很简单的标题栏组件,没有什么过多的技术含量,有一点需要注意,当使用沉浸式的时候,注意标题栏的位置,需要避让状态栏。
鸿蒙开发:自定义一个简单的标题栏
|
6天前
|
API
鸿蒙开发:切换至基于rcp的网络请求
本文的内容主要是把之前基于http封装的库,修改为当前的Remote Communication Kit(远场通信服务),无非就是通信的方式变了,其他都大差不差。
鸿蒙开发:切换至基于rcp的网络请求
|
11天前
|
UED
鸿蒙next版开发:相机开发-适配不同折叠状态的摄像头变更(ArkTS)
在HarmonyOS 5.0中,ArkTS提供了强大的相机开发能力,特别是针对折叠屏设备的摄像头适配。本文详细介绍了如何在ArkTS中检测和适配不同折叠状态下的摄像头变更,确保相机应用在不同设备状态下的稳定性和用户体验。通过代码示例展示了具体的实现步骤。
39 8
|
11天前
|
API 内存技术
鸿蒙next版开发:相机开发-拍照(ArkTS)
在HarmonyOS 5.0中,ArkTS提供了一套完整的API来管理相机功能,特别是拍照功能。本文详细介绍如何在ArkTS中实现拍照功能,包括导入接口、创建会话、配置会话、触发拍照及监听拍照输出流状态,并提供代码示例进行详细解读。通过本文,你将掌握如何在HarmonyOS 5.0中使用ArkTS实现高效的拍照功能。
31 7

热门文章

最新文章