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

    文章

    211

    浏览量

    22461
  • 鸿蒙
    +关注

    关注

    60

    文章

    3017

    浏览量

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

扫码添加小助手

加入工程师交流群

    评论

    相关推荐
    热点推荐

    Trae AI+AirUI:快速实现一个嵌入式UI界面

    传统嵌入式UI开发流程繁琐,需兼顾硬件适配与交互逻辑;AI在网页、App界面生成方面已较为成熟,但在嵌入式硬件场景中的实用性,仍需实际测试验证。 AirUI框架封装了常用组件、事件管理等功能,提供
    的头像 发表于 04-16 13:10 163次阅读
    Trae AI+AirUI:快速实现一个嵌入式<b class='flag-5'>UI</b><b class='flag-5'>界面</b>

    RUI Builder 图形化UI设计工具

    RUI Builder 图形化UI设计工具 该软件为图形化UI设计软件,搭配瑞佑图形处理器,轻松设计UI界面!主要特色功能: 在PC上直接设计界面
    发表于 12-12 20:14

    鸿蒙版微信消息弹窗不能进入聊天界面

    用的最新鸿蒙6.0系统,微信版本也是最新的,之前用的HarmonyOS4.0的微信就可以点击消息弹窗,直接进入聊天界面,很方便。现在点击消息弹窗是进入微信主界面,不能进入对应的聊天界面
    发表于 12-11 16:20

    分享---储能UI界面能量流动动画实现方法

    本文分享 工商业储能设备的UI界面中如何实现 能量流动的动画效果。 本例子效果 基于拓普微工业级 7寸屏电容串口屏(HMT070ETA-D型号)实现: 第1步:建立工程和页面 使用SGTools新建
    发表于 09-02 18:22

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

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

    【汇思博SEEK100开发板试用体验】在开发板鸿蒙OS搭建QT开发环境

    ,为鸿蒙设备开发原生性能应用。Qt for HarmonyOS 的核心是一个 QPA 插件(Qt Platform Abstraction),其作用是将 Qt 的窗口系统与鸿蒙UI 框架 ArkUI
    发表于 08-24 18:34

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

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

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

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