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

    文章

    204

    浏览量

    21371
  • 鸿蒙
    +关注

    关注

    57

    文章

    2350

    浏览量

    42842
收藏 人收藏

    评论

    相关推荐

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

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

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

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

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

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

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

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

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

    本模块首批接口从API version 8开始支持。后续版本的新增接口,采用上角标单独标记接口的起始版本。 > - 页面路由需要在页面渲染完成之后才能调用,在onInit和onReady生命周期中页面还处于渲染阶段,禁止调用页面路由方法。
    的头像 发表于 05-28 16:26 937次阅读
    <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 1168次阅读
    <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 590次阅读
    <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 913次阅读
    <b class='flag-5'>鸿蒙</b>ArkUI:【从代码到<b class='flag-5'>UI</b>显示的整体渲染流程】

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

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

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

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

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

    本篇文章将介绍如何使用AWStudio设计串口屏端的UI界面和添加绑定规则,以及怎么将资源文件上传到串口屏端。引言:AWTK-HMI是基于AWTK与AWTK-MVVM开发的低代码智能串口屏方案,本系
    的头像 发表于 02-22 08:24 722次阅读
    【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 512次阅读
    <b class='flag-5'>鸿蒙</b>之@<b class='flag-5'>ohos</b>.bundle.defaultAppManager (默认应用管理)

    【JAVA UI】【HarmonyOS】【Demo】 鸿蒙如何进行 xml 解析

    鸿蒙鸿蒙如何进行数据解析 【问题描述】有时候我们从服务器获取是 xml 格式数据,我们需要将 xml 转化成 model 对象,该如何使用呢?下面举个例子说明一下,将分以下几步进行 1.准备条件
    的头像 发表于 02-19 15:59 571次阅读
    【JAVA <b class='flag-5'>UI</b>】【HarmonyOS】【Demo】 <b class='flag-5'>鸿蒙</b>如何进行 xml 解析

    鸿蒙开发-HarmonyOS UI架构

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

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

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