OpenHarmony开发者论坛

标题: Select设置width('100%')后无法点击；设置layoutWeight(1)控件大小还是自适应自身，请问如何处理？或者如何实现Android中的Spinner功能 [打印本页]
作者: chendada    时间: 2024-1-29 17:02
标题: Select设置width('100%')后无法点击；设置layoutWeight(1)控件大小还是自适应自身，请问如何处理？或者如何实现Android中的Spinner功能
[md]1、Select设置width('100%')后无法点击，没有设置时是正常的
2、Select设置layoutWeight(1)控件大小还是自适应自身，而不是平分父控件剩余空间
[/md]
作者: hyacinth养花人    时间: 2024-2-2 14:46
标题: Select设置width('100%')后无法点击；设置layoutWeight(1)控件大小还是自适应自身，请问如何处理？或者如何实现Android中的Spinner功能

你的镜像和IDE是什么版本呢？都没有复现你说的问题呢，以下是我的代码
1. Select 设置 width('100%')
  1. Row() {
  2.           Select([{ value: 'aaa', icon: "/common/public_icon.svg" },
  3.             { value: 'bbb', icon: "/common/public_icon.svg" },
  4.             { value: 'ccc', icon: "/common/public_icon.svg" },
  5.             { value: 'ddd', icon: "/common/public_icon.svg" }])
  6.             .selected(2)
  7.             .value('请选择')
  8.             .font({ size: 16, weight: 500 })
  9.             .fontColor('#182431')
  10.             .selectedOptionFont({ size: 16, weight: 400 })
  11.             .optionFont({ size: 16, weight: 400 })
  12.             .onSelect((index: number) => {
  13.               console.info('Select:' + index)
  14.             })
  15.             .width('100%')
  16.         }
  17.         .width('100%')
  18.         .backgroundColor(Color.Black)
  19.         .padding(20)
  20.         .margin(20)
复制代码
2. Select 设置 layoutWeight(1)控件大小还是自适应自身
  1. Row() {
  2.           Text('一半')
  3.             .backgroundColor(Color.Blue)
  4.             .layoutWeight(1)
  5.             .fontColor(Color.White)
  6.           Text('另一半')
  7.             .backgroundColor(Color.Green)
  8.             .layoutWeight(1)
  9.             .fontColor(Color.White)
  10.         }
  11.         .width('100%')
  12.         .backgroundColor(Color.Black)
  13.         .padding(20)

  15.         Row() {
  16.           Text('xxx')
  17.             .backgroundColor(Color.Blue)
  18.             .layoutWeight(1)
  19.             .fontColor(Color.White)
  20.           Select([{ value: 'aaa', icon: "/common/public_icon.svg" },
  21.             { value: 'bbb', icon: "/common/public_icon.svg" },
  22.             { value: 'ccc', icon: "/common/public_icon.svg" },
  23.             { value: 'ddd', icon: "/common/public_icon.svg" }])
  24.             .selected(2)
  25.             .value('请选择')
  26.             .font({ size: 16, weight: 500 })
  27.             .fontColor('#182431')
  28.             .selectedOptionFont({ size: 16, weight: 400 })
  29.             .optionFont({ size: 16, weight: 400 })
  30.             .onSelect((index: number) => {
  31.               console.info('Select:' + index)
  32.             })
  33.             .layoutWeight(1)
  34.         }
  35.         .width('100%')
  36.         .backgroundColor(Color.Black)
  37.         .padding(20)
复制代码

(, 下载次数: 13)




欢迎光临 OpenHarmony开发者论坛 (https://forums.openharmony.cn/) Powered by Discuz! X3.5