0
  • 聊天消息
  • 系统消息
  • 评论与回复
登录后你可以
  • 下载海量资料
  • 学习在线课程
  • 观看技术视频
  • 写文章/发帖/加入社区
会员中心
创作中心

完善资料让更多小伙伴认识你,还能领取20积分哦,立即完善>

3天内不再提示

鸿蒙UI界面——@ohos.measure (文本计算)

王程 ? 来源:jf_75796907 ? 作者:jf_75796907 ? 2024-02-22 17:02 ? 次阅读
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

导入模块

import measure from '@ohos.measure'

measure.measureText

measureText(options: MeasureOptions): number

计算指定文本单行布局下的宽度。

系统能力: SystemCapability.ArkUI.ArkUI.Full

参数:

参数名 类型 必填 说明
options MeasureOptions 被计算文本描述信息。

返回值:

类型 说明
number 文本宽度。说明: 单位px。

示例:

import measure from '@ohos.measure' @Entry @Component struct Index { @State message: string = 'Hello World' @State textWidth : number = measure.measureText({ textContent: "Hello word", fontSize: '50px' }) build() { Row() { Column() { Text("The width of 'Hello World': " + this.textWidth) } .width('100%') } .height('100%') } }

MeasureOptions

被计算文本属性。

系统能力: SystemCapability.ArkUI.ArkUI.Full

wKgaomXXDYuAT95DAAFreZuJy4o322.png



审核编辑 黄宇


声明:本文内容及配图由入驻作者撰写或者入驻合作网站授权转载。文章观点仅代表作者本人,不代表电子发烧友网立场。文章及其配图仅供工程师学习之用,如有内容侵权或者其他违规问题,请联系本站处理。 举报投诉
  • ui
    ui
    +关注

    关注

    0

    文章

    208

    浏览量

    21861
  • 鸿蒙
    +关注

    关注

    60

    文章

    2643

    浏览量

    44242
收藏 人收藏
加入交流群
微信小助手二维码

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    飞书开源“RTV”富文本组件 重塑鸿蒙应用富文本渲染体验

    近日,飞书正式将其自研的富文本组件库?RichTextVista(简称“RTV”)开源,并上线OpenHarmony?三方库中心仓。该组件以领先的性能、流畅的渲染体验与高度的开放性,为鸿蒙生态提供了
    的头像 发表于 07-11 15:20 ?180次阅读
    飞书开源“RTV”富<b class='flag-5'>文本</b>组件 重塑<b class='flag-5'>鸿蒙</b>应用富<b class='flag-5'>文本</b>渲染体验

    鸿蒙应用px,vp,fp概念详解

    传统移动端开发方向,转到鸿蒙应用开发方向。 前端开发同学对于开发范式很熟悉,但是对于工作流程和开发方式是会有不适感,其实移动应用开发与前端开发,最大的区别就在于UI适配和性能优化上了。 今天我们就来分析下鸿蒙
    的头像 发表于 07-07 11:48 ?259次阅读
    <b class='flag-5'>鸿蒙</b>应用px,vp,fp概念详解

    HarmonyOS NEXT应用元服务布局优化利用布局边界减少布局计算

    组件内的内容十分复杂的情况下。 所以对于能够在初期给定宽高的组件,在进行UI描述时尽量给定宽高数值,能够减少由于容器尺寸变化造成的重新测算过程的性能。 本文主要引用整理于鸿蒙官方文档
    发表于 06-26 11:13

    UI开发概述

    组件是UI的必要元素,形成了在界面中的样子,由框架直接提供的称为系统组件,由开发者定义的称为自定义组件。系统内置组件包括按钮、单选框、进度条、文本等。开发者可以通过链式调用的方式设置系统内置组件
    发表于 06-24 06:36

    HarmonyOS NEXT应用元服务布局优化ArkUI框架执行流程

    ,所有的组件都会参与到界面的渲染中(换句说法,初次渲染的时候,可以认为所有的组件都需要更新)。 二、 UI更新过程 UI更新过程包含组件标脏及布局计算。初始加载阶段,所有组件(排除if
    发表于 06-23 09:41

    Kuikly鸿蒙版正式开源 —— 揭秘卓越性能适配之旅

    指令 在Android、iOS平台上,系统都提供了命令式的UI接口,这种命令式UI接口非常符合Kuikly的渲染层抽象,可以等价直调系统接口操作原生控件。然而鸿蒙平台的用户界面是通过声
    发表于 06-04 16:46

    第二篇 RA8889 实现酷炫车载液晶仪表系列视频: UI界面介绍

    本系列文章介绍 RA8889 实现液晶仪表HMI UI界面,分为两大部分来介绍,本期介绍如何制作UI界面,其中包括使用PS软件制作静态类UI
    的头像 发表于 02-25 15:27 ?491次阅读
    第二篇 RA8889 实现酷炫车载液晶仪表系列视频: <b class='flag-5'>UI</b>类<b class='flag-5'>界面</b>介绍

    AIGC入门及鸿蒙入门

    Generated Content,即人工智能生成内容。它利用人工智能技术自动生成或辅助生成文本、图像、音频、视频等内容。 AIGC的核心技术包括自然语言处理(NLP)、计算机视觉、生成对抗网络(GAN)等
    发表于 01-13 10:32

    用DevEco Studio模拟器这些能力,没真机也能高效调测鸿蒙原生应用

    问题,如果UI界面中存在过度的布局计算,冗余的元素绘制,将会带来设备资源的大量开销,造成响应性能的衰退。 随着鸿蒙生态的快速发展,越来越多的开发者投身于
    的头像 发表于 01-08 16:04 ?696次阅读
    用DevEco Studio模拟器这些能力,没真机也能高效调测<b class='flag-5'>鸿蒙</b>原生应用

    鸿蒙Flutter实战:14-现有Flutter 项目支持鸿蒙 II

    ,另外一个为 ohos_app App 壳工程 进入 package/apps/app 目录, 创建 app 项目,该项目为一个 App 项目,用于各平台(ios/android/mac 等, 不包含鸿蒙
    发表于 12-26 14:59

    鸿蒙Flutter实战:11-使用 Flutter SDK 3.22.0

    /custom_3.22.0 3.如果项目已经创建,还未添加鸿蒙平台支持,则使用以下命令添加鸿蒙平台支持。 flutter create --platforms ohos . 其中,.代表当前目录
    发表于 11-01 15:03

    鸿蒙Flutter实战:09-现有Flutter项目支持鸿蒙

    目录下新建一个项目,该项目运行鸿蒙平台适配和打包。 flutter create --platforms ohos ohos_app 目录结构如下所示: . ├── README.md
    发表于 10-23 16:36

    鸿蒙Flutter实战:08-如何调试代码

    。 方案二 适应DecEco运行鸿蒙项目,注意需要打开的是ohos鸿蒙目录代码,待IDE分析结束后,点击运行。 当app在鸿蒙设备上启动成功后,立即在 Vscode 中调出 Comma
    发表于 10-23 16:29

    鸿蒙Flutter实战:07混合开发

    # 鸿蒙Flutter实战:混合开发 鸿蒙Flutter混合开发主要有两种形式。 ## 1.基于har 将flutter module打包成har包,在原生鸿蒙项目中,以har包的方式引入
    发表于 10-23 16:00

    基于鸿蒙Next模拟扫图识物的一个过程

    使用@State装饰器定义了几个响应式状态变量,如scanHeight、isVisibility。这些变量的变化会自动触发UI的更新。3.UI结构: 界面使用嵌套的Stack、Column和Row组件构建。主要
    发表于 08-21 15:04