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

    浏览量

    22238
  • 鸿蒙
    +关注

    关注

    60

    文章

    2859

    浏览量

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

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    分享---简单快速实现烘烤设备UI界面的方法

    本文分享下,如何简单快速的设计出工业烘烤设备的UI界面方法, 借助 \"墨刀\" 界面原型设计工具,设计烘烤机主界面图片。 使用拓普微 SGTools开发工具,建立工程和页面
    发表于 08-26 11:58

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

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

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

    传统移动端开发方向,转到鸿蒙应用开发方向。 前端开发同学对于开发范式很熟悉,但是对于工作流程和开发方式是会有不适感,其实移动应用开发与前端开发,最大的区别就在于UI适配和性能优化上了。 今天我们就来分析下鸿蒙
    的头像 发表于 07-07 11:48 1016次阅读
    <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

    鸿蒙5开发宝藏案例分享---应用架构实战技巧

    ;ne-text\">features/news</span> 的HAP包。 二、线程通信:子线程如何安全更新UI? **鸿蒙UI更新必须在主线
    发表于 06-12 16:14

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

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

    鸿蒙5开发宝藏案例分享---自由流转的拖拽多屏联动

    ? 【干货预警】鸿蒙开发宝藏案例大揭秘!手把手教你玩转常用功能**?** 大家好呀~,今天在扒拉鸿蒙文档的时候,突然发现官方竟然藏了一堆超实用的开发案例! ?** 之前总觉得鸿蒙生态资料少,结果这些
    发表于 06-03 18:50

    UIAbility组件与UI的数据同步介绍

    UIAbility组件与UI的数据同步 基于当前的应用模型,可以通过以下几种方式来实现UIAbility组件与UI之间的数据同步。 使用EventHub进行数据通信:在基类Context中提供了
    发表于 05-16 06:10

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

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

    #新年新气象,大家新年快乐!#AIGC入门及鸿蒙入门

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

    AIGC入门及鸿蒙入门

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

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

    问题,如果UI界面中存在过度的布局计算,冗余的元素绘制,将会带来设备资源的大量开销,造成响应性能的衰退。 随着鸿蒙生态的快速发展,越来越多的开发者投身于
    的头像 发表于 01-08 16:04 1169次阅读
    用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