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

    文章

    198

    浏览量

    21184
  • 鸿蒙
    +关注

    关注

    55

    文章

    1629

    浏览量

    42120
收藏 人收藏

    评论

    相关推荐

    touchgfx的ui控件非常多的时候容易死机是什么原因导致的?

    由于项目比较复杂,ui上控件以及容器比较多,包括文本和动态文本都很多;当再增加文本或者增加ui图片的时候容易HardFault_Handle
    发表于 03-21 06:09

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

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

    鸿蒙开发UI界面——@ohos.mediaquery (媒体查询)

    导入模块   import mediaquery from '@ohos.mediaquery'   mediaquery.matchMediaSync matchMediaSync
    的头像 发表于 02-22 16:46 246次阅读

    鸿蒙开发UI界面——@ohos.font (注册自定义字体)

    导入模块   import font from '@ohos.font'   font.registerFont registerFont(options: FontOptions): void
    的头像 发表于 02-22 16:22 192次阅读

    【AWTK开源智能串口屏方案】设计UI界面并上传到串口屏

    本篇文章将介绍如何使用AWStudio设计串口屏端的UI界面和添加绑定规则,以及怎么将资源文件上传到串口屏端。引言:AWTK-HMI是基于AWTK与AWTK-MVVM开发的低代码智能串口屏方案,本系
    的头像 发表于 02-22 08:24 205次阅读
    【AWTK开源智能串口屏方案】设计<b class='flag-5'>UI</b><b class='flag-5'>界面</b>并上传到串口屏

    鸿蒙之@ohos.bundle.defaultAppManager (默认应用管理)

      import defaultAppMgr from '@ohos.bundle.defaultAppManager';   权限列表 权限 权限等级 描述
    的头像 发表于 02-20 17:29 250次阅读
    <b class='flag-5'>鸿蒙</b>之@<b class='flag-5'>ohos</b>.bundle.defaultAppManager (默认应用管理)

    鸿蒙OS之UI架构解析

    this.articles } } 好,现在Index界面依赖了网络库,甚至会依赖三方的axios库。在我之前一个项目中,还依赖过端云的agconnect库。于是Previewer直接报错,说因为有
    发表于 02-20 15:36

    鸿蒙开发-HarmonyOS UI架构

    ; { // 更新this.articles } } 好,现在Index界面依赖了网络库,甚至会依赖三方的axios库。在我之前一个项目中,还依赖过端云的agconnect库。于是Previewer直接
    发表于 02-16 16:38

    鸿蒙实战开发-全局UI方法的功能

    使用全局UI的方法定义日期滑动选择器弹窗并弹出。
    的头像 发表于 02-02 17:13 199次阅读
    <b class='flag-5'>鸿蒙</b>实战开发-全局<b class='flag-5'>UI</b>方法的功能

    跨Android、iOS、鸿蒙多平台框架ArkUI-X

    ArkUI是一套构建分布式应用界面的声明式UI开发框架。它使用极简的UI信息语法、丰富的UI组件、以及实时界面预览工具,帮助您提升移动应用
    的头像 发表于 01-31 14:52 1055次阅读
    跨Android、iOS、<b class='flag-5'>鸿蒙</b>多平台框架ArkUI-X

    HarmonyOS SDK,助力开发者打造焕然一新的鸿蒙原生应用

    。在 UI 界面设计上,UI 组件采用去繁从简的审美风格,40 多个动效 API 帮助开发者打造富有空间感,精致细腻的视觉效果。同时,HarmonyOS SDK 提供了一接即用的场景化控件,把应用常用
    发表于 01-19 10:31

    华为鸿蒙系统

    华为鸿蒙系统(HUAWEI Harmony OS),是华为公司在2019年8月9日于东莞举行的华为开发者大会(HDC.2019)上正式发布的操作系统。 华为鸿蒙系统是一款全新的面向全场景的分布式
    发表于 11-02 19:39

    鸿蒙 OS 应用开发初体验

    什么是 HarmonyOS? HarmonyOS(鸿蒙操作系统)是华为公司开发的一款基于微内核的分布式操作系统。它是一个面向物联网(IoT)时代的全场景操作系统,旨在为各种类型的设备提供统一
    发表于 11-02 19:38

    鸿蒙应用ui布局

    请问,在用java开发鸿蒙应用布局UI时,怎么才能全屏布局(不显示labelb标题)
    发表于 09-20 22:09

    Omniverse 中文课程系列 3:实战练习如何成为自定义 UI 界面大师

    Omniverse 为 3D 工具构建漂亮的自定义 UI 界面 学习目标 如果您是虚拟世界的构建者和创作者,那么您一定不能错过亲身体验 NVIDIA Omniverse 套件中的 Omni.ui 工具及框架
    的头像 发表于 06-09 20:45 325次阅读
    Omniverse 中文课程系列 3:实战练习如何成为自定义 <b class='flag-5'>UI</b> <b class='flag-5'>界面</b>大师