透明度設(shè)置

2024-01-22 16:09 更新

設(shè)置組件的透明度。

說(shuō)明

從API Version 7開始支持。后續(xù)版本如有新增內(nèi)容,則采用上角標(biāo)單獨(dú)標(biāo)記該內(nèi)容的起始版本。

屬性

名稱參數(shù)類型描述
opacitynumber | Resource

元素的不透明度,取值范圍為0到1,1表示不透明,0表示完全透明, 達(dá)到隱藏組件效果,但是在布局中占位。

說(shuō)明:

子組件可以繼承父組件的此屬性。默認(rèn)值:1

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

示例

  1. // xxx.ets
  2. @Entry
  3. @Component
  4. struct OpacityExample {
  5. build() {
  6. Column({ space: 5 }) {
  7. Text('opacity(1)').fontSize(9).width('90%').fontColor(0xCCCCCC)
  8. Text().width('90%').height(50).opacity(1).backgroundColor(0xAFEEEE)
  9. Text('opacity(0.7)').fontSize(9).width('90%').fontColor(0xCCCCCC)
  10. Text().width('90%').height(50).opacity(0.7).backgroundColor(0xAFEEEE)
  11. Text('opacity(0.4)').fontSize(9).width('90%').fontColor(0xCCCCCC)
  12. Text().width('90%').height(50).opacity(0.4).backgroundColor(0xAFEEEE)
  13. Text('opacity(0.1)').fontSize(9).width('90%').fontColor(0xCCCCCC)
  14. Text().width('90%').height(50).opacity(0.1).backgroundColor(0xAFEEEE)
  15. Text('opacity(0)').fontSize(9).width('90%').fontColor(0xCCCCCC)
  16. Text().width('90%').height(50).opacity(0).backgroundColor(0xAFEEEE)
  17. }
  18. .width('100%')
  19. .padding({ top: 5 })
  20. }
  21. }

以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)