鸿蒙HarmonyOS项目实战开发：传炸弹小游戏_鸿蒙跨设备流转游戏有哪些

本文链接：https://blog.csdn.net/2401_84164576/article/details/137692631

                 this.controller.close()
                 this.confirm()
              }
           })
        Image($r("app.media.btn_Invite")).objectFit(ImageFit.Contain).height(80).margin(10)
           .onClick(() => {
              this.invite()
           })
     }.width('90%')
     .margin(20)
     .backgroundColor(Color.White)
  }

}


3）在@entry创建CustomDialogController对象并传入弹窗所需参数，后面可通过该对象open()和close()方法进行打开和关闭弹窗；

@Provide deviceList: RemoteDevice[] = []
private ruleDialog: CustomDialogController = new CustomDialogController({
builder: RuleDialog({
invite: () => this.InvitePlayer(),
confirm: () => this.startGame(),
deviceList: this.deviceList
}),
autoCancel: false
})


###### 3.2 创建游戏失败弹窗，并添加动画效果



![合成 4](https://img-blog.csdnimg.cn/img_convert/b3d5b7eeb286765d49eb7b162d65e964.gif)


1）编写弹窗布局：将游戏失败文本、炸弹图片和再来一局按钮图片放置于[Column]( )容器中；


2）用变量来控制动画起始和结束的位置：用[Flex]( )容器包裹炸弹图片，并用`@State`装饰变量`toggle`，通过变量来动态修改[Flex]( )的direction属性；

@State toggle: boolean = true
private controller: CustomDialogController
@Consume deviceList: RemoteDevice[]
private confirm: () => void
private interval = null

build() {
Column() {
Text(‘游戏失败’).fontSize(30).margin(20)
Flex({
direction: this.toggle ? FlexDirection.Column : FlexDirection.ColumnReverse,
alignItems: ItemAlign.Center
})
{
Image($r(“app.media.bomb”)).objectFit(ImageFit.Contain).height(80)
}.height(200)

  Image($r("app.media.btn_restart")).objectFit(ImageFit.Contain).height(120).margin(10)
     .onClick(() => {
           this.controller.close()
           this.confirm()
     })

}
.width(‘80%’)
.margin(50)
.backgroundColor(Color.White)
}


3）设置动画效果：使用 [animateTo]( )显式动画接口炸弹位置切换时添加动画，并且设置定时器定时执行动画；

aboutToAppear() {
this.setBombAnimate()
}

setBombAnimate() {
let fun = () => {
this.toggle = !this.toggle;
}
this.interval = setInterval(() => {
animateTo({ duration: 1500, curve: Curve.Sharp }, fun)
}, 1600)
}


##### 4. 添加分布式流转


分布式流转需要在同一网络下通过 [DeviceManager组件]( ) 进行设备间发现和认证，获取到可信设备的deviceId调用 **[featureAbility]( ).startAbility** ，即可把应用程序流转到另一设备。


原本分布式流转应用流程如下：


1）创建DeviceManager实例；


2）调用实例的startDeviceDiscovery()，开始设备发现未信任设备；


3）设置设备状态监听on('deviceStateChange'，callback),监听设备上下线状态；


4）设置设备状态监听on('deviceFound'，callback),监听设备发现；


5）传入未信任设备参数，调用实例authenticateDevice方法，对设备进行PIN码认证；


6）若是已信任设备，可通过实例的getTrustedDeviceListSync()方法来获取设备信息；


7）将设备信息中的deviceId传入[featureAbility]( ).startAbility方法，实现流转；


8）流转接收方可通过[featureAbility]( ).getWant()获取到发送方携带的数据；


9）注销设备发现监听off('deviceFound')；


10）注销设备状态监听off('deviceStateChange')；


**项目中将上面设备管理封装至RemoteDeviceManager，通过RemoteDeviceManager的四个方法来动态维护deviceList设备信息列表。**



![RemoteDeviceManager](https://img-blog.csdnimg.cn/img_convert/68c4212f39a4df20efe8dd6cb418a823.png)


项目实现分布式流转只需如下流程：


###### 4.1 创建RemoteDeviceManager实例


1）导入RemoteDeviceManager

import {RemoteDeviceManager} from ‘./RemoteDeviceManager’


2）声明`@Provide`装饰的设备列表变量`deviceList`，和创建`RemoteDeviceManager`实例。

@Provide deviceList: RemoteDevice[] = []
private remoteDm: RemoteDeviceManager = new RemoteDeviceManager(this.deviceList)


###### 4.2 刷新设备列表


在生命周期aboutToAppear中，调用刷新设备列表和开始发现设备。


aboutToAppear定义：函数在创建自定义组件的新实例后，在执行其**build**函数之前执行。

aboutToAppear() {
this.remoteDm.refreshRemoteDeviceList() // 刷新设备列表
this.remoteDm.startDeviceDiscovery() // 开始发现设备
}


###### 4.3 设备认证

invitePlayer(remoteDevice:RemoteDevice) {
if (remoteDevice.status == RemoteDeviceStatus.ONLINE) {
prompt.showToast({ message: “Already invited!” })
return
}
this.remoteDm.authDevice(remoteDevice).then(() => {
prompt.showToast({ message: “Invite success! deviceName=” + remoteDevice.deviceName })
}).catch(() => {
prompt.showToast({ message: “Invite fail!” })
})
}


###### 4.4 跨设备流转


从deviceList中获取设备列表在线的设备Id，通过featureAbility.startAbility进行流转。

async startAbilityRandom() {
let deviceId = this.getRandomDeviceId() // 随机获取设备id
CommonLog.info(‘featureAbility.startAbility deviceId=’ + deviceId);
let bundleName = await getBundleName()
let wantValue = {
bundleName: bundleName,
abilityName: ‘com.sample.bombgame.MainAbility’,
deviceId: deviceId,
parameters: {
ongoing: true,
transferNumber: this.transferNumber + 1
}
};
featureAbility.startAbility({
want: wantValue
}).then((data) => {
CommonLog.info(’ featureAbility.startAbility finished, ’ + JSON.stringify(data));
featureAbility.terminateSelf((error) => {
CommonLog.info(‘terminateSelf finished, error=’ + error);
});
});
}


###### 4.5 注销监听


在声明周期aboutToDisappear进行注销监听。


aboutToDisappear定义:函数在自定义组件析构消耗之前执行。

aboutToDisappear() {
this.remoteDm.stopDeviceDiscovery() // 注销监听
}


##### 5. 编写游戏逻辑


###### 5.1 开始游戏

startGame() {
CommonLog.info(‘startGame’);
this.randomTouchRule() // 随机游戏点击规则
this.setRandomBomb() // 随机生成炸弹位置
this.stopCountDown() // 停止倒计时
if (this.transferNumber < 10) {
this.duration = 3000 - this.transferNumber * 100
} else {
this.duration = 2000
}
const interval: number = 500
// 开始倒计时
this.timer = setInterval(() => {
if (this.duration <= interval) {
this.duration = 0
clearInterval(this.timer)
this.timer = null
this.gameFail()
} else {
this.duration -= interval
}
}, interval)
}


###### 5.2 判断输赢


编写判断逻辑，用于不同的点击事件中调用。

/**

判断游戏输赢
@param operation 点击类型
*/
judgeGame(operation:RuleType) {
this.stopCountDown()
if (operation != this.ruleText) {
this.gameFail()
} else {
prompt.showToast({ message: “finish” })
this.bombIndex = -1
this.startAbilityRandom()
}
}


###### 5.3 游戏失败


游戏失败，弹出游戏失败弹框。

gameFail() {
prompt.showToast({
message: ‘Game Fail’
})
CommonLog.info(‘gameFail’);
this.gameFailDialog.open()
}


最后，有很多小伙伴不知道学习哪些鸿蒙开发技术？不知道需要重点掌握哪些鸿蒙应用开发知识点？而且学习时频繁踩坑，最终浪费大量时间。所以有一份实用的**鸿蒙（Harmony NEXT）资料**用来跟着学习是非常有必要的。 


为了能够帮助大家快速掌握**鸿蒙（Harmony NEXT）**应用开发技术知识。**在此给大家分享一下我结合鸿蒙最新资料整理出来的鸿蒙南北向开发学习路线以及整理的最新版鸿蒙学习文档资料。**


**这份鸿蒙（Harmony NEXT）资料包含了鸿蒙开发必掌握的核心知识要点，内容包含了**（**ArkTS、ArkUI开发组件、Stage模型、多端部署、分布式应用开发、音频、视频、WebGL、OpenHarmony****多媒体技术、Napi组件、OpenHarmony内核、Harmony南向开发、鸿蒙项目实战等等）鸿蒙（Harmony NEXT）**技术知识点。


希望这一份鸿蒙学习资料能够给大家带来帮助，有需要的小伙伴自行领取，**限时开源，先到先得~无套路领取！！**


**如果你是一名有经验的资深Android移动开发、Java开发、前端开发、对鸿蒙感兴趣以及转行人员，可以直接领取这份资料**


**获取这份完整版高清学习路线，请点击→**[纯血版全套鸿蒙HarmonyOS学习资料]( )****


### **鸿蒙（Harmony NEXT）最新学习路线**


**![](https://img-blog.csdnimg.cn/direct/309a2ac95b5d40aa8c0f79885edb295a.png)**


* **HarmonOS基础技能**


![](https://img-blog.csdnimg.cn/direct/72fd2509a44e4bf98bbe1f983b5a4ff6.png)


* **HarmonOS就业必备技能** ![](https://img-blog.csdnimg.cn/direct/18f024bc5f0a4353912996010ed6cc81.png)
* **HarmonOS多媒体技术**


![](https://img-blog.csdnimg.cn/direct/b9ead66dadc245fdadce4d77feb47a28.png)


* **鸿蒙NaPi组件进阶**


![](https://img-blog.csdnimg.cn/direct/0744fbd1454f41b0a3f605fb4a51f5f3.png)


* **HarmonOS高级技能**


![](https://img-blog.csdnimg.cn/direct/743b668910224b259a5ffe804fa6d0db.png)


* **初识HarmonOS内核**![](https://img-blog.csdnimg.cn/direct/9e79fbdc4bb74f179584c5552aa547d5.png)
* **实战就业级设备开发**


![](https://img-blog.csdnimg.cn/direct/d2012fa9c57a400da25a2182a38cbdcb.png)


 有了路线图，怎么能没有学习资料呢，小编也准备了一份联合鸿蒙官方发布笔记整理收纳的一套系统性的**鸿蒙（OpenHarmony ）学习手册（共计1236页）**与**鸿蒙（OpenHarmony ）开发入门教学视频**，内容包含：**ArkTS、ArkUI、Web开发、应用模型、资源分类…等知识点。**


**获取以上完整版高清学习路线，请点击→[纯血版全套鸿蒙HarmonyOS学习资料]( )**


#### **《鸿蒙 (OpenHarmony)开发入门教学视频》**


![](https://img-blog.csdnimg.cn/direct/ad3cb3acb77e470fa93ac0471d4e7f0f.png)


#### 《鸿蒙生态应用开发V2.0白皮书》


![图片](https://img-blog.csdnimg.cn/img_convert/bf439a395d3ce8e8cf3dee8e8b75e3a9.jpeg)


#### **《鸿蒙 (OpenHarmony)开发基础到实战手册》**


OpenHarmony北向、南向开发环境搭建


![图片](https://img-blog.csdnimg.cn/img_convert/aff76dc1c3c84c360a9ff825908b2e98.png)


#### **《鸿蒙开发基础》**


* ArkTS语言
* 安装DevEco Studio
* 运用你的第一个ArkTS应用
* ArkUI声明式UI开发
* .……


![图片](https://img-blog.csdnimg.cn/img_convert/2b8f290e39e52efb0a5709be96ff82ea.png)


#### **《鸿蒙开发进阶》**


* Stage模型入门
* 网络管理
* 数据管理
* 电话服务
* 分布式应用开发
* 通知与窗口管理
* 多媒体技术
* 安全技能
* 任务管理
* WebGL
* 国际化开发
* 应用测试
* DFX面向未来设计
* 鸿蒙系统移植和裁剪定制
* ……


![图片](https://img-blog.csdnimg.cn/img_convert/06651107041ecdf7d26caed596ac4302.png)


#### **《鸿蒙进阶实战》**


* ArkTS实践
* UIAbility应用
* 网络案例
* ……


![图片](https://img-blog.csdnimg.cn/img_convert/42bc7f572540ddbbd4d38e5bf3148fce.png)


**自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。**

**深知大多数HarmonyOS鸿蒙开发工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！**

**因此收集整理了一份《2024年HarmonyOS鸿蒙开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。**
![img](https://img-blog.csdnimg.cn/img_convert/8fcb960b0cb76e949a7f0bf8f6b5d990.png)
![img](https://img-blog.csdnimg.cn/img_convert/83d476f02d1cf0c6c4c04d9e90d1d902.png)
![img](https://img-blog.csdnimg.cn/img_convert/5abc21163853c33f4888d810cbc354da.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上HarmonyOS鸿蒙开发知识点，真正体系化！**

**由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新**

**如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）**
![img](https://img-blog.csdnimg.cn/img_convert/6aef905804b06d11981e8bee93f68672.png)

**一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**

.(img-nWayzSFX-1712922218608)]
[外链图片转存中...(img-sW9rs3SQ-1712922218608)]
[外链图片转存中...(img-ruNdMUgJ-1712922218609)]

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上HarmonyOS鸿蒙开发知识点，真正体系化！**

**由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新**

**如果你觉得这些内容对你有帮助，可以添加VX：vip204888 （备注鸿蒙获取）**
[外链图片转存中...(img-aG3im7ur-1712922218609)]

**一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**