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

    文章

    205

    浏览量

    21453
  • 鸿蒙
    +关注

    关注

    57

    文章

    2400

    浏览量

    43175
收藏 人收藏

    相关推荐

    AIGC入门及鸿蒙入门

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

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

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

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

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

    鸿蒙语言基础类库:ohos.uitest UiTest测试

    UiTest提供模拟UI操作的能力,供开发者在测试场景使用,主要支持如点击、双击、长按、滑动等UI操作能力。
    的头像 发表于 07-12 17:38 646次阅读

    学习鸿蒙必须要知道的几个名词

    HarmonyOS提供了一套UI(UserInterface,用户界面)开发框架,即方舟开发框架(ArkUI框架),用于快速搭建漂亮的用户界面。它为开发者提供应用UI开发所必需的能力,
    的头像 发表于 07-06 08:04 515次阅读
    学习<b class='flag-5'>鸿蒙</b>必须要知道的几个名词

    鸿蒙开发接口UI界面:【@ohos.router (页面路由)】

    本模块首批接口从API version 8开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。 > - 页面路由需要在页面渲染完成之后才能调用,在onInit和onReady生命周期中页面还处于渲染阶段,禁止调用页面路由方法。
    的头像 发表于 05-28 16:26 1067次阅读
    <b class='flag-5'>鸿蒙</b>开发接口<b class='flag-5'>UI</b><b class='flag-5'>界面</b>:【@<b class='flag-5'>ohos</b>.router (页面路由)】

    鸿蒙开发接口UI界面:【@ohos.prompt (弹窗)】

    本模块首批接口从API version 8开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。
    的头像 发表于 05-28 09:35 1272次阅读
    <b class='flag-5'>鸿蒙</b>开发接口<b class='flag-5'>UI</b><b class='flag-5'>界面</b>:【@<b class='flag-5'>ohos</b>.prompt (弹窗)】

    鸿蒙开发接口UI界面:【@ohos.animator (动画)】

    本模块首批接口从API version 6开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。
    的头像 发表于 05-27 16:46 686次阅读
    <b class='flag-5'>鸿蒙</b>开发接口<b class='flag-5'>UI</b><b class='flag-5'>界面</b>:【@<b class='flag-5'>ohos</b>.animator (动画)】

    鸿蒙ArkUI:【从代码到UI显示的整体渲染流程】

    方舟开发框架(简称ArkUI)是鸿蒙开发的UI框架,提供如下两种开发范式,我们 **只学声明式开发范式**
    的头像 发表于 05-13 16:06 1084次阅读
    <b class='flag-5'>鸿蒙</b>ArkUI:【从代码到<b class='flag-5'>UI</b>显示的整体渲染流程】

    HarmonyOS实战开发-如何通过Text实现部分文本高亮和超链接。

    介绍 本示例通过自定义Span类型,在Text组件中使用ForEach遍历,根据不同的Span类型生成不同样式和功能的Span组件,实现部分文本高亮和超链接。 效果图预览 使用说明 点击超链接
    发表于 05-07 14:18

    鸿蒙实战项目开发:【短信服务】

    环境搭建 ​ 《鸿蒙开发基础》 ArkTS语言 安装DevEco Studio 运用你的第一个ArkTS应用 ArkUI声明式UI开发 .…… ​ 《鸿蒙开发进阶》 Stage模型入门 网络管理
    发表于 03-03 21:29