组件如何设置最大宽度或高度,在最大值范围之内可以正常自适应

组件如何设置最大宽度或高度,在最大值范围之内可以正常自适应。

HarmonyOS
2024-06-04 23:30:31
浏览
收藏 0
回答 1
回答 1
按赞同
/
按时间
好难的昵称

可使用constraintSize与clip实现,超出部分不展示的效果。

@Entry 
@Component 
struct Index { 
  build() { 
    Flex({ direction: FlexDirection.Column }) { 
      Column() { 
        Text('11111111').fontSize(20) 
        Text('11111111').fontSize(20) 
        Text('11111111').fontSize(20) 
      }.height('100%') 
    } 
    .backgroundColor(Color.Green) 
    .clip(true) 
    .constraintSize({ 
      minWidth: 150, 
      maxWidth: 200, 
      minHeight: 0, 
      maxHeight: 20 
    }) 
  } 
}
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.
  • 20.
  • 21.

文档链接:

clip

分享
微博
QQ
微信
回复
2024-06-05 20:01:18


相关问题
如何设置组件最大最小宽度高度
3580浏览 • 1回复 待解决
组件最大和最小宽度高度如何设置
2875浏览 • 1回复 待解决
HarmonyOS kv存储的最大值可以调整吗
702浏览 • 1回复 待解决
HarmonyOS Text如何设置最大宽度maxWidth
775浏览 • 1回复 待解决
怎么设置元素的最大宽度最小宽度
603浏览 • 1回复 待解决
HarmonyOS List是否可以设置自适应高度
300浏览 • 1回复 待解决
HarmonyOS Text怎么设置最大高度
374浏览 • 1回复 待解决
HarmonyOS Row 怎么设置中间最大宽度
317浏览 • 1回复 待解决
HarmonyOS scroll如何限制最大高度
636浏览 • 1回复 待解决
HarmonyOS Image如何设置内容宽度自适应
445浏览 • 1回复 待解决
Web组件如何实现高度自适应
1404浏览 • 1回复 待解决
Grid组件如何实现高度自适应
3708浏览 • 1回复 待解决