0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

鴻蒙UI界面——@ohos.measure (文本計(jì)算)

王程 ? 來(lái)源:jf_75796907 ? 作者:jf_75796907 ? 2024-02-22 17:02 ? 次閱讀

導(dǎo)入模塊

import measure from '@ohos.measure'

measure.measureText

measureText(options: MeasureOptions): number

計(jì)算指定文本單行布局下的寬度。

系統(tǒng)能力: SystemCapability.ArkUI.ArkUI.Full

參數(shù)

參數(shù)名 類型 必填 說(shuō)明
options MeasureOptions 被計(jì)算文本描述信息

返回值:

類型 說(shuō)明
number 文本寬度。說(shuō)明: 單位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

被計(jì)算文本屬性。

系統(tǒng)能力: SystemCapability.ArkUI.ArkUI.Full

wKgaomXXDYuAT95DAAFreZuJy4o322.png



審核編輯 黃宇


聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問(wèn)題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • ui
    ui
    +關(guān)注

    關(guān)注

    0

    文章

    202

    瀏覽量

    21290
  • 鴻蒙
    +關(guān)注

    關(guān)注

    56

    文章

    2267

    瀏覽量

    42489
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    基于鴻蒙Next模擬掃圖識(shí)物的一個(gè)過(guò)程

    使用@State裝飾器定義了幾個(gè)響應(yīng)式狀態(tài)變量,如scanHeight、isVisibility。這些變量的變化會(huì)自動(dòng)觸發(fā)UI的更新。3.UI結(jié)構(gòu): 界面使用嵌套的Stack、Column和Row組件構(gòu)建。主要
    發(fā)表于 08-21 15:04

    鴻蒙語(yǔ)言基礎(chǔ)類庫(kù):ohos.uitest UiTest測(cè)試

    UiTest提供模擬UI操作的能力,供開發(fā)者在測(cè)試場(chǎng)景使用,主要支持如點(diǎn)擊、雙擊、長(zhǎng)按、滑動(dòng)等UI操作能力。
    的頭像 發(fā)表于 07-12 17:38 ?317次閱讀

    學(xué)習(xí)鴻蒙必須要知道的幾個(gè)名詞

    HarmonyOS提供了一套UI(UserInterface,用戶界面)開發(fā)框架,即方舟開發(fā)框架(ArkUI框架),用于快速搭建漂亮的用戶界面。它為開發(fā)者提供應(yīng)用UI開發(fā)所必需的能力,
    的頭像 發(fā)表于 07-06 08:04 ?212次閱讀
    學(xué)習(xí)<b class='flag-5'>鴻蒙</b>必須要知道的幾個(gè)名詞

    鴻蒙開發(fā)接口UI界面:【@ohos.router (頁(yè)面路由)】

    本模塊首批接口從API version 8開始支持。后續(xù)版本的新增接口,采用上角標(biāo)單獨(dú)標(biāo)記接口的起始版本。 > - 頁(yè)面路由需要在頁(yè)面渲染完成之后才能調(diào)用,在onInit和onReady生命周期中頁(yè)面還處于渲染階段,禁止調(diào)用頁(yè)面路由方法。
    的頭像 發(fā)表于 05-28 16:26 ?645次閱讀
    <b class='flag-5'>鴻蒙</b>開發(fā)接口<b class='flag-5'>UI</b><b class='flag-5'>界面</b>:【@<b class='flag-5'>ohos</b>.router (頁(yè)面路由)】

    鴻蒙開發(fā)接口UI界面:【@ohos.prompt (彈窗)】

    本模塊首批接口從API version 8開始支持。后續(xù)版本的新增接口,采用上角標(biāo)單獨(dú)標(biāo)記接口的起始版本。
    的頭像 發(fā)表于 05-28 09:35 ?957次閱讀
    <b class='flag-5'>鴻蒙</b>開發(fā)接口<b class='flag-5'>UI</b><b class='flag-5'>界面</b>:【@<b class='flag-5'>ohos</b>.prompt (彈窗)】

    鴻蒙開發(fā)接口UI界面:【@ohos.animator (動(dòng)畫)】

    本模塊首批接口從API version 6開始支持。后續(xù)版本的新增接口,采用上角標(biāo)單獨(dú)標(biāo)記接口的起始版本。
    的頭像 發(fā)表于 05-27 16:46 ?446次閱讀
    <b class='flag-5'>鴻蒙</b>開發(fā)接口<b class='flag-5'>UI</b><b class='flag-5'>界面</b>:【@<b class='flag-5'>ohos</b>.animator (動(dòng)畫)】

    鴻蒙ArkUI:【從代碼到UI顯示的整體渲染流程】

    方舟開發(fā)框架(簡(jiǎn)稱ArkUI)是鴻蒙開發(fā)的UI框架,提供如下兩種開發(fā)范式,我們 **只學(xué)聲明式開發(fā)范式**
    的頭像 發(fā)表于 05-13 16:06 ?594次閱讀
    <b class='flag-5'>鴻蒙</b>ArkUI:【從代碼到<b class='flag-5'>UI</b>顯示的整體渲染流程】

    鴻蒙開發(fā)UI界面——@ohos.mediaquery (媒體查詢)

    導(dǎo)入模塊 ? import mediaquery from '@ohos.mediaquery' ? mediaquery.matchMediaSync matchMediaSync
    的頭像 發(fā)表于 02-22 16:46 ?619次閱讀

    鴻蒙開發(fā)UI界面——@ohos.font (注冊(cè)自定義字體)

    導(dǎo)入模塊 ? import font from '@ohos.font' ? font.registerFont registerFont(options: FontOptions): void 在
    的頭像 發(fā)表于 02-22 16:22 ?526次閱讀

    【AWTK開源智能串口屏方案】設(shè)計(jì)UI界面并上傳到串口屏

    本篇文章將介紹如何使用AWStudio設(shè)計(jì)串口屏端的UI界面和添加綁定規(guī)則,以及怎么將資源文件上傳到串口屏端。引言:AWTK-HMI是基于AWTK與AWTK-MVVM開發(fā)的低代碼智能串口屏方案,本系
    的頭像 發(fā)表于 02-22 08:24 ?483次閱讀
    【AWTK開源智能串口屏方案】設(shè)計(jì)<b class='flag-5'>UI</b><b class='flag-5'>界面</b>并上傳到串口屏

    鴻蒙之@ohos.bundle.defaultAppManager (默認(rèn)應(yīng)用管理)

    ? import defaultAppMgr from '@ohos.bundle.defaultAppManager'; ? 權(quán)限列表 權(quán)限 權(quán)限等級(jí) 描述
    的頭像 發(fā)表于 02-20 17:29 ?401次閱讀
    <b class='flag-5'>鴻蒙</b>之@<b class='flag-5'>ohos</b>.bundle.defaultAppManager (默認(rèn)應(yīng)用管理)

    【JAVA UI】【HarmonyOS】【Demo】 鴻蒙如何進(jìn)行 xml 解析

    鴻蒙鴻蒙如何進(jìn)行數(shù)據(jù)解析 【問(wèn)題描述】有時(shí)候我們從服務(wù)器獲取是 xml 格式數(shù)據(jù),我們需要將 xml 轉(zhuǎn)化成 model 對(duì)象,該如何使用呢?下面舉個(gè)例子說(shuō)明一下,將分以下幾步進(jìn)行 1.準(zhǔn)備條件
    的頭像 發(fā)表于 02-19 15:59 ?383次閱讀
    【JAVA <b class='flag-5'>UI</b>】【HarmonyOS】【Demo】 <b class='flag-5'>鴻蒙</b>如何進(jìn)行 xml 解析

    鴻蒙開發(fā)-HarmonyOS UI架構(gòu)

    ; { // 更新this.articles } } 好,現(xiàn)在Index界面依賴了網(wǎng)絡(luò)庫(kù),甚至?xí)蕾嚾降腶xios庫(kù)。在我之前一個(gè)項(xiàng)目中,還依賴過(guò)端云的agconnect庫(kù)。于是Previewer直接
    發(fā)表于 02-16 16:38

    鴻蒙實(shí)戰(zhàn)開發(fā)-全局UI方法的功能

    使用全局UI的方法定義日期滑動(dòng)選擇器彈窗并彈出。
    的頭像 發(fā)表于 02-02 17:13 ?429次閱讀
    <b class='flag-5'>鴻蒙</b>實(shí)戰(zhàn)開發(fā)-全局<b class='flag-5'>UI</b>方法的功能

    跨Android、iOS、鴻蒙多平臺(tái)框架ArkUI-X

    ArkUI是一套構(gòu)建分布式應(yīng)用界面的聲明式UI開發(fā)框架。它使用極簡(jiǎn)的UI信息語(yǔ)法、豐富的UI組件、以及實(shí)時(shí)界面預(yù)覽工具,幫助您提升移動(dòng)應(yīng)用
    的頭像 發(fā)表于 01-31 14:52 ?1556次閱讀
    跨Android、iOS、<b class='flag-5'>鴻蒙</b>多平臺(tái)框架ArkUI-X