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ì)算)

王程 ? 來源: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ù)名 類型 必填 說明
options MeasureOptions 被計(jì)算文本描述信息。

返回值:

類型 說明
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

被計(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ī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • ui
    ui
    +關(guān)注

    關(guān)注

    0

    文章

    204

    瀏覽量

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

    關(guān)注

    57

    文章

    2351

    瀏覽量

    42849
收藏 人收藏

    評(píng)論

    相關(guān)推薦

    鴻蒙Flutter實(shí)戰(zhàn):14-現(xiàn)有Flutter 項(xiàng)目支持鴻蒙 II

    ,另外一個(gè)為 ohos_app App 殼工程 進(jìn)入 package/apps/app 目錄, 創(chuàng)建 app 項(xiàng)目,該項(xiàng)目為一個(gè) App 項(xiàng)目,用于各平臺(tái)(ios/android/mac 等, 不包含鴻蒙
    發(fā)表于 12-26 14:59

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

    使用@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

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

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

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

    HarmonyOS提供了一套UI(UserInterface,用戶界面)開發(fā)框架,即方舟開發(fā)框架(ArkUI框架),用于快速搭建漂亮的用戶界面。它為開發(fā)者提供應(yīng)用UI開發(fā)所必需的能力,
    的頭像 發(fā)表于 07-06 08:04 ?423次閱讀
    學(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 ?941次閱讀
    <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 ?1169次閱讀
    <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 ?591次閱讀
    <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 ?922次閱讀
    <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 ?811次閱讀

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

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

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

    本篇文章將介紹如何使用AWStudio設(shè)計(jì)串口屏端的UI界面和添加綁定規(guī)則,以及怎么將資源文件上傳到串口屏端。引言:AWTK-HMI是基于AWTK與AWTK-MVVM開發(fā)的低代碼智能串口屏方案,本系
    的頭像 發(fā)表于 02-22 08:24 ?725次閱讀
    【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 ?515次閱讀
    <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ù)解析 【問題描述】有時(shí)候我們從服務(wù)器獲取是 xml 格式數(shù)據(jù),我們需要將 xml 轉(zhuǎn)化成 model 對(duì)象,該如何使用呢?下面舉個(gè)例子說明一下,將分以下幾步進(jìn)行 1.準(zhǔn)備條件
    的頭像 發(fā)表于 02-19 15:59 ?572次閱讀
    【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)目中,還依賴過端云的agconnect庫(kù)。于是Previewer直接
    發(fā)表于 02-16 16:38

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

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