Time: 2024-07-12 Friday 18:45:01
Author: Jackasher

鸿蒙开发

胶囊图形

Image($r('app.media.startIcon'))
  .width(100)
  .borderRadius(50)

borderRadius是height的一半就是胶囊状图形,而width和weigth一样时即为圆形

背景颜色

TextInput({
  placeholder: "密码"
}).type(InputType.Password).backgroundImage($r("app.media.background"),ImageRepeat.XY)

背景图片平铺

Text("Hello")
  .width('300vp')
  .height('200vp')
  .backgroundColor(Color.Pink)
  .backgroundImage($r('app.media.app_icon'))
  .backgroundImagePosition({x:vp2px(400),y:vp2px(300)})
  .backgroundImageSize(ImageSize.Contain)
  .backgroundImagePosition(Alignment.Center)

背景设置

线性布局