【鴻蒙學習筆記】屬性學習迭代筆記

這里寫目錄標題

Text
Image
Column
Row

Text

@Entry
@Component
struct PracExample {build() {Row() {Text('文本描述').fontSize(40)// 字體大小.fontWeight(FontWeight.Bold)// 加粗.fontColor(Color.Blue)// 字體顏色.backgroundColor(Color.Red)// 背景顏色.width('50%')// 組件寬度.height("50")// 組件高度.size({ width: '80%', height: '70' })// 組件高寬  誰在下面以誰為主.borderRadius(20) // 四個角圓曲度.border({ width: 3, style: BorderStyle.Dashed })// 組件邊框.margin(40)// 外邊距.padding(15)// 內邊距.textAlign(TextAlign.Center)// 字體居中.opacity(0.7) // 透明度}.backgroundColor(Color.Yellow)}
}

在這里插入圖片描述

Image

Image($r('app.media.zhibo')).width(96).height(96).borderRadius(12).objectFit(ImageFit.Fill) // 不明

Column

@Entry
@Component
struct PracExample {build() {Column({ space: 10 }) {Text('文本描述').size({ width: '80%', height: '60' }).backgroundColor(Color.Red)}.width('100%').height(150).backgroundColor(Color.Pink).border({ radius: { topLeft: 15, topRight: 15, } }).borderRadius(12).margin(20).padding(10).alignItems(HorizontalAlign.Start) // 元素位置.justifyContent(FlexAlign.Center) // 主軸對齊方式}
}

在這里插入圖片描述

Row

Row() {}
.alignItems(VerticalAlign.Center)

本文來自互聯網用戶投稿，該文觀點僅代表作者本人，不代表本站立場。本站僅提供信息存儲空間服務，不擁有所有權，不承擔相關法律責任。
如若轉載，請注明出處：http://www.pswp.cn/diannao/43942.shtml
繁體地址，請注明出處：http://hk.pswp.cn/diannao/43942.shtml
英文地址，請注明出處：http://en.pswp.cn/diannao/43942.shtml

如若內容造成侵權/違法違規/事實不符，請聯系多彩編程網進行投訴反饋email:809451989@qq.com，一經查實，立即刪除！