女人自慰AV免费观看内涵网,日韩国产剧情在线观看网址,神马电影网特片网,最新一级电影欧美,在线观看亚洲欧美日韩,黄色视频在线播放免费观看,ABO涨奶期羡澄,第一导航fulione,美女主播操b

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

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

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

鴻蒙ArkTS聲明式組件:【Gauge】

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-06-22 10:10 ? 次閱讀

Gauge

數(shù)據(jù)量規(guī)圖表組件,用于將數(shù)據(jù)展示為環(huán)形圖表。

說明:
開發(fā)前請(qǐng)熟悉鴻蒙開發(fā)指導(dǎo)文檔 :[gitee.com/li-shizhen-skin/harmony-os/blob/master/README.md]點(diǎn)擊或者復(fù)制轉(zhuǎn)到。
該組件從API Version 8開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。

子組件

可以包含單個(gè)子組件。

說明:

建議使用文本組件構(gòu)建當(dāng)前數(shù)值文本和輔助文本。

若子組件寬高為百分比形式,則基準(zhǔn)范圍為以外圓環(huán)做為內(nèi)切圓的矩形。

接口

Gauge(options:{value: number, min?: number, max?: number})

從API version 9開始,該接口支持在ArkTS卡片中使用。

參數(shù):

參數(shù)名參數(shù)類型必填參數(shù)描述
valuenumber量規(guī)圖的當(dāng)前數(shù)據(jù)值,即圖中指針指向位置。用于組件創(chuàng)建時(shí)量規(guī)圖初始值的預(yù)置。**說明:**value不在min和max范圍內(nèi)時(shí)使用min作為默認(rèn)值。
minnumber當(dāng)前數(shù)據(jù)段最小值。 默認(rèn)值:0
maxnumber當(dāng)前數(shù)據(jù)段最大值。 默認(rèn)值:100**說明:**max小于min時(shí)使用默認(rèn)值0和100。 max和min支持負(fù)數(shù)。

屬性

除支持[通用屬性]外,還支持以下屬性:

名稱參數(shù)類型描述
valuenumber設(shè)置量規(guī)圖的數(shù)據(jù)值,可用于動(dòng)態(tài)修改量規(guī)圖的數(shù)據(jù)值。 默認(rèn)值:0 從API version 9開始,該接口支持在ArkTS卡片中使用。
startAnglenumber設(shè)置起始角度位置,時(shí)鐘0點(diǎn)為0度,順時(shí)針方向?yàn)檎嵌取?默認(rèn)值:0 從API version 9開始,該接口支持在ArkTS卡片中使用。
endAnglenumber設(shè)置終止角度位置,時(shí)鐘0點(diǎn)為0度,順時(shí)針方向?yàn)檎嵌取?默認(rèn)值:360 從API version 9開始,該接口支持在ArkTS卡片中使用。
colors[ResourceColor11+][LinearGradient11+]
strokeWidthLength設(shè)置環(huán)形量規(guī)圖的環(huán)形厚度。 默認(rèn)值:4 單位:vp 從API version 9開始,該接口支持在ArkTS卡片中使用。**說明:**設(shè)置小于0的值時(shí),按默認(rèn)值顯示。 不支持百分比。
description11+[CustomBuilder]設(shè)置說明文本。說明:@Builder中內(nèi)由開發(fā)者自定義,建議使用文本或者圖片。 若自定義部分的寬高為百分比形式,則基準(zhǔn)范圍為圓環(huán)直徑的44.4%*25.4%的矩形(圖片為28.6%*28.6%),距離圓環(huán)底部0vp,左右居中。 設(shè)置null則不顯示內(nèi)容。 不設(shè)置則依賴是否設(shè)置數(shù)據(jù)最大最小值。 若設(shè)置最大最小值或者只設(shè)置其中一個(gè),則顯示最大最小值。 若未設(shè)置最大最小值,則不顯示內(nèi)容。 最大最小值顯示在圓環(huán)底部,位置不可移動(dòng),若圓環(huán)開口角度設(shè)置不恰當(dāng),存在圓環(huán)遮擋文字的情況。
trackShadow11+[GaugeShadowOptions]設(shè)置陰影樣式。**說明:**陰影顏色與圓環(huán)顏色一致。 設(shè)置null為不開啟投影。
indicator11+[GaugeIndicatorOptions]設(shè)置指針樣式。**說明:**設(shè)置null則不顯示指針。

ColorStop

顏色斷點(diǎn)類型,用于描述漸進(jìn)色顏色斷點(diǎn)。

從API version 9開始,該接口支持在ArkTS卡片中使用。

名稱類型定義描述
ColorStop[[ResourceColor][LinearGradient11+], number]

GaugeShadowOptions11+對(duì)象說明

名稱參數(shù)類型必填描述
radiusnumber[Resource]
offsetXnumber[Resource]
offsetYnumber[Resource]

GaugeIndicatorOptions11+對(duì)象說明

名稱參數(shù)類型必填描述
icon[Resource]圖標(biāo)資源路徑。**說明:**不配置則使用默認(rèn)的三角形樣式指針。 支持使用svg格式的圖標(biāo),若使用其他格式,則使用默認(rèn)的三角形樣式指針。
space[Dimension]指針距離圓環(huán)外邊的間距。(不支持百分比) 默認(rèn)值:8 單位:vp**說明:**對(duì)于默認(rèn)的三角形樣式指針,間距為黑色三角形到圓環(huán)外邊的間距。 若設(shè)置值小于0,則使用默認(rèn)值。 若設(shè)置值大于圓環(huán)半徑,則使用默認(rèn)值。HarmonyOSOpenHarmony鴻蒙文檔籽料:mau123789是v直接拿

鴻蒙文檔.png

示例

// xxx.ets
@Entry
@Component
struct GaugeExample {
  build() {
    Column({ space: 20 }) {
      // 使用默認(rèn)的min和max為0-100,角度范圍默認(rèn)0-360,value值設(shè)置
      // 參數(shù)中設(shè)置當(dāng)前值為75
      Gauge({ value: 75 })
        .width(200).height(200)
        .colors([[0x317AF7, 1], [0x5BA854, 1], [0xE08C3A, 1], [0x9C554B, 1]])
      
      // 參數(shù)設(shè)置當(dāng)前值為75,屬性設(shè)置值為25,屬性設(shè)置優(yōu)先級(jí)高
      Gauge({ value: 75 })
        .value(25) // 屬性和參數(shù)都設(shè)置時(shí)以屬性為準(zhǔn)
        .width(200).height(200)
        .colors([[0x317AF7, 1], [0x5BA854, 1], [0xE08C3A, 1], [0x9C554B, 1]])
      
      // 210--150度環(huán)形圖表
      Gauge({ value: 30, min: 0, max: 100 })
        .startAngle(210)
        .endAngle(150)
        .colors([[0x317AF7, 0.1], [0x5BA854, 0.2], [0xE08C3A, 0.3], [0x9C554B, 0.4]])
        .strokeWidth(20)
        .width(200)
        .height(200)
    }.width('100%').margin({ top: 5 })
  }
}

gauge

聲明:本文內(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)投訴
  • API
    API
    +關(guān)注

    關(guān)注

    2

    文章

    1563

    瀏覽量

    63555
  • 組件
    +關(guān)注

    關(guān)注

    1

    文章

    529

    瀏覽量

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

    關(guān)注

    59

    文章

    2531

    瀏覽量

    43788
收藏 人收藏

    評(píng)論

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

    HarmonyOS/OpenHarmony應(yīng)用開發(fā)-ArkTS聲明開發(fā)范式

    軌跡。狀態(tài)與數(shù)據(jù)管理狀態(tài)數(shù)據(jù)管理作為基于ArkTS聲明開發(fā)范式的特色,通過功能不同的裝飾器給開發(fā)者提供了清晰的頁(yè)面更新渲染流程和管道。狀態(tài)管理包括UI組件狀態(tài)和應(yīng)用程序狀態(tài),兩者協(xié)
    發(fā)表于 01-17 15:09

    鴻蒙ArkTS聲明組件:Blank

    空白填充組件,在容器主軸方向上,空白填充組件具有自動(dòng)填充容器空余部分的能力。僅當(dāng)父組件為Row/Column/Flex時(shí)生效。
    的頭像 發(fā)表于 06-19 16:21 ?892次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:Blank

    鴻蒙ArkTS聲明組件:DataPanel

    數(shù)據(jù)面板組件,用于將多個(gè)數(shù)據(jù)占比情況使用占比圖進(jìn)行展示。
    的頭像 發(fā)表于 06-21 09:42 ?706次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:DataPanel

    鴻蒙ArkTS聲明組件:Marquee

    跑馬燈組件,用于滾動(dòng)展示一段單行文本。僅當(dāng)文本內(nèi)容寬度超過跑馬燈組件寬度時(shí)滾動(dòng),不超過時(shí)不滾動(dòng)。
    的頭像 發(fā)表于 06-25 15:52 ?778次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:Marquee

    鴻蒙ArkTS聲明組件:NavDestination

    作為NavRouter組件的子組件,用于顯示導(dǎo)航內(nèi)容區(qū)。
    的頭像 發(fā)表于 06-27 14:05 ?970次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:NavDestination

    鴻蒙ArkTS聲明組件:PatternLock

    圖案密碼鎖組件,以九宮格圖案的方式輸入密碼,用于密碼驗(yàn)證場(chǎng)景。手指在PatternLock組件區(qū)域按下時(shí)開始進(jìn)入輸入狀態(tài),手指離開屏幕時(shí)結(jié)束輸入狀態(tài)完成密碼輸入。
    的頭像 發(fā)表于 06-27 09:59 ?868次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:PatternLock

    鴻蒙ArkTS聲明組件:【RichText】

    富文本組件,解析并顯示HTML格式文本。
    的頭像 發(fā)表于 06-29 09:35 ?1253次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:【RichText】

    鴻蒙ArkTS聲明組件:ScrollBar

    滾動(dòng)條組件ScrollBar,用于配合可滾動(dòng)組件使用,如List、Grid、Scroll。
    的頭像 發(fā)表于 07-01 15:52 ?914次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:ScrollBar

    鴻蒙ArkTS聲明組件:Span

    作為Text組件的子組件,用于顯示行內(nèi)文本的組件
    的頭像 發(fā)表于 07-01 09:14 ?763次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:Span

    鴻蒙ArkTS聲明組件:StepperItem

    用作[Stepper]組件的頁(yè)面子組件
    的頭像 發(fā)表于 07-02 17:47 ?610次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:StepperItem

    鴻蒙ArkTS聲明組件:TextArea

    多行文本輸入框組件,當(dāng)輸入的文本內(nèi)容超過組件寬度時(shí)會(huì)自動(dòng)換行顯示。
    的頭像 發(fā)表于 07-02 15:02 ?1284次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:TextArea

    鴻蒙ArkTS聲明組件:TextInput

    單行文本輸入框組件
    的頭像 發(fā)表于 07-03 09:14 ?1807次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:TextInput

    鴻蒙ArkTS聲明組件:TextPicker

    滑動(dòng)選擇文本內(nèi)容的組件。
    的頭像 發(fā)表于 07-03 15:07 ?1031次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:TextPicker

    鴻蒙ArkTS聲明組件:TextTimer

    通過文本顯示計(jì)時(shí)信息并控制其計(jì)時(shí)器狀態(tài)的組件。
    的頭像 發(fā)表于 07-03 17:06 ?886次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:TextTimer

    鴻蒙ArkTS聲明組件:XComponent

    可用于EGL/OpenGLES和媒體數(shù)據(jù)寫入,并顯示在XComponent組件
    的頭像 發(fā)表于 07-05 09:56 ?1178次閱讀
    <b class='flag-5'>鴻蒙</b><b class='flag-5'>ArkTS</b><b class='flag-5'>聲明</b><b class='flag-5'>式</b><b class='flag-5'>組件</b>:XComponent