HarmonyOS开发实战（黑马健康系列一：欢迎页）

系列文章目录

（零）鸿蒙HarmonyOS入门：如何配置环境，输出“Hello World“
（一）鸿蒙HarmonyOS开发基础
（二）鸿蒙HarmonyOS主力开发语言ArkTS-基本语法
（三）鸿蒙HarmonyOS主力开发语言ArkTS-状态管理
（四）鸿蒙HarmonyOS主力开发语言ArkTS-渲染控制
（五）鸿蒙HarmonyOS主力开发语言ArkTS-数据懒加载(LazyForEach)

文章目录

系列文章目录
前言
一、核心代码
- 1.WelcomePage.ets
- 2.UserPrivacyDialog.ets
- 3.页面效果
总结
扩展

前言

提示：：

案例来源于b站的黑马课程

提示：以下是本篇文章正文内容，下面案例可供参考

一、核心代码

1.WelcomePage.ets

import UserPrivacyDialog from '../view/welcome/UserPrivacyDialog'
import common from '@ohos.app.ability.common'
import PreferencesUtil from '../common/utils/PreferencesUtil'
import router from '@ohos.router'
@Extend(Text) function opacityWhiteText(opacity: number, fontSize: number = 10) {.fontSize(fontSize).opacity(opacity).fontColor(Color.White)
}const USER_PRIVACY_KEY: string = 'userPrivacyKey'@Entry
@Component
struct WelcomePage {// 获取上下文，用户退出APPcontext = getContext(this) as common.UIAbilityContext// 定义用户协议弹窗controller: CustomDialogController = new CustomDialogController({builder: UserPrivacyDialog({confirm: () => this.onConfirm(),cancel: () => this.exitApp()})})// 用户协议同意处理逻辑async onConfirm() {//   保存用户同意信息到首选项await PreferencesUtil.putPreferenceValue(USER_PRIVACY_KEY, true)//   跳转到首页this.jumpToIndex()}// 用户协议不同退出APPexitApp() {this.context.terminateSelf()}async aboutToAppear() {//读取用户首选项let isAgree = await PreferencesUtil.getPreferenceValue(USER_PRIVACY_KEY, false)// 同意则跳转首页if (isAgree) {this.jumpToIndex()} else {console.log('2222')// 不同意则继续打开用户协议this.controller.open()}}// 跳转到首页jumpToIndex() {setTimeout(() => {router.replaceUrl({url: 'pages/Index'})}, 1000)}build() {Column({ space: 10 }) {//中央Row() {Image($r('app.media.home_slogan')).width(260)}.layoutWeight(1)Image($r('app.media.home_logo')).width(150)Row() {// Text('技术支持').fontSize(12).opacity(0.8).fontColor(Color.White)Text('技术支持').opacityWhiteText(0.8,12)Text('IPV6').fontSize(10).opacity(0.8).fontColor(Color.White).border({ style: BorderStyle.Solid, width: 1, color: Color.White, radius: 15 }).padding({ left: 5, right: 5 })Text('网络').fontSize(12).opacity(0.8).fontColor(Color.White)}Text(`'减更多'指黑马健康APP希望通过软件工具的形式，帮助更多用户实现身材管理`).fontSize(10).opacity(0.6).fontColor(Color.White)Text('蜀ICP备11013304号-1').fontSize(10).opacity(0.6).fontColor(Color.White).margin({ bottom: 35 })}.width('100%').height('100%').backgroundColor($r('app.color.welcome_page_background'))}
}

2.UserPrivacyDialog.ets

import { CommonConstants } from '../../common/constants/CommonConstants'
// @Preview
@CustomDialog
export  default  struct UserPrivacyDialog {controller :CustomDialogController// 定义空同意与不同方法，由调用方具体实现confirm: () => voidcancel: () => voidbuild() {Column({space:CommonConstants.SPACE_4}){Text($r('app.string.user_privacy_title')).fontSize(20).fontWeight(CommonConstants.FONT_WEIGHT_700)Text($r('app.string.user_privacy_content'))Button($r('app.string.agree_label')).width(150).backgroundColor($r('app.color.primary_color')).onClick(() => {this.confirm()this.controller.close()})Button($r('app.string.refuse_label')).width(150).backgroundColor($r('app.color.lightest_primary_color')).fontColor($r('app.color.light_gray')).onClick(() => {this.cancel()this.controller.close()})}}
}