- 博客(17)
- 收藏
- 关注
RSS订阅原创 鸿蒙Next-开发版本升级，API升级（例如API12升API16）
鸿蒙更新换代很快的，2025年1月，截至4月就有 DevEco Studio 5.0.2 Release 升级到 DevEco Studio 5.0.3 Release 升级到 DevEco Studio 5.0.4 Release，三次大版本更新。作者也想在年前创建的项目中体验一下新版本的特性，于是查看了一下API和开发版本发现是API12和开发版本5.0.2，那么如何升级我们的开发版本和API呢？
2025-04-01 16:40:28
558
原创 前端开发3D-基于three.js
3渲染器：接收场景和摄像机对象，计算在浏览器上要渲染的最终 2D 画面。基于 three.js 渲染任何画面，都要基于这 3 个要素来实现。2摄像机：类似人眼，可调整位置，角度等信息，展示不同画面。最后一步：创建渲染器，设置画布大小，显示另传给渲染器。第二步：引入three对象。第四步：创建摄像机（人眼）第一步：下载three包。
2025-03-28 22:22:32
603
原创 鸿蒙Next-集成HmRouter的路由模式
第四步：在features的四个包中加入hsp的编译插件-四个hsp包的hvigorfile.ts插件均一致。第二步：修改全局的hvigor-config.json5(加入hm-router插件)补充：为了防止底层basic也有可能做一些公共页面，也加入同样的配置。第五步：在入口Ability中加入HmRouter的初始化上下文。●使用HmNavigation作为根容器，包裹所有子页面。第三步：在products成加入hap编译插件。将整个页面的初始化页面作为路由的入口。
2025-03-28 17:34:00
587
原创 鸿蒙Next-一次开发多端部署-基于栅格布局Grid
栅格组件的本质是：将组件划分为有规律的多列，通过调整【不同断点】下的【栅格组件的列数】，及【子组件所占列数】实现不同布局。使同一组件在不同的宽度下，例如手机，平板，电脑占不同的份数（可以理解为不同的像素点），使其布局排版更加合理和美观。
2025-03-25 20:13:05
461
原创 鸿蒙Next-一次开发多端部署-基于媒体查询
3aboutToAppear中注册监听事件 aboutToDisappear中移除监听事件。整合步骤为：导入模块 ---> 创建监听器 ---> 注册监听器 ---> 移除监听器。1针对设备和应用的属性信息（比如显示区域、深浅色、分辨率），设计出相匹配的布局。2当屏幕发生动态改变时（比如分屏、横竖屏切换），同步更新应用的页面布局。当我们想要实现一次开发，多端部署的时候，可以基于媒体查询来实现，1导入 BreakpointSystem。2实例化BreakpointSystem。我们对该媒体查询进行封装。
2025-03-24 19:55:53
534
原创 鸿蒙Next-压缩图片（上传之前的压缩操作）
2使用 packToData 压缩图片得到二进制图片数据。1根据相册图片的fd生成 ImageSource 对象。前置准备：得到图片（通过相册选择获得）8.可以对比查看文件前后的大小(可选)9.修改formData的值。5.创建新文件,同步写入。
2025-03-23 19:56:12
453
原创 鸿蒙Next-封装数据库API使用（基于SQLite）
封装一个类，写好对应的增删改查，使用我们封装好的数据库方法，操作我们本地鸿蒙自带的数据库。封装一个数据库的方法用来使用。
2025-03-21 19:53:06
215
原创 鸿蒙next-获取系统权限-二次授权（麦克风权限）
如果我们的客户，在刚进去的时候，拒绝了权限，那么该是否授权的提示将不会再次出现，除非用户删除应用重新下载，为了避免我们的权限被拒绝后，不能再次向用户请求权限，我们需要对用户的系统权限进行二次授权弹窗询问。当然，如果该操作让你感到为难（偷笑），你可以直接对用户弹出二次授权操作（完成了第一步的小伙伴，在用户再次进入时后，进行判断，如果授权结果为false，就发起二次授权请求）。拓展：在用户进行拒绝权限时，我们可以给用户一个温馨提示，告知用户使用该功能需要权限。
2025-03-20 20:09:32
265
原创 鸿蒙Next-获取系统权限-获取麦克风权限
方法后，应用程序将等待用户授权的结果。如果用户授权，则可以继续访问目标操作。如果用户拒绝授权，则需要提示用户必须授权才能访问当前页面的功能，并引导用户到系统应用“设置”中打开相应的权限。1.需要先在配置文件中，声明应用需要请求的权限，且设置需要使用的场景+使用原因。3.拉起麦克风权限的授权提示框。
2025-03-20 19:48:46
979
原创 鸿蒙Next，图片上传01（扩展02截图保存到相册）-组件截图另通过沙箱保存到相册
○定义图片的存储路径 ctx.cacheDir + '/' + Date.now() + '.jpeg'○通过fileIo以 创建 或 读写 的方式打开文件。○通过fileIo同步把二进制数据写入文件。
2025-03-17 23:10:22
217
原创 鸿蒙Next，图片上传01（扩展01截图保存到相册）-生成二维码的弹窗
我们实现一个有趣的操作-通过点击按钮生成一个二维码弹窗然后组件截图，最好保存到相册。
2025-03-17 19:39:30
349
原创 鸿蒙Next，图片上传01-将图片存入模拟器相册
我在使用端云一体化开发时，遇到一个难题，模拟器没有拍照功能，那如何将图片存入模拟器相册呢，发现模拟器有‘文件管理’，且可以通过-将照片直接从window拖到鸿蒙模拟器，实现复制到模拟器对应的文件下然后进入到对应文件下，左键点击该照片，在点击左下角分享，在点击保存到图库成功实现将照片保存到模拟器图库当中，注意我用的是最新版的鸿蒙版本和模拟器。
2025-03-16 00:32:54
1870
4
原创 鸿蒙Next封装一个状态栏工具
扩展： 我们可以使用onVisibleAreaChange，实现进入当前页，状态栏文字颜色设置白色，离开后文字颜色变回黑色。3. 提供三个具体的方法 ， 设置文字为白色 ， 设置文字为黑色 ，设置文字为蓝色。//使用Private避免外部使用statusBar点出setBar。封装工具函数，可以创建一个utils目录，将该ets文件放在该目录下。实现一个控制状态栏的工具，可以快捷设置安全区黑色和白色状态文字。2. 类提供一个设置状态栏的通用方法。Button('点击')例如 设置为蓝色导航栏。
2025-03-15 21:22:47
507
原创 vue项目中，使用 Element ，加载状态关闭时页面闪烁
设置一个延时器（定时500毫秒），等待页面相关逻辑执行完毕，关闭延时器，既没有给用户卡顿感觉，也给了用户更强的交互感。笔者使用的华为云数据库进行云端交互，在二次封装的华为云API函数中，获取数据前设置了请求加载提示，在获取数据成功后关闭了请求加载提示。笔者认为最为方便的方案是给。// 请求加载提示-关闭。
2025-03-12 22:06:17
287
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人