纯血鸿蒙APP开发实战—启动页面

启动页面整体效果如下:

纯血鸿蒙APP开发实战—启动页面_第1张图片

1,布局代码,头部一个logo 使用Image ,底部一个名称图片使用Image,最后一个描述是一个文本Text 组成

代码如下:


Flex({direction: FlexDirection.Column, alignItems: ItemAlign.Center}){
Column() {
Image($r('app.media.ic_eshop'))
.width(100)
.aspectRatio(1)
.objectFit(ImageFit.Contain)
}
.justifyContent(FlexAlign.Center)
.alignItems(HorizontalAlign.Center)
.flexGrow(1)
Image($r('app.media.ic_title'))
.width($r('app.float.text_image_width'))
.height($r('app.float.text_image_height'))
.objectFit(ImageFit.Contain)
Text($r('app.string.splash_desc'))
.fontColor('#66000000')
.fontSize($r('app.float.bigger_font_size'))
.letterSpacing(16)
.margin({ top: $r('app.float.vp_twelve'), bottom: $r('app.float.splash_text_margin_botto

你可能感兴趣的:(HarmonyOS,鸿蒙,鸿蒙工程师,harmonyos,华为,鸿蒙开发,HarmonyOS,鸿蒙,鸿蒙系统,鸿蒙应用开发)