一 欢迎页面UI设计
本章节将实现黑马健康欢迎页面的UI设计,此页面整体布局为从上到下的列式布局,依次为图片、图片、文本。
效果图为:
具体代码:
import common from '@ohos.app.ability.common'
import router from '@ohos.router'
import PreferenceUtil from '../common/utils/PreferenceUtil'
import { UserPrivacyDialog } from '../view/welcome/UserPrivacyDialog'
@Extend(Text) function opacityWhiteText(opacity:number,fontSize:number = 10){
.fontColor(Color.White)
.fontSize(fontSize)
.opacity(opacity) //透明处理
}
const PREF_KEY = 'userPrivacyKey'
@Entry
@Component
struct WelcomePage {
context = getContext(this) as common.UIAbilityContext
controller:CustomDialogController = new CustomDialogController({
builder:UserPrivacyDialog({
confirm:()=> this.onConfirm(),
cancel:()=>this.exitAPP()
})
})