在线观看www成人影院-在线观看www日本免费网站-在线观看www视频-在线观看操-欧美18在线-欧美1级

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

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

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

鴻蒙ArkTS聲明式組件:TextPicker

jf_46214456 ? 來源:jf_46214456 ? 作者:jf_46214456 ? 2024-07-03 15:07 ? 次閱讀

TextPicker

滑動(dòng)選擇文本內(nèi)容的組件。

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

子組件

接口

TextPicker(options?: {range: string[] | string[][] | Resource | TextPickerRangeContent[] | TextCascadePickerRangeContent[], selected?: number, value?: string})

根據(jù)range指定的選擇范圍創(chuàng)建文本選擇器。

參數(shù)

參數(shù)名參數(shù)類型必填參數(shù)描述
rangestring[]string[][]10+[Resource]
selectednumbernumber[]10+
valuestringstring[]10+

TextPickerRangeContent10+類型說明

參數(shù)名參數(shù)類型必填參數(shù)描述
iconstring[Resource]
textstring[Resource]

TextCascadePickerRangeContent10+類型說明

參數(shù)名參數(shù)類型必填參數(shù)描述
textstring[Resource]
children[TextCascadePickerRangeContent][]聯(lián)動(dòng)數(shù)據(jù)。

屬性

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

名稱參數(shù)類型描述
defaultPickerItemHeightnumberstring
disappearTextStyle10+[PickerTextStyle]設(shè)置所有選項(xiàng)中最上和最下兩個(gè)選項(xiàng)的文本顏色、字號(hào)、字體粗細(xì)。 默認(rèn)值: { color: '#ff182431', font: { size: '14fp', weight: FontWeight.Regular } }
textStyle10+[PickerTextStyle]設(shè)置所有選項(xiàng)中除了最上、最下及選中項(xiàng)以外的文本顏色、字號(hào)、字體粗細(xì)。 默認(rèn)值: { color: '#ff182431', font: { size: '16fp', weight: FontWeight.Regular } }
selectedTextStyle10+[PickerTextStyle]設(shè)置選中項(xiàng)的文本顏色、字號(hào)、字體粗細(xì)。 默認(rèn)值: { color: '#ff007dff', font: { size: '20vp', weight: FontWeight.Medium } }
selectedIndex10+numbernumber[]
canLoop10+boolean設(shè)置是否可循環(huán)滾動(dòng),true:可循環(huán),false:不可循環(huán),默認(rèn)值:true。

事件

除支持[通用事件]外,還支持以下事件:

名稱描述
onChange(callback: (value: stringstring[]10+, index: number
HarmonyOSOpenHarmony鴻蒙文檔籽料:mau123789是v直接拿

搜狗高速瀏覽器截圖20240326151344.png

示例

示例1

// xxx.ets
class bottom {
  bottom:number = 50
}
let bott:bottom = new bottom()
@Entry
@Component
struct TextPickerExample {
  private select: number = 1
  private apfruits: string[] = ['apple1', 'apple2', 'apple3', 'apple4']
  private orfruits: string[] = ['orange1', 'orange2', 'orange3', 'orange4']
  private pefruits: string[] = ['peach1', 'peach2', 'peach3', 'peach4']
  private multi: string[][] = [this.apfruits, this.orfruits, this.pefruits]
  private cascade: TextCascadePickerRangeContent[] = [
    {
      text: '遼寧省',
      children: [{ text: '沈陽市', children: [{ text: '沈河區(qū)' }, { text: '和平區(qū)' }, { text: '渾南區(qū)' }] },
        { text: '大連市', children: [{ text: '中山區(qū)' }, { text: '金州區(qū)' }, { text: '長海縣' }] }]
    },
    {
      text: '吉林省',
      children: [{ text: '長春市', children: [{ text: '南關(guān)區(qū)' }, { text: '寬城區(qū)' }, { text: '朝陽區(qū)' }] },
        { text: '四平市', children: [{ text: '鐵西區(qū)' }, { text: '鐵東區(qū)' }, { text: '梨樹縣' }] }]
    },
    {
      text: '黑龍江省',
      children: [{ text: '哈爾濱市', children: [{ text: '道里區(qū)' }, { text: '道外區(qū)' }, { text: '南崗區(qū)' }] },
        { text: '牡丹江市', children: [{ text: '東安區(qū)' }, { text: '西安區(qū)' }, { text: '愛民區(qū)' }] }]
    }
  ]

  build() {
    Column() {

      TextPicker({ range: this.apfruits, selected: this.select })
        .onChange((value: string | string[], index: number | number[]) = > {
          console.info('Picker item changed, value: ' + value + ', index: ' + index)
        }).margin(bott)

      TextPicker({ range: this.multi })
        .onChange((value: string | string[], index: number | number[]) = > {
          console.info('TextPicker 多列:onChange ' + JSON.stringify(value) + ', ' + 'index: ' + JSON.stringify(index))
        }).margin(bott)

      TextPicker({ range: this.cascade })
        .onChange((value: string | string[], index: number | number[]) = > {
          console.info('TextPicker 多列聯(lián)動(dòng):onChange ' + JSON.stringify(value) + ', ' + 'index: ' + JSON.stringify(index))
        })
    }
  }
}

示例2

textpicker

// xxx.ets
@Entry
@Component
struct TextPickerExample {
  private select: number = 1
  private fruits: string[] = ['apple1', 'orange2', 'peach3', 'grape4']

  build() {
    Column() {
      TextPicker({ range: this.fruits, selected: this.select })
        .onChange((value: string | string[], index: number | number[]) = > {
          console.info('Picker item changed, value: ' + value + ', index: ' + index)
        })
        .disappearTextStyle({color: Color.Red, font: {size: 15, weight: FontWeight.Lighter}})
        .textStyle({color: Color.Black, font: {size: 20, weight: FontWeight.Normal}})
        .selectedTextStyle({color: Color.Blue, font: {size: 30, weight: FontWeight.Bolder}})
    }.width('100%').height('100%')
  }
}

textpicker

審核編輯 黃宇

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

    關(guān)注

    1

    文章

    512

    瀏覽量

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

    關(guān)注

    57

    文章

    2361

    瀏覽量

    42878
收藏 人收藏

    評(píng)論

    相關(guān)推薦

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

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

    HarmonyOS/OpenHarmony應(yīng)用開發(fā)-聲明開發(fā)范式組件匯總

    組件是構(gòu)建頁面的核心,每個(gè)組件通過對數(shù)據(jù)和方法的簡單封裝,實(shí)現(xiàn)獨(dú)立的可視、可交互功能單元。組件之間相互獨(dú)立,隨取隨用,也可以在需求相同的地方重復(fù)使用。聲明
    發(fā)表于 01-19 11:14

    鴻蒙ArkTS聲明組件:Blank

    空白填充組件,在容器主軸方向上,空白填充組件具有自動(dòng)填充容器空余部分的能力。僅當(dāng)父組件為Row/Column/Flex時(shí)生效。
    的頭像 發(fā)表于 06-19 16:21 ?564次閱讀
    <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 ?425次閱讀
    <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 ?437次閱讀
    <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 ?496次閱讀
    <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)證場景。手指在PatternLock組件區(qū)域按下時(shí)開始進(jìn)入輸入狀態(tài),手指離開屏幕時(shí)結(jié)束輸入狀態(tài)完成密碼輸入。
    的頭像 發(fā)表于 06-27 09:59 ?473次閱讀
    <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 ?751次閱讀
    <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 ?534次閱讀
    <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 ?467次閱讀
    <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]組件的頁面子組件
    的頭像 發(fā)表于 07-02 17:47 ?419次閱讀
    <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 ?703次閱讀
    <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 ?993次閱讀
    <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聲明組件:TextTimer

    通過文本顯示計(jì)時(shí)信息并控制其計(jì)時(shí)器狀態(tài)的組件
    的頭像 發(fā)表于 07-03 17:06 ?543次閱讀
    <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 ?714次閱讀
    <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
    主站蜘蛛池模板: 欧美一区二区三区大片| www.成人在线| 午夜两性网| 最新天堂| 夜夜春色| 操日韩美女| 最新欧美一级视频| 又粗又硬又大久久久| 亚洲理论在线观看| 神马福利| аⅴ资源中文在线天堂| 男人的视频网站| 爽好舒服快小柔小说| nxgx欧美| 97se狠狠狠狠狼亚洲综合网| 污污的网站免费阅读| 精品成人| 婷婷天堂| 欧美综合精品一区二区三区| 蕾丝视频成人★在线观看| 国产亚洲综合精品一区二区三区| 成人性色生活影片| 天天干天天操天天爽| 97影院理论午夜论不卡| 一级特色黄大片| 免费一级毛片不卡在线播放| 操操综合网| 日韩欧美亚洲一区| 亚洲香蕉久久一区二区三区四区| 手机毛片| 激情综合在线观看| 永久免费影视在线观看| 九九视频只有精品| 人人天天爱天天做天天摸| 午夜在线视频国产| 寂寞午夜影院| 亚洲一区二区视频| 天堂网在线最新版官网| 麻豆美女大尺度啪啪| 久草热线视频| 久久久成人影院|