鸿蒙next开发实战： SDK实现手游界面_鸿蒙next游戏开发-CSDN博客

本文链接：https://blog.csdn.net/maniu110/article/details/140381525

需求背景

随着纯血鸿蒙（不再兼容android包）的发布，对于游戏发行来说，相当于要重新开发一款鸿蒙游戏SDK。这时候就面临以下几个问题。

开发语言:

这边主要是使用arkts 开发最早的java UI 在现在的next版本已经完全舍弃掉了.

效果图：

界面实现;

目前鸿蒙SDK实现界面开发有两种思路，一种是使用自定义Dialog来完成界面开发。一种则是封装好一个对外View，让研发嵌套进游戏主页面中（本文详细讲解使用自定义的dialog）。

具体实现：

创建一个空的工程

创建一个静态库选择new moduel

然后选择 static library

具体代码

弹窗布局

@CustomDialog
export struct CustomDialogExample {
  @State username: string = "";
  @State password: string = "";
  // 登录回调
  loginInfo: object = JSON.parse('{}');
  // 弹窗控制器
  controller: CustomDialogController = new CustomDialogController({
    builder: CustomDialogExample({}),
  })
  @State title: string = '我是登录弹窗';

  build() {
    Column() {
      Text(this.title)
        .fontSize(20)
        .margin({ top: 10, bottom: 10 })
      TextInput({ placeholder: $r('app.string.pelease_put_account') }).onChange((value: string) => {
        this.username = value;
      }).margin({left:20})
      TextInput({ placeholder: $r('app.string.pelease_put_password') }).onChange((value: string) => {
        this.password &#