0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫(xiě)文章/發(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ù)名 類(lèi)型 必填 說(shuō)明
options MeasureOptions 被計(jì)算文本描述信息。

返回值:

類(lèi)型 說(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)容及配圖由入駐作者撰寫(xiě)或者入駐合作網(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

    文章

    206

    瀏覽量

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

    關(guān)注

    59

    文章

    2535

    瀏覽量

    43810
收藏 人收藏

    評(píng)論

    相關(guān)推薦
    熱點(diǎn)推薦

    鴻蒙5開(kāi)發(fā)寶藏案例分享---應(yīng)用架構(gòu)實(shí)戰(zhàn)技巧

    通信:子線程如何安全更新UI? **鴻蒙UI更新必須在主線程(也叫UI線程),但耗時(shí)操作(網(wǎng)絡(luò)請(qǐng)求/數(shù)據(jù)庫(kù)讀寫(xiě))需放在子線程。官方推薦用 **<span class=\&quo
    發(fā)表于 06-12 16:14

    Kuikly鴻蒙版正式開(kāi)源 —— 揭秘卓越性能適配之旅

    指令 在Android、iOS平臺(tái)上,系統(tǒng)都提供了命令式的UI接口,這種命令式UI接口非常符合Kuikly的渲染層抽象,可以等價(jià)直調(diào)系統(tǒng)接口操作原生控件。然而鴻蒙平臺(tái)的用戶界面是通過(guò)聲
    發(fā)表于 06-04 16:46

    鴻蒙5開(kāi)發(fā)寶藏案例分享---自由流轉(zhuǎn)的拖拽多屏聯(lián)動(dòng)

    線程更新UI問(wèn)題 ??** 案例四:數(shù)據(jù)持久化(輕量級(jí)存儲(chǔ))** 替代SharedPreferences :鴻蒙的Preferences更香! // 存數(shù)據(jù) Preferences
    發(fā)表于 06-03 18:50

    第二篇 RA8889 實(shí)現(xiàn)酷炫車(chē)載液晶儀表系列視頻: UI類(lèi)界面介紹

    本系列文章介紹 RA8889 實(shí)現(xiàn)液晶儀表HMI UI界面,分為兩大部分來(lái)介紹,本期介紹如何制作UI類(lèi)界面,其中包括使用PS軟件制作靜態(tài)類(lèi)UI
    的頭像 發(fā)表于 02-25 15:27 ?404次閱讀
    第二篇 RA8889 實(shí)現(xiàn)酷炫車(chē)載液晶儀表系列視頻: <b class='flag-5'>UI</b>類(lèi)<b class='flag-5'>界面</b>介紹

    #新年新氣象,大家新年快樂(lè)!#AIGC入門(mén)及鴻蒙入門(mén)

    Generated Content,即人工智能生成內(nèi)容。它利用人工智能技術(shù)自動(dòng)生成或輔助生成文本、圖像、音頻、視頻等內(nèi)容。 AIGC的核心技術(shù)包括自然語(yǔ)言處理(NLP)、計(jì)算機(jī)視覺(jué)、生成對(duì)抗網(wǎng)絡(luò)(GAN)等
    發(fā)表于 01-13 10:46

    AIGC入門(mén)及鴻蒙入門(mén)

    Generated Content,即人工智能生成內(nèi)容。它利用人工智能技術(shù)自動(dòng)生成或輔助生成文本、圖像、音頻、視頻等內(nèi)容。 AIGC的核心技術(shù)包括自然語(yǔ)言處理(NLP)、計(jì)算機(jī)視覺(jué)、生成對(duì)抗網(wǎng)絡(luò)(GAN)等
    發(fā)表于 01-13 10:32

    用DevEco Studio模擬器這些能力,沒(méi)真機(jī)也能高效調(diào)測(cè)鴻蒙原生應(yīng)用

    問(wèn)題,如果UI界面中存在過(guò)度的布局計(jì)算,冗余的元素繪制,將會(huì)帶來(lái)設(shè)備資源的大量開(kāi)銷(xiāo),造成響應(yīng)性能的衰退。 隨著鴻蒙生態(tài)的快速發(fā)展,越來(lái)越多的開(kāi)發(fā)者投身于
    的頭像 發(fā)表于 01-08 16:04 ?573次閱讀
    用DevEco Studio模擬器這些能力,沒(méi)真機(jī)也能高效調(diào)測(cè)<b class='flag-5'>鴻蒙</b>原生應(yīng)用

    鴻蒙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

    鴻蒙Flutter實(shí)戰(zhàn):11-使用 Flutter SDK 3.22.0

    /custom_3.22.0 3.如果項(xiàng)目已經(jīng)創(chuàng)建,還未添加鴻蒙平臺(tái)支持,則使用以下命令添加鴻蒙平臺(tái)支持。 flutter create --platforms ohos . 其中,.代表當(dāng)前目錄
    發(fā)表于 11-01 15:03

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

    目錄下新建一個(gè)項(xiàng)目,該項(xiàng)目運(yùn)行鴻蒙平臺(tái)適配和打包。 flutter create --platforms ohos ohos_app 目錄結(jié)構(gòu)如下所示: . ├── README.md
    發(fā)表于 10-23 16:36

    鴻蒙Flutter實(shí)戰(zhàn):08-如何調(diào)試代碼

    。 方案二 適應(yīng)DecEco運(yùn)行鴻蒙項(xiàng)目,注意需要打開(kāi)的是ohos鴻蒙目錄代碼,待IDE分析結(jié)束后,點(diǎn)擊運(yùn)行。 當(dāng)app在鴻蒙設(shè)備上啟動(dòng)成功后,立即在 Vscode 中調(diào)出 Comma
    發(fā)表于 10-23 16:29

    鴻蒙Flutter實(shí)戰(zhàn):07混合開(kāi)發(fā)

    # 鴻蒙Flutter實(shí)戰(zhàn):混合開(kāi)發(fā) 鴻蒙Flutter混合開(kāi)發(fā)主要有兩種形式。 ## 1.基于har 將flutter module打包成har包,在原生鴻蒙項(xiàng)目中,以har包的方式引入
    發(fā)表于 10-23 16:00

    基于鴻蒙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ǔ)類(lèi)庫(kù):ohos.uitest UiTest測(cè)試

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

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

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

    電子發(fā)燒友

    中國(guó)電子工程師最喜歡的網(wǎng)站

    • 2931785位工程師會(huì)員交流學(xué)習(xí)
    • 獲取您個(gè)性化的科技前沿技術(shù)信息
    • 參加活動(dòng)獲取豐厚的禮品