鸿蒙_底子

HarmonyOS底子

页面跳转

1. import { router } from '@kit.ArkUI'
3. Button('去首页').onClick(()=>{
4.                 router.pushUrl({        // 普通跳转，可以返回
5.         url:'pages/Index'
6.     })
7. })
8. Button('登录').onClick(()=>{
9.                 router.replaceUrl({     // 替换跳转，无法返回，不追加页面栈
10.                     url:'pages/Index'
11.     })
12. })
14. 返回
15. router.back()

复制代码

页面栈

存储运行时的页面，先进后出
页面栈的最大容量为32个页面

1. // 获取页面栈的长度
2. router.getLength()
3. // 清空页面栈
4. router.clear()

复制代码

路由模式

Standard：无论之前是否添加过，不停添加到页面栈（默认利用）
Single：假如目标页面已存在，会将已有的最近同url页面移到栈顶（看情况利用）

1. router.pushUrl({
2.             url:'pages/Index'
3.           },router.RouterMode.Single)

复制代码

路由传参

1. import { router } from '@kit.ArkUI'
3. @Entry
4. @Component
5. struct Parent {
6.   @State
7.   username:string=''
8.   build() {
9.     Column() {
10.       Text('登录页面')
11.         .fontSize(40)
12.       TextInput({placeholder:'请输入用户名~',text:$$this.username})
13.       Button('登录')
14.         .onClick(()=>{
15.           router.pushUrl({
16.             url:'pages/Index',
17.             params:{
18.               username:this.username,
19.               msg:'测试消息'
20.             }
21.           })
22.         })
23.     }
24.   }
25. }

复制代码

1. import { router } from '@kit.ArkUI'
2. interface ParamsObj{
3.   username:string
4.   msg:string
5. }
6. @Entry
7. @Component
8. struct Index {
9.   @State
10.   myName: string = ''
11.   // 一进入页面，就会执行的函数  =>  生命周期函数
12.   aboutToAppear(): void {
13.     console.log('传递过来的数据', JSON.stringify(router.getParams()))
14.     const params = router.getParams() as ParamsObj
15.     this.myName = params.username
16.   }
17.   build() {
18.     Column() {
19.       Text('首页')
20.         .fontSize(40)
21.       Text('姓名' + this.myName)
22.     }
23.     .height('100%')
24.     .width('100%')
25.   }
26. }

复制代码

1. 传递过来的数据 {"username":"cnyunos","msg":"测试消息"}

复制代码

时间

安装

1. ohpm install dayjs

复制代码

利用

1. [/code] [size=3]生命周期[/size]
3. 组件和页面在创建、表现、烧毁的这一整个过程中，会自动实行的一系列函数（生命周期钩子）
4. 让开发者有时机在特定的阶段运行自己的代码
5. 带@Entry的就是页面，不带的就是组件
6. 页面和组件都有，进入的时候，先实行页面的，再实行组件的。退出就会先实行组件的，再实行页面的
7. [code]aboutToAppear(): void {}    //创建组件实例后执行，可以修改状态变量
8. aboutToDisappear(): void {} // 组件实例xiao前执行，不允许修改状态变量

复制代码

仅@Entry修饰的页面组件生效

1. onPageShow(): void {}  // 页面每次显示触发（路由过程、应用进入前后台）
2. onPageHide(): void {}  // 页面每次隐藏触发（路由过程、应用进入前后台）
3. onBackPress(): boolean|void {} //点击返回触发（return true 阻止返回键默认返回效果）

复制代码

1. onBackPress(): boolean|void {
2.                 return true  // 会导致，点了返回也不返回
3. }

复制代码

Stage模型

官方文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/application-component-configuration-stage-V5
应用包名配置

应用需要在工程的AppScope目录下的app.json5配置文件中配置bundleName标签，该标签用于标识应用的唯一性。推荐采用反域名情势命名（如com.example.demo，建议第一级为域名后缀com，第二级为厂商/个人名，第三级为应用名，也可以多级）

假如需要在桌面表现UIAbility图标，除了需要配置icon与label字段，还需要在skills标签下面的entities中添加"entity.system.home"、actions中添加"ohos.want.action.home"。

1. "icon": "$media:my_app",
2. "label": "$string:EntryAbility_label",

复制代码

icon 可以直接修改，图片放在 entity > src > main > resources > base > media
label 需要修改 entity > src > main > resources > base > element > string.json

假如没有 Open editor 就鼠标右键当前文件 列选择模式

Ability之间的跳转

1. let want:Want = {
2.       deviceId:'',      //  跳转到哪部手机，为空表示当前手机
3.       bundleName:'com.example.myapplication',   // 当前程序包名
4.       abilityName:'EntryAbility1'  // 目标ability
5.     };(getContext() as common.UIAbilityContext).startAbility(want)

复制代码

1. 'bundleName': 在AppScope > app.json5里面
2. 'abilityName': 在src > main > module.json5里面

复制代码

Stage模型 - UIAbility 组件

1. // 如果有多个Ability，谁的后面加了这个，谁就默认展示，然后再配置下面的来觉得展示哪个页面
2. "exported": true,
3.         "skills": [
4.           {
5.             "entities": [
6.               "entity.system.home"
7.             ],
8.             "actions": [
9.               "action.system.home"
10.             ]
11.           }
12.         ]

复制代码

1. export default class EntryAbility extends UIAbility {
2.      ......
3.      onWindowStageCreate(windowStage: window.WindowStage): void {
4.           ......
5.           //                           默认加载页面
6.           windowStage.loadContent('pages/Index', (err) => {......})
7.      }
8. }

复制代码

新建 Ability

新建模块

Stage模型 - UIAbility 组件的生命周期

当用户打开、切换和返回到对应应用时，应用中的UIAbility实例会在其生命周期的差别状态之间转换。
onCreate:Ability创建时回调，实行初始化业务逻辑操作。
onDestory: Ability烧毁时回调，实行资源清算等操作。
onForeground:当应用从后台转到前台时触发。
onBackground:当应用从前台转到后台时触发
LocalStorage - UIAbility内状态

官方文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-localstorage-V5
一个UIAbility有多个页面需要共享数据，就用LocalStorage
两种数据界说方式：

• 自己界说一个ets文件，界说好数据之后导出
  
• 将数据界说到 EntryAbility 文件，再共享到各个页面
  

1. const data: Record<string, ResourceColor> = {
2.   'name': '陈丰芸',
3.   'picture': $r('app.media.s9'),
4.   'colour': Color.Yellow
5. }
6. export  const localInfo = new LocalStorage(data)

复制代码

1. import { localInfo } from './LocalStorageDataClass';
2. import { router } from '@kit.ArkUI';
3. @Entry(localInfo)
4. @Component
5. struct Index {
6.   @LocalStorageLink('name')
7.   name:ResourceColor = ''
8.   @LocalStorageLink('picture')
9.   picture:ResourceColor = ''
10.   @LocalStorageLink('colour')
11.   colour:ResourceColor = ''
12.   build() {
13.     Column(){
14.       Text('默认首页')
15.         .fontSize(50)
16.         .fontWeight(FontWeight.Bold)
17.       Image(this.picture as Resource)
18.         .width('100%')
19.       Row(){
20.         Text('姓名:')
21.         TextInput({text:$$this.name})
22.       }
23.       .backgroundColor(this.colour)
24.       Button('去自定义页面')
25.         .onClick(()=>{
26.           router.pushUrl({
27.             url:'pages/DemoPage'
28.           })
29.         })
30.     }
31.     .height('100%')
32.     .width('100%')
33.   }
34. }

复制代码

1. import { localInfo } from './LocalStorageDataClass';
2. import { router } from '@kit.ArkUI';
3. @Entry(localInfo)
4. @Component
5. struct DemoPage {
6.   @LocalStorageLink('name')
7.   name:ResourceColor = ''
8.   @LocalStorageLink('picture')
9.   picture:ResourceColor = ''
10.   @LocalStorageLink('colour')
11.   colour:ResourceColor = ''
12.   build() {
13.     Column(){
14.       Text('自定义首页')
15.         .fontSize(50)
16.         .fontWeight(FontWeight.Bold)
17.       Image(this.picture as Resource)
18.         .width('100%')
19.       Row(){
20.         Text('姓名:')
21.         TextInput({text:$$this.name})
22.       }
23.       .backgroundColor(this.colour)
24.       Button('回到首页')
25.         .onClick(()=>router.back())
26.     }
27.     .height('100%')
28.     .width('100%')
29.   }
30. }

复制代码

第二种

1.   onWindowStageCreate(windowStage: window.WindowStage): void {
2.     const data: Record<string, ResourceColor> = {
3.       'name': '陈丰芸',
4.       'picture': $r('app.media.s9'),
5.       'colour': Color.Yellow
6.     }
7.     const localInfo = new LocalStorage(data)
8.     windowStage.loadContent('pages/Index',localInfo);
9.   }

复制代码

1. import { router } from '@kit.ArkUI';
2. let  localInfo = LocalStorage.GetShared()
3. @Entry(localInfo)
4. @Component
5. struct Index {
6.   @LocalStorageLink('name')
7.   name:ResourceColor = ''
8.   @LocalStorageLink('picture')
9.   picture:ResourceColor = ''
10.   @LocalStorageLink('colour')
11.   colour:ResourceColor = ''
12.   build() {
13.     Column(){
14.       Text('默认首页')
15.         .fontSize(50)
16.         .fontWeight(FontWeight.Bold)
17.       Image(this.picture as Resource)
18.         .width('100%')
19.       Row(){
20.         Text('姓名:')
21.         TextInput({text:$$this.name})
22.       }
23.       .backgroundColor(this.colour)
24.       Button('去自定义页面')
25.         .onClick(()=>{
26.           router.pushUrl({
27.             url:'pages/DemoPage'
28.           })
29.         })
30.     }
31.     .height('100%')
32.     .width('100%')
33.   }
34. }

复制代码

1. import { router } from '@kit.ArkUI';
2. @Entry(LocalStorage.GetShared())
3. @Component
4. struct DemoPage {
5.   @LocalStorageLink('name')
6.   name:ResourceColor = ''
7.   @LocalStorageLink('picture')
8.   picture:ResourceColor = ''
9.   @LocalStorageLink('colour')
10.   colour:ResourceColor = ''
11.   build() {
12.     Column(){
13.       Text('自定义首页')
14.         .fontSize(50)
15.         .fontWeight(FontWeight.Bold)
16.       Image(this.picture as Resource)
17.         .width('100%')
18.       Row(){
19.         Text('姓名:')
20.         TextInput({text:$$this.name})
21.       }
22.       .backgroundColor(this.colour)
23.       Button('回到首页')
24.         .onClick(()=>router.back())
25.     }
26.     .height('100%')
27.     .width('100%')
28.   }
29. }

复制代码

AppStorage - 应用状态

1. import { router } from '@kit.ArkUI'
2. import { common, Want } from '@kit.AbilityKit'
3. @Entry
4. @Component
5. struct DemoPage {
6.   @State
7.   username: string = ""
8.   @State
9.   password: string = ""
10.   login(){
11.     const userInfo:Record<string,string>={
12.       'name':'陈丰芸',
13.       'age':'18'
14.     }
15.     AppStorage.setOrCreate('userInfo',userInfo)
16.     // router.pushUrl({
17.     //   url:'pages/Index'
18.     // })
19.     let want:Want = {
20.       deviceId:'',
21.       bundleName:'com.example.myapplication',
22.       abilityName:'EntryAbility1'
23.     };(getContext() as common.UIAbilityContext).startAbility(want)
24.   }
25.   build() {
26.     Column({space:20}){
27.       TextInput({placeholder:'请输入用户名',text:$$this.username})
28.       TextInput({placeholder:'请输入密码',text:$$this.password}).type(InputType.Password)
29.       Button('登录').width('100%')
30.         .onClick(()=>{
31.           this.login()
32.         })
33.     }
34.     .height('100%')
35.     .width('100%')
36.   }
37. }

复制代码

1. import { router } from '@kit.ArkUI'
2. @Entry
3. @Component
4. struct Index {
5.   // 用法一
6.   @StorageLink('userInfo')
7.   userInfo:Record<string,string>={}
8.   // 用法二
9.   // @State
10.   // userInfo:Record<string,string>={}
11.   // aboutToAppear(): void {
12.   //   const userInfo = AppStorage.get<Record<string,string>>('userInfo')
13.   //   this.userInfo = userInfo!
14.   // }
15.   build() {
16.     Column({space:20}){
17.       Row(){
18.         Text('姓名:')
19.         TextInput({text:this.userInfo.name})
20.       }
21.       Row(){
22.         Text('年龄')
23.         TextInput({text:this.userInfo.age})
24.       }
25.       Button('退出').onClick(()=>{
26.         // AppStorage.set('userInfo',null)
27.         router.back()
28.       })
29.     }
30.     .height('100%')
31.     .width('100%')
32.   }
33. }

复制代码

AppStorage.setOrCreate(“”, T) // 创建大概设置某个字段的属性
AppStorage.get(“”) // 获取的全局状态类型
假如遇到获取数据的类型为空，可以用if判断，也可以用非空断言来解决
StorageLink . - 直接修改-自动同步到全局状态
StorageProp- 可以改，只会在当前组件生效，只是改的全局状态的副本，不会对全局状态产生影响
PersistentStorage - 长期化存储UI状态

PersistentStorage.PersistProp(‘属性名’, 值)

1. PersistentStorage.persistProp('message','666666')
2. @Entry
3. @Component
4. struct Index {
5.   @StorageLink('message')
6.   message: string = '默认首页';
8.   build() {
9.     Column(){
10.       Text(this.message)
11.         .fontSize(50)
12.         .fontWeight(FontWeight.Bold)
13.       Button('按钮')
14.         .onClick(()=>{
15.           AppStorage.setOrCreate('message','123456')
16.         })
17.     }
18.     .height('100%')
19.     .width('100%')
20.   }
21. }

复制代码

步伐实行先取PersistentStorage的值，假如没有再取AppStorage的值，末了才是默认值
在取PersistentStorage值过程中，先去磁盘上读，没有读到，就展示默认值
第一次，磁盘内里肯定是没有的，于是就展示默认值，点击按钮之后，会修改message的值，写入磁盘，下次再打开应用，磁盘有内容，于是就展示123456
案例（反面追加）

1. 在 EntryAbility 里面加，页面一启动的时候就会执行
2. windowStage.loadContent('/pages/Index'.slice(1), (err) => {
3. if (err.code) {
4. hilog.error(0x0000, 'testTag', 'Failed to load the content. Cause: %{public}s', JSON.stringify(err) ?? '');
5. return;
6. }
7. hilog.info(0x0000, 'testTag', 'Succeeded in loading the content.');
8. //   持久化
9. PersistentStorage.persistProp('isHidePrivacy', false)
10. })
11. ------------------------------------------------------------------------
12. 页面中使用
13. @StorageLink('isHidePrivacy') isHidePrivacy: boolean = false
14. ----
15. @StorageLink 可以双向绑定，需要给默认值

复制代码

preferences - 状态长期化

1. import preferences from '@ohos.data.preferences'
2. import { Context } from '@kit.AbilityKit'
5. export class PreferencesClass {
6.   // 默认存储仓库
7.   static defaultStore: string = 'DEFAULT_STORE'
8.   //   字段名
9.   static tokenkey: string = 'TOKEN_KEY'
11.   //   给字段添加set方法            仓库名字由外面传递，没有传就用默认值
12.   static setToken(content: Context, token: string, storeName: string = PreferencesClass.defaultStore) {
13.     //   先拿到仓库
14.     const store = preferences.getPreferencesSync(content, { name: storeName })
15.     // 再拿到key
16.     store.putSync(PreferencesClass.tokenkey, token)
17.     // 写入磁盘
18.     store.flush()
19.   }
21.   //   给字段添加get方法
22.   static getToken(content: Context, storeName: string = PreferencesClass.defaultStore) {
23.     // 先拿到仓库名称
24.     const store = preferences.getPreferencesSync(content, { name: storeName })
25.     // 通过key查找vel,有可能查不到，需要给一个默认值
26.     return store.getSync(PreferencesClass.tokenkey, '404')
27.   }
29.   //   删除token 不建议的做法，这样会把Key也删除，建议使用set方法覆盖一个空值
30.   static removeToken(content: Context, storeName: string = PreferencesClass.defaultStore) {
31.     // 先拿到仓库名称
32.     const store = preferences.getPreferencesSync(content, { name: storeName })
33.     // 删除
34.     store.deleteSync(PreferencesClass.tokenkey)
35.     // 写入磁盘
36.     store.flush()
37.   }
38. }

复制代码

1.   onWindowStageCreate(windowStage: window.WindowStage): void {
2.     const token = PreferencesClass.getToken(this.context)
3.     console.log('Ability页面:',token)
4.     if (token === '404') {
5.       windowStage.loadContent('pages/logon');
6.     } else {
7.       windowStage.loadContent('pages/Index');
8.     }
9.   }

复制代码

1. import { PreferencesClass } from './PreferencesClass'
2. import { router } from '@kit.ArkUI'
4. @Entry
5. @Component
6. struct Index {
7.   build() {
8.     Column({ space: 20 }) {
9.       Text('首页-登录成功')
10.         .fontSize(50)
11.         .fontWeight(FontWeight.Bold)
12.       Button('退出')
13.         .onClick(() => {
14.           PreferencesClass.setToken(getContext(), '404')
16.           router.back()
17.         })
18.     }
19.     .height('100%')
20.     .width('100%')
21.   }
22. }

复制代码

1. import { PreferencesClass } from './PreferencesClass'
2. import { router } from '@kit.ArkUI'
4. @Entry
5. @Component
6. struct Logon {
7.   @State
8.   password: string = '123456'
10.   build() {
11.     Column({ space: 20 }) {
12.       Text('登录页面')
13.         .fontSize(50)
14.         .fontWeight(FontWeight.Bold)
15.       TextInput({ placeholder: '请输入用户名' })
16.       TextInput({ placeholder: '请输入密码', text: $$this.password })
17.       Button('登录').width('100%')
18.         .onClick(() => {
19.           PreferencesClass.setToken(getContext(), this.password)
20.           router.pushUrl({
21.             url: 'pages/Index'
22.           })
23.         })
24.     }
25.     .height('100%')
26.     .width('100%')
27.   }
28. }

复制代码

1.    Button('查看持久化')
2.         .onClick(()=>{
3.           const store = preferences.getPreferencesSync(getContext(), { name:'yunOS'})
4.           // 通过key查找vel,有可能查不到，需要给一个默认值
5.           const  dddd = store.getSync('name', '没有内容')
6.           AlertDialog.show({message:JSON.stringify(dddd)})
7.       })
8.       Button('写数据进去')
9.         .onClick(()=>{
10.             const store = preferences.getPreferencesSync(getContext(), { name:'yunOS'})
11.             // 再拿到key
12.             store.putSync('name', '陈丰芸')
13.             // 写入磁盘
14.             store.flush()
15.         })

复制代码

权限

网络权限
官方文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/permissions-for-all-V5
这种是体系权限，直接写就行，这个时候就可以加载网络图片了

用户权限，需要通过用户的授权的权限

1. // module.json5 文件   
2.     "requestPermissions": [
3. //      允许联网
4.       {
5.         "name": "ohos.permission.INTERNET"
6.       },
7. //      获取地理位置
8.       {
9.         "name": "ohos.permission.APPROXIMATELY_LOCATION",
10.         "reason": "$string:permission_location",
11.         "usedScene": {
12.           "abilities": ["EntryAbility"], // 在哪个应用开启
13.           "when": "always"               // 什么时候开启
14.         }
15.       }
16.     ],

复制代码

1. import { geoLocationManager } from '@kit.LocationKit'
2. @Entry
3. @Component
4. struct Index {
5.   @State
6.   result: geoLocationManager.Location = {} as geoLocationManager.Location
7.   build() {
8.     Column({ space: 20 }) {
9.       Text('首页')
10.         .fontSize(50)
11.         .fontWeight(FontWeight.Bold)
12.       Image('https://res.vmallres.com/uomcdn/CN/cms/202409/5a82eb94567d4bc2821fcc9f2991c0ec.jpg.webp')
13.         .width('100%')
14.       Text('获取经纬度')
15.         .fontSize(50)
16.         .fontWeight(FontWeight.Bold)
17.       Button('获取').width('100%')
18.         .onClick(async () => {
19.           this.result = await geoLocationManager.getCurrentLocation()
20.         })
21.       Text('经度：' + this.result.latitude)
22.       Text('纬度：' + this.result.longitude)
23.     }
24.     .height('100%')
25.     .width('100%')
26.   }
27. }

复制代码

1. // EntryAbility.etx 文件内容  
2. onCreate(want: Want, launchParam: AbilityConstant.LaunchParam):void{
3.     // 创建程序管理控制器
4.     const manager = abilityAccessCtrl.createAtManager()
5.     manager.requestPermissionsFromUser(this.context,
6.       [
7.         "ohos.permission.APPROXIMATELY_LOCATION"
8.       ]
9.     )
10.   }

复制代码

除了要授权，模仿器的位置信息也需要打开
Http哀求

1. 同步异步相关
2. await是等待的意思，使用这个方法需要在函数前面加async
4. 耗时任务加await，函数前面加async

复制代码

oh-package.json5 这个文件，分为全局的和模块的，全局的就整个模块都能用，模块的就当前模块可以用
“dependencies”:{ 这内里是下载的依靠包 }
OpenHarmony三方库中央仓：https://ohpm.openharmony.cn/#/cn/home

1. ohpm install @ohos/axios

复制代码

1. import { http } from '@kit.NetworkKit'
2. import axios, { AxiosResponse } from '@ohos/axios'
3. @Entry
4. @Component
5. struct Index {
6.   async sendHttp(){
7.     const req = http.createHttp()
8.     // 请求结果是字符串
9.     const res = await req.request('https://zhousg.atomgit.net/harmonyos-next/takeaway.json')
10.     AlertDialog.show({
11.       message: res.result as string
12.     })
13.   }
14.   async  sendAxios(){
15.     const res = await axios.get<object,AxiosResponse<object,null>,null>('https://zhousg.atomgit.net/harmonyos-next/takeaway.json')
16.    return res
17.   }
18.   build() {
19.     Column({space:20}) {
20.       Button('处理Http请求')
21.         .onClick(()=>{
22.           this.sendHttp()
23.         })
24.       Button('处理Axios请求')
25.         .onClick(async ()=>{ // 上面等待，底下重新赋值，也需要等待
26.           const res = await this.sendAxios()
27.           AlertDialog.show({
28.             message:JSON.stringify(res.data)
29.           })
30.         })
31.     }
32.     .height('100%')
33.     .width('100%')
34.   }
35. }

复制代码

压缩图片

1.   //   照片瘦身
2.   async  compressImage(url:string){
3.   //   创建图片打包器
4.     const imagePacker  = image.createImagePacker()
5.     // fd 打开文件后的唯一标识
6.     const file =  fileIo.openSync(url)
7.     const imageSource = image.createImageSource(file.fd)
8.     const arrayBuffer = await imagePacker.packing(imageSource,{format:'image/jpeg',quality:10})
9.    
10.     AlertDialog.show({message:'压缩后图片大小'+formatByteLength(arrayBuffer.byteLength)})
11.   }

复制代码

1. {format:'image/jpeg',quality:10}
2. image/jpeg   // 格式的写法
3. quality      // 0 ~ 100  值越大越，照片质量越高

复制代码

packing方法是对图片举行重新编码，得到的结果是一个文件流‘

1. 创建图片：createAsset( )
2. 参数1，传入什么类型的数据(比如图片:photoAccessHelper.PhotoType.IMAGE)
3. 参数2，后缀名(jpg)
4. createAsset(photoAccessHelper.PhotoType.IMAGE,'jpg')

复制代码

图案锁

1. // 图案密码锁
2. // xxx.ets
3. import { LengthUnit, promptAction } from '@kit.ArkUI'
5. @Entry
6. @Component
7. struct PatternLockExample {
8.   @State passwords: Number[] = []
9.   @State message: string = '请输入密码!'
10.   private patternLockController: PatternLockController = new PatternLockController()
12.   build() {
13.     Column() {
14.       Text(this.message).textAlign(TextAlign.Center).margin(20).fontSize(20)
15.       PatternLock(this.patternLockController)
16.         .sideLength(200)           // 调整图案锁大小
17.         .circleRadius(9)           // 圆点大小
18.         .pathStrokeWidth(18)       // 连线，线的宽度
19.         .activeColor('#B0C4DE')    // 点击时圆点的颜色
20.         .selectedColor('#ff4400')  // 选中后圆点的颜色
21.         .pathColor('#90EE90')      // 连线，线条的颜色
22.         .backgroundColor('#F5F5F5')// 背景灰色
23.         .autoReset(true)           // 输入完成是否复原
24.         .activateCircleStyle({
25.           color: Color.Pink,
26.           radius: { value: 16, unit: LengthUnit.VP },
27.           enableWaveEffect: true
28.         }) // 圆点外面发光圈的颜色
29.         .onDotConnect((index: number) => {
30.           promptAction.showToast({message:'点击了:'+index})
31.         })
32.         .onPatternComplete((input: Array<number>) => {
33.           promptAction.showToast({message:'输入完成:'+input})
34.           // 输入的密码长度小于5时，提示重新输入
35.           if (input.length < 5) {
36.             this.message = '密码长度需要大于5，请重新输入。'
37.             return
38.           }
39.           // 判断密码长度是否大于0
40.           if (this.passwords.length > 0) {
41.             // 判断两次输入的密码是否相同，相同则提示密码设置成功，否则提示重新输入
42.             if (this.passwords.toString() === input.toString()) {
43.               this.passwords = input
44.               this.message = '设置密码成功: ' + this.passwords.toString()
45.               this.patternLockController.setChallengeResult(PatternLockChallengeResult.CORRECT)
46.             } else {
47.               this.message = '密码不一致，请重新输入.'
48.               this.patternLockController.setChallengeResult(PatternLockChallengeResult.WRONG)
49.             }
50.           } else {
51.             // 提示第二次输入密码
52.             this.passwords = input
53.             this.message = "请重新输入."
54.           }
55.         })
56.       Button('重置').margin(30).onClick(() => {
57.         // 重置密码锁
58.         this.patternLockController.reset()
59.         this.passwords = []
60.         this.message = '请输入密码'
61.       })
62.     }.width('100%').height('100%')
63.   }
64. }

复制代码

生物辨认和暗码

1. // 允许应用使用生物特征识别能力进行身份认证
2. import { userAuth } from '@kit.UserAuthenticationKit'
3. import { promptAction } from '@kit.ArkUI'
5. @Entry
6. @Component
7. struct UserAuthTestPage {
8.   build() {
9.     Column() {
10.       Button('查询支持的认证能力')
11.         .onClick(() => {
12.           try {
13.             userAuth.getAvailableStatus(userAuth.UserAuthType.PIN, userAuth.AuthTrustLevel.ATL1)
14.             promptAction.showToast({ message: '有能力' })
15.           } catch (e) {
16.             AlertDialog.show({ message: JSON.stringify(e, null, 2) })
17.           }
18.         })
20.       Button('发起认证')
21.         .onClick(() => {
22.           // 获取认证对象
23.           const UserAuthInstance = userAuth.getUserAuthInstance(
24.             {
25.               challenge: new Uint8Array([1, 2, 33, 3]),
26.               authType: [userAuth.UserAuthType.PIN, userAuth.UserAuthType.FINGERPRINT, userAuth.UserAuthType.FACE],
27.               authTrustLevel: userAuth.AuthTrustLevel.ATL3
28.             },
29.             { title: '请验证用户身份' }
30.           )
31.           // 订阅认证结果
32.           UserAuthInstance.on('result', {
33.             onResult(result) {
34.               AlertDialog.show({ message: JSON.stringify(result, null, 2) })
35.             }
36.           })
37.           // 发起认证
38.           UserAuthInstance.start()
39.         })
41.       Button('查询支持的认证能力')
42.         .onClick(() => {
43.           //   鸿蒙中支持的认证类型
44.           const userAuthTypeList: userAuth.UserAuthType[] = [
45.             userAuth.UserAuthType.PIN,
46.             userAuth.UserAuthType.FINGERPRINT,
47.             userAuth.UserAuthType.FACE
48.           ]
49.           const res = userAuthTypeList.map((item) => {
50.             try {
51.               userAuth.getAvailableStatus(item, userAuth.AuthTrustLevel.ATL3)
52.               return true
53.             } catch {
54.               return false
55.             }
56.           })
57.           const isSupport = res.some(v => v === true)
58.           AlertDialog.show({ message: JSON.stringify(isSupport, null, 2) })
59.         })
60.     }
61.     .padding(10)
62.     .height('100%')
63.     .width('100%')
64.   }
65. }

复制代码

1. new Promise((resolve,reject)=>{
3. })
4. resolve  执行成功
5. reject   执行失败

复制代码

长期化

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-data-relationalstore-V5

1. // 数据库
2. import { relationalStore } from '@kit.ArkData'
3. import { promptAction } from '@kit.ArkUI'
4. interface PrivacyNote{
5.   id:number,
6.   title:string,
7.   content:string,
8.   date_added:number,
9. }
10. @Entry
11. @Component
12. struct Database {
13.   sqlCreate: string = `CREATE TABLE IF NOT EXISTS privacy_note (
14.         id INTEGER PRIMARY KEY AUTOINCREMENT,
15.         title TEXT NOT NULL,
16.         content TEXT NOT NULL,
17.         date_added INTEGER NOT NULL
18.       )`
19.   store: relationalStore.RdbStore | null = null
21.   build() {
22.     Column({ space: 20 }) {
23.       Button('创建数据库')
24.         .onClick(async () => {
25.           this.store = await relationalStore.getRdbStore(getContext(), {
26.             name: 'cnyunos.db',
27.             // 数据库等级，等级越低，可以共享的数据就越多
28.             securityLevel: relationalStore.SecurityLevel.S1
29.           })
30.           promptAction.showToast({ message: '数据库创建成功' })
31.         })
32.       Button('创建数据表')
33.         .onClick(async () => {
34.           await this.store?.executeSql(this.sqlCreate)
35.           promptAction.showToast({ message: '数据表创建成功' })
36.         })
37.       Button('查询表信息')
38.         .onClick(async () => {
39.           // 查表，谓词传入表名
40.           const predicates = new relationalStore.RdbPredicates('privacy_note')
41.           const resultSet = await this.store?.query(predicates)
42.           promptAction.showToast({ message: '字段名称' + resultSet?.columnNames })
43.         })
44.       Button('删除数据库')// .enabled(false)
45.         .onClick(() => {
46.           relationalStore.deleteRdbStore(getContext(), 'cnyunos.db')
47.           promptAction.showToast({ message: '数据库已经删除' })
48.         })
49.     }
50.     .height('100%')
51.     .width('100%')
52.     .padding(10)
53.   }
54. }

复制代码

1. this.store?.query(predicates)
2. 用打开的数据库（数据库操作对象）文件，根据谓词查询

复制代码

向表中插入一条数据

1. Date.now()获取当前时间戳

复制代码

1. // 数据库
2. import { relationalStore } from '@kit.ArkData'
3. import { promptAction } from '@kit.ArkUI'
5. @Entry
6. @Component
7. struct Database {
8.   store: relationalStore.RdbStore | null = null
9.   @State
10.   isStore: boolean = false
12.   build() {
13.     Column({ space: 20 }) {
14.       Button('创建数据库')
15.         .onClick(async () => {
16.           this.store = await relationalStore.getRdbStore(getContext(), {
17.             name: 'cnyunos.db',
18.             // 数据库等级，等级越低，可以共享的数据就越多
19.             securityLevel: relationalStore.SecurityLevel.S1
20.           })
21.           this.isStore = true
22.           promptAction.showToast({ message: '数据库创建(打开)成功' })
23.         })
24.       Button('插入一条数据')
25.         .enabled(this.isStore)
26.         .onClick(async () => {
27.           // 查表，谓词传入表名
28.           const id = await this.store?.insert('privacy_note', {
29.             id: null,
30.             title: '测试标题',
31.             content: '测试内容',
32.             date_added: Date.now()
33.           })
34.           promptAction.showToast({ message: '新增数据成功，id:' + id })
35.         })
36.     }
37.   }
38. }

复制代码

查询数据

1. Button('查询数据')
2.         .enabled(this.isStore)
3.         .onClick(async () => {
4.           // 查表，谓词传入表名
5.           const predicates = new relationalStore.RdbPredicates('privacy_note')
6.           const resultSet = await this.store?.query(predicates)
7.           promptAction.showToast({ message: '数据总条数:' + resultSet?.rowCount })
8.         })

复制代码

移动指针
根据类型获取列

1. Button('查询数据')
2.         .enabled(this.isStore)
3.         .onClick(async () => {
4.           // 查表，谓词传入表名
5.           const predicates = new relationalStore.RdbPredicates('privacy_note')
6.           const resultSet = await this.store?.query(predicates)
7.           const list:PrivacyNote[] = []
8.           // goToNextRow 移动指针到下一行，存在下一行就返回true
9.           while(resultSet?.goToNextRow()){
10.               // 按列提取数据
11.               const item:PrivacyNote ={
12.                   id:resultSet.getLong(0),
13.                   title:resultSet.getString(1),
14.                   content:resultSet.getString(2),
15.                   date_added:resultSet.getLong(3),
16.               }
17.               // 追加到数组中
18.               list.push(item)
19.           }
20.                resultSet.close() // 释放资源
21.                promptAction.showToast({ message:JSON.stringify(list,null,2)})
22.         })

复制代码

1. API11直接使用
2. 直接可以拿到当前一行的数据
3. gitRow()代替下面的
4. id:resultSet.getLong(0),
5. title:resultSet.getString(1),
6. content:resultSet.getString(2),
7. date_added:resultSet.getLong(3),

复制代码

在谓词内里有排序的方式

1. onderByAsc('字段名')        // 正序(从小到大)
2. onderByDesc('字段名')        // 到序(从大到小)

复制代码

1. .in('id',[1,2,3])     // 指定哪几条
2. .offsetAs(1)          // 偏移
3. .and()                // &&
4. .limitAs(3)           // 提取数值

复制代码

1. // 查表，谓词传入表名
2. const predicates = new relationalStore.RdbPredicates('privacy_note')
3. predicates.orderByDesc('id')    // 排序倒序
4. predicates.offsetAs(1)          // 偏移
5.           .and()                // &&
6.           .limitAs(3)           // 提取数值

复制代码

删除

1.   Button('删除')
2.         .enabled(this.isStore)
3.         .onClick(async ()=>{
4.         const predicates = new relationalStore.RdbPredicates('privacy_note')
5.         // 不传条件，和删库没什么区别
6.         predicates.in('id',[2,3,4])// 一次删除多条
7.           // predicates.equalTo('id',1) // 一次删除1条
8.         await this.store?.delete(predicates)
9.         promptAction.showToast({ message:'删除成功'})
10.       })

复制代码

更新

1.    Button('修改数据')
2.         .enabled(this.isStore)
3.         .onClick(async ()=>{
4.           const predicates = new relationalStore.RdbPredicates('privacy_note')
5.           predicates.equalTo('id',1) // 不加条件，改的是全部
6.           await this.store?.update({
7.             title:'我是新标题',
8.             content:'今天是1011下午'
9.           } ,predicates)
10.           promptAction.showToast({ message:'修改数据成功'})
11.         })

复制代码

封装

1. contructor(){
2.         this.getStoreInstance()
3.         .then(store=>{
4.         store.executeSql(this.sqlCreate)
5.         })
6. }

复制代码

1. import { relationalStore, ValuesBucket } from "@kit.ArkData"
3. // 隐私笔记的类型
4. export interface PrivacyNoteDBInfo extends ValuesBucket {
5.   id: number | null // 新增时 id 设置为 null ，可实现 id 自增
6.   title: string
7.   content: string
8.   date_added: number
9. }
10. // 隐私笔记数据库封装
11. class PrivacyNoteDB {
12.   // 操作数据库的实例
13.   private store: relationalStore.RdbStore | null = null
14.   // 数据库表名
15.   private tableName = 'privacy_note'
16.   // 创建数据库的语句
17.   private sqlCreate = `CREATE TABLE IF NOT EXISTS ${this.tableName} (
18.         id INTEGER PRIMARY KEY AUTOINCREMENT,
19.         title TEXT NOT NULL,
20.         content TEXT NOT NULL,
21.         date_added INTEGER NOT NULL
22.       )`
24.   // 获取数据库操作的实例
25.   async getStoreInstance() {
26.     // 如果数据库实例已存在，直接返回，没有才创建实例
27.     if (this.store) { return this.store }
28.     // 获取操作数据库的实例
29.     const store = await relationalStore.getRdbStore(getContext(), {
30.       name: 'yunos_data.db', // 数据库名称
31.       securityLevel: relationalStore.SecurityLevel.S1 // 安全等级
32.     })
33.     // 存储起来方便下次直接获取
34.     this.store = store
35.     // 返回 store 实例
36.     return this.store
37.   }
40.   // 类的构造器，new 的时候会自动触发
41.   constructor() {
42.     // 创建/打开数据库文件
43.     this.getStoreInstance()
44.       .then(store => {
45.         // 执行创建语句，用于创建数据库的表
46.         store.executeSql(this.sqlCreate)
47.       })
48.   }
50.   async insert(value:PrivacyNoteDBInfo){
51.     // 创建或打开数据库
52.     const store= await this.getStoreInstance()
53.     // 新增
54.     return store.insert(this.tableName,value)
55.   }
56. }
58. // 通过小写 p 开头的类实例操作数据库，创建数据库，建表，增、删、查、改
59. export const privacyNoteDB = new PrivacyNoteDB()

复制代码

调用

1. Button('新增').onClick(async ()=>{
2.         const  id  = await privacyNoteDB.insert({
3.           id:null,
4.           title:'我爱',
5.           content:'中华人民共和国',
6.           date_added:Date.now()
7.         })
8.         promptAction.showToast({message:id.toString()})
9.       })

复制代码

1. .enabled( )  // 其他地方也可以用

复制代码

1. return Promise.reject()

复制代码

华为分享（需要真机）

systemShare
utd：设置分享类型
隐私录音

AudioCapturer 更专业的音频录制开发
AVRecorder 支持跟多的编码格式

1. import { abilityAccessCtrl } from '@kit.AbilityKit'
2. import { audio } from '@kit.AudioKit';
3. import { promptAction } from '@kit.ArkUI';
5. @Entry
6. @Component
7. struct AudioCapturer {
8.   @State isGrant: string = ''
9.   @State isCreate: boolean = false
11.   audioCapturer?:audio.AudioCapturer
13.   aboutToAppear() {
14.     this.requestPermissionsFromUser()
15.   }
17.   // 请求用户授权
18.   async requestPermissionsFromUser() {
19.     //   访问控制管理：获取访问控制模块对象
20.     let atManager = abilityAccessCtrl.createAtManager()
21.     let permissionRequestResult =
22.       await atManager.requestPermissionsFromUser(getContext(), ['ohos.permission.MICROPHONE'])
23.     AlertDialog.show({ message: JSON.stringify(permissionRequestResult, null, 2) })
24.     this.isGrant = JSON.stringify(permissionRequestResult.dialogShownResults)
25.   }
26.   build() {
27.     Column() {
28.       Text('结果：' + this.isGrant)
29.       Button('开始录音')
30.         .onClick(async () => {
31.           // 音频流信息
32.           try {
33.             const audioStreamInfo: audio.AudioStreamInfo = {
34.               samplingRate: audio.AudioSamplingRate.SAMPLE_RATE_48000, // 采样率
35.               channels: audio.AudioChannel.CHANNEL_2, // 通道
36.               sampleFormat: audio.AudioSampleFormat.SAMPLE_FORMAT_S16LE, // 采样格式
37.               encodingType: audio.AudioEncodingType.ENCODING_TYPE_RAW // 编码格式
38.             };
39.             //   音频采集器信息
40.             const audioCapturerInfo: audio.AudioCapturerInfo = {
41.               source: audio.SourceType.SOURCE_TYPE_MIC, // 声音来源
42.               capturerFlags: 0 // 0 代表普通音频采集器，1 代表低延时音频采集器
43.             };
44.             const audioCapturerOptions: audio.AudioCapturerOptions = {
45.               streamInfo: audioStreamInfo,// 音频流信息
46.               capturerInfo: audioCapturerInfo// 音频采集器信息
47.             };
48.             // AudioCapturer实例的创建
49.             const  audioCapturer = await audio.createAudioCapturer(audioCapturerOptions)
50.             this.audioCapturer  = audioCapturer
51.             this.isCreate = true
52.             // 订阅音频数据读入
53.             audioCapturer.on('readData',(buffer)=>{
54.               console.log('音频流大小',buffer.byteLength)
55.             })
56.             // 开始录制音频
57.             await audioCapturer.start()
58.             // 如果上面报错，就不会运行到这里
59.             promptAction.showToast({ message: '调用createAudioCapturer成功.' })
61.           } catch (error) {
62.             promptAction.showToast({ message: `异常：${error}` })
63.           }
64.         })
65.       Button('停止录音')
66.         .enabled(this.isCreate)
67.         .onClick(async () => {
68.           await this.audioCapturer?.stop()
69.           promptAction.showToast({ message: '停止成功.' })
70.         })
71.       Button('继续录音')
72.         .enabled(this.isCreate)
73.         .onClick(async () => {
74.           await this.audioCapturer?.start()
75.           promptAction.showToast({ message: '继续录音成功.' })
76.         })
77.       Button('释放资源')
78.         .enabled(this.isCreate)
79.         .onClick(async () => {
80.           await this.audioCapturer?.release()
81.           promptAction.showToast({ message: '释放资源成功.' })
82.         })
83.     }
84.     .height('100%')
85.     .width('100%')
86.   }
87. }

复制代码

文件介绍

1. cache 缓存文件
2. files 持久化文件
3. temp  临时文件

复制代码

1. 在持久化创建文件
2. const context = getContext()
3. // 通过应用上下文，获取到应用的files路径
4. const filePath = context.filesDir + '/' + 'test.wav'  
5. fileIo.openSync(filePath,fileIo.OpenMode.CREATE | fileIo.OpenMode.READ_WRITE)

复制代码

1. context.filesDir  // 表示files目录
2. '/'               // 表示files目录的下一级
3. 'test.wav'        // 文件名加后缀
4. fileIo.OpenMode.CREATE  // 文件不存在就创建
5. fileIo.OpenMode.READ_WRITE  // 该文件的权限是可读可写
6. | 位运算符

复制代码

1. buffer 数据流
2. // 获取文件信息（大小，创建时间等）
3. const fileStat = fileIo.statSync(file.fd)

复制代码

将音频写到文件

1. Button('开始录音')
2.         .enabled(!this.isCreate)
3.     .onClick(async () => {
4.     // 音频流信息
5.             try {
6.             const audioStreamInfo: audio.AudioStreamInfo = {
7.               samplingRate: audio.AudioSamplingRate.SAMPLE_RATE_48000, // 采样率
8.               channels: audio.AudioChannel.CHANNEL_2, // 通道
9.               sampleFormat: audio.AudioSampleFormat.SAMPLE_FORMAT_S16LE, // 采样格式
10.               encodingType: audio.AudioEncodingType.ENCODING_TYPE_RAW // 编码格式
11.             };
12.             //   音频采集器信息
13.             const audioCapturerInfo: audio.AudioCapturerInfo = {
14.               source: audio.SourceType.SOURCE_TYPE_MIC, // 声音来源
15.               capturerFlags: 0 // 0 代表普通音频采集器，1 代表低延时音频采集器
16.             };
17.             const audioCapturerOptions: audio.AudioCapturerOptions = {
18.               streamInfo: audioStreamInfo,// 音频流信息
19.               capturerInfo: audioCapturerInfo// 音频采集器信息
20.             };
21.             // AudioCapturer实例的创建
22.             const  audioCapturer = await audio.createAudioCapturer(audioCapturerOptions)
23.             this.audioCapturer  = audioCapturer
24.             this.isCreate = true
25.             // ----------------文件系统--------------------
26.             const context = getContext()
27.             // 通过应用上下文，获取到应用的files路径
28.             const filePath = context.filesDir + '/'+ Date.now() + '.wav'
29.             const file = fileIo.openSync(filePath,fileIo.OpenMode.CREATE | fileIo.OpenMode.READ_WRITE)
30.             // 订阅音频数据读入
31.             audioCapturer.on('readData',(buffer)=>{
32.               fileIo.writeSync(file.fd,buffer)
33.               console.log('音频流大小',buffer.byteLength)
34.             })
35.             // 开始录制音频
36.             await audioCapturer.start()
37.             // 如果上面报错，就不会运行到这里
38.             promptAction.showToast({ message: '调用createAudioCapturer成功.' })
39.           } catch (error) {
40.             promptAction.showToast({ message: `异常：${error}` })
41.           }
42.         })

复制代码

播放音频

1. @State filePath:string = ''
2. audioRenderer?: audio.AudioRenderer
4. this.filePath = context.filesDir + '/'+ Date.now() + '.wav'

复制代码

1. Button('创建音频渲染器-播放音频')
2.         .enabled(this.filePath!=='')
3.         .onClick(async ()=>{
4.           try {
5.             const  audioStreamInfo: audio.AudioStreamInfo = {
6.               samplingRate: audio.AudioSamplingRate.SAMPLE_RATE_48000, // 采样率
7.               channels: audio.AudioChannel.CHANNEL_2, // 通道
8.               sampleFormat: audio.AudioSampleFormat.SAMPLE_FORMAT_S16LE, // 采样格式
9.               encodingType: audio.AudioEncodingType.ENCODING_TYPE_RAW // 编码格式
10.             };
12.             const  audioRendererInfo: audio.AudioRendererInfo = {
13.               usage: audio.StreamUsage.STREAM_USAGE_VOICE_COMMUNICATION,
14.               rendererFlags: 0
15.             };
16.             // 音频渲染器配置
17.             const  audioRendererOptions: audio.AudioRendererOptions = {
18.               streamInfo: audioStreamInfo,//音频流信息
19.               rendererInfo: audioRendererInfo// 音频渲染器信息
20.             };
21.             // 1. 创建音频渲染器
22.             const audioRenderer = await audio.createAudioRenderer(audioRendererOptions)
23.             // 保存起来
24.             this.audioRenderer = audioRenderer
25.             // 根据路径打开文件
26.             const file = fileIo.openSync(this.filePath)
27.             // 获取文件信息（大小，创建时间等）
28.             const  fileIoStat =fileIo.statSync(file.fd)
29.             // 准备一个累加值，用于自动停止渲染
30.             let bufferSize = 0
31.             // 2. 订阅（写入数据到音频渲染器中，就能发出声音）
32.             audioRenderer.on('writeData',(buffer)=>{
33.               // 读取打开的 buffer文件，写到渲染器中
34.               fileIo.readSync(file.fd,buffer)
35.               console.log('音频渲染器播放',buffer.byteLength)
36.               bufferSize += buffer.byteLength
37.               // 累加的结果是否超过文件大小
38.               if (bufferSize >= fileIoStat.size) {
39.                 audioRenderer.stop()
40.               }
41.             })
42.             // 3. 开始渲染
43.             audioRenderer.start()
44.             promptAction.showToast({message:'音频渲染器正常'})
45.      } catch (error) {
46.             promptAction.showToast({message:'音频渲染器错误:'+JSON.stringify(error)})
47.      }
48. })
49. Button('停止渲染')
50.      .onClick(async ()=>{
51.           await this.audioRenderer?.stop()
52.           promptAction.showToast({message:'停止成功'})
53.      })
54. Button('销毁实例，释放资源')
55.      .onClick(async ()=>{
56.           await this.audioRenderer?.release()
57.           promptAction.showToast({message:'销毁实例，释放资源成功'})
58. })

复制代码

录音+播放，综合

1. import { abilityAccessCtrl } from '@kit.AbilityKit'
2. import { audio } from '@kit.AudioKit';
3. import { promptAction } from '@kit.ArkUI';
4. import fileIo from '@ohos.file.fs';
6. @Entry
7. @Component
8. struct AudioCapturer {
9.   @State isGrant: string = ''
10.   @State isCreate: boolean = false
11.   @State filePath: string = ''
12.   audioCapturer?: audio.AudioCapturer
13.   audioRenderer?: audio.AudioRenderer
15.   aboutToAppear() {
16.     this.requestPermissionsFromUser()
17.   }
19.   // 请求用户授权
20.   async requestPermissionsFromUser() {
21.     //   访问控制管理：获取访问控制模块对象
22.     let atManager = abilityAccessCtrl.createAtManager()
23.     let permissionRequestResult =
24.       await atManager.requestPermissionsFromUser(getContext(), ['ohos.permission.MICROPHONE'])
25.     AlertDialog.show({ message: JSON.stringify(permissionRequestResult, null, 2) })
26.     this.isGrant = JSON.stringify(permissionRequestResult.dialogShownResults)
27.   }
29.   audioStreamInfo: audio.AudioStreamInfo = {
30.     samplingRate: audio.AudioSamplingRate.SAMPLE_RATE_48000, // 采样率
31.     channels: audio.AudioChannel.CHANNEL_2, // 通道
32.     sampleFormat: audio.AudioSampleFormat.SAMPLE_FORMAT_S16LE, // 采样格式
33.     encodingType: audio.AudioEncodingType.ENCODING_TYPE_RAW // 编码格式
34.   };
35.   //   音频采集器信息
36.   audioCapturerInfo: audio.AudioCapturerInfo = {
37.     source: audio.SourceType.SOURCE_TYPE_MIC, // 声音来源
38.     capturerFlags: 0 // 0 代表普通音频采集器，1 代表低延时音频采集器
39.   };
40.   audioCapturerOptions: audio.AudioCapturerOptions = {
41.     streamInfo: this.audioStreamInfo, // 音频流信息
42.     capturerInfo: this.audioCapturerInfo// 音频采集器信息
43.   };
44.   audioRendererInfo: audio.AudioRendererInfo = {
45.     // usage: audio.StreamUsage.STREAM_USAGE_VOICE_COMMUNICATION,//用听筒播放
46.     // usage: audio.StreamUsage.STREAM_USAGE_MOVIE,//用外放喇叭播放
47.     usage: audio.StreamUsage.STREAM_USAGE_MUSIC, // 音乐
48.     rendererFlags: 0
49.   };
50.   // 音频渲染器配置
51.   audioRendererOptions: audio.AudioRendererOptions = {
52.     streamInfo: this.audioStreamInfo, //音频流信息
53.     rendererInfo: this.audioRendererInfo// 音频渲染器信息
54.   };
56.   build() {
57.     Column() {
58.       Text('结果：' + this.isGrant)
59.       Text('音频文件的路径' + this.filePath)
60.       Button('开始录音')
61.         .enabled(!this.isCreate)
62.         .onClick(async () => {
63.           // 音频流信息
64.           try {
66.             // AudioCapturer实例的创建
67.             const audioCapturer = await audio.createAudioCapturer(this.audioCapturerOptions)
68.             this.audioCapturer = audioCapturer
69.             this.isCreate = true
70.             // ----------------文件系统--------------------
71.             const context = getContext()
72.             // 通过应用上下文，获取到应用的files路径
73.             this.filePath = context.filesDir + '/' + Date.now() + '.wav'
74.             const file = fileIo.openSync(this.filePath, fileIo.OpenMode.CREATE | fileIo.OpenMode.READ_WRITE)
75.             // 订阅(读取音频采集器的数据流，写入到到开的文件中)
76.             audioCapturer.on('readData', (buffer) => {
77.              // 写入到打开的文件中
78.               fileIo.writeSync(file.fd, buffer)
79.               console.log('音频流大小', buffer.byteLength)
80.             })
81.             // 开始录制音频
82.             await audioCapturer.start()
83.             // 如果上面报错，就不会运行到这里
84.             promptAction.showToast({ message: '调用createAudioCapturer成功.' })
86.           } catch (error) {
87.             promptAction.showToast({ message: `异常：${error}` })
88.           }
89.         })
90.       Button('停止录音')
91.         .enabled(this.isCreate)
92.         .onClick(async () => {
93.           await this.audioCapturer?.stop()
94.           promptAction.showToast({ message: '停止成功.' })
95.         })
96.       Button('继续录音')
97.         .enabled(this.isCreate)
98.         .onClick(async () => {
99.           await this.audioCapturer?.start()
100.           promptAction.showToast({ message: '继续录音成功.' })
101.         })
102.       Button('释放资源')
103.         .enabled(this.isCreate)
104.         .onClick(async () => {
105.           await this.audioCapturer?.release()
106.           promptAction.showToast({ message: '释放资源成功.' })
107.         })
108.       Divider()
109.       Button('创建音频渲染器-播放音频')
110.         .enabled(this.filePath !== '')
111.         .onClick(async () => {
112.           try {
114.             // 1. 创建音频渲染器
115.             const audioRenderer = await audio.createAudioRenderer(this.audioRendererOptions)
116.             // 保存起来
117.             this.audioRenderer = audioRenderer
118.             // 根据路径打开文件
119.             const file = fileIo.openSync(this.filePath)
120.             // 获取文件信息（大小，创建时间等）
121.             const fileIoStat = fileIo.statSync(file.fd)
122.             // 准备一个累加值，用于自动停止渲染
123.             let bufferSize = 0
124.             // 2. 订阅（写入数据到音频渲染器中，就能发出声音）
125.             audioRenderer.on('writeData', (buffer) => {
126.               // 读取打开的 buffer文件，写到渲染器中
127.               fileIo.readSync(file.fd, buffer)
128.               console.log('音频渲染器播放', buffer.byteLength)
129.               bufferSize += buffer.byteLength
130.               // 累加的结果是否超过文件大小
131.               if (bufferSize >= fileIoStat.size) {
132.                 audioRenderer.stop()
133.               }
134.             })
135.             // 3. 开始渲染
136.             audioRenderer.start()
138.             promptAction.showToast({ message: '音频渲染器正常' })
139.           } catch (error) {
140.             promptAction.showToast({ message: '音频渲染器错误:' + JSON.stringify(error) })
141.           }
142.         })
144.       Button('停止渲染')
145.         .onClick(async () => {
146.           await this.audioRenderer?.stop()
147.           promptAction.showToast({ message: '停止成功' })
148.         })
149.       Button('销毁实例，释放资源')
150.         .onClick(async () => {
151.           await this.audioRenderer?.release()
152.           promptAction.showToast({ message: '销毁实例，释放资源成功' })
153.         })
154.     }
155.     .height('100%')
156.     .width('100%')
157.   }
158. }

复制代码

1. // 释放变量，对象重新赋值为null，可以自动被 垃圾回收机制清理
2. this.audioCapturee = null

复制代码

文件管理（文件介绍续）

@ohos.file.fs
创建目录

1. const context = getContext()
2. // 通过应用上下文，获取到应用的files路径
3. const dirPath = context.filesDir + '/' + 'mydir'
4. if(fileIo.accessSync(dirPath)===false){  // 不存在就创建
5.         fileIo.mkdirSync(dirPath)
6. }

复制代码

1. fileIo.accessSync( )   检测文件或目录是否已存在
2. fileIo.mkdirSync( )    创建目录

复制代码

方法的返回

1. demo():string{
2.         return '*****'
3. }
4. 如果这个方法前面有async就不能这样写
5. async demo():Promise<AudioInfo>{
6.         await ......          
7.     return
8. }

复制代码

计时

1. // 开始录音计时
2. startRecordingCount() {
3.   this.recordingTime = 0
4.   clearInterval(this.recordingTimerId)
5.   this.recordingTimerId = setInterval(() => {
6.     this.recordingTime++
7.   }, 1000)
8. }
9. // 停止录音计时
10. stopRecordingCount() {
11.   clearInterval(this.recordingTimerId)
12. }
14. // 展示
15. Text(
16.     dayjs(this.recordingTime*1000)
17.             .format(this.recordingTime > 1000 * 60 * 60 ? 'HH:mm:ss' : 'mm:ss'
18. )

复制代码

进度条Progress

官方文档：https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/arkts-common-components-progress-indicator-V5

1. // 创建一个进度总长为100，初始进度值为24的线性进度条
2. Progress({ value: 24, total: 100, type: ProgressType.Linear })

复制代码

介绍ProgressType类型线性样式ProgressType.Linear环形无刻度样式ProgressType.Ring环形有刻度样式ProgressType.ScaleRing圆形样式ProgressType.Eclipse胶囊样式ProgressType.Capsule

1. // 播放时间计时开始
2. startPlayingCount(duration: number) {
3.   this.isPlaying = true
4.   // 定义变量来保存当前的时间
5.   this.playingTime = 0
6.   // 定义更新间隔，单位为毫秒
7.   const interval = 200;
8.   clearInterval(this.playingTimerId)
9.   this.playingTimerId = setInterval(() => {
10.     // 累加进度条
11.     this.playingTime += interval
12.     if (this.playingTime > duration) {
13.       this.stopPlayingCount()
14.     }
15.   }, interval)
16. }

复制代码

拍照

1. // 调用手机摄像头拍照
2. import { camera, cameraPicker } from '@kit.CameraKit'
4. @Entry
5. @Component
6. struct PickerIndex {
7.   @State imageUrl:string = ''
8.   build() {
9.     Column() {
10.       Button('拍照')
11.         .onClick(async ()=>{
12.           const pickerResult = await cameraPicker.pick(
13.             getContext(),
14.             // 是拍照还是录像
15.             [cameraPicker.PickerMediaType.PHOTO],
16.             {
17.               // 默认调用的摄像头
18.               cameraPosition:camera.CameraPosition.CAMERA_POSITION_BACK
19.             }
20.           )
21.           // 如果存在图片路径，或者拍照成功
22.           if (pickerResult.resultUri && pickerResult.resultCode === 0) {
23.             this.imageUrl = pickerResult.resultUri
24.           }
25.         })
26.     }
27.     .height('100%')
28.     .width('100%')
29.   }
30. }

复制代码

1. // 隐私拍照,图片不出现在媒体库(相册)
2. Button('拍照')
3.   .onClick(async ()=>{
4.     const context = getContext()
5.     // 文件路径
6.     const filePath = context.filesDir + '/'+ 'test.jpg'
7.     // 打开文件用于写入
8.     fileIo.openSync(filePath, fileIo.OpenMode.READ_WRITE | fileIo.OpenMode.CREATE)
9.     const pickerResult = await cameraPicker.pick(
10.     getContext(),
11.     // 是拍照还是录像
12.     [cameraPicker.PickerMediaType.PHOTO],
13.     {
14.        // 默认调用的摄像头
15.        cameraPosition:camera.CameraPosition.CAMERA_POSITION_BACK,
16.        // 把 path 转换为 uri 路径
17.        saveUri:fileUri.getUriFromPath(filePath)
18.      })
19. })

复制代码

1. // 把 path 转换为 uri 路径
2. saveUri:fileUri.getUriFromPath(filePath)
3. // 把 uri 转换为 path
4. const file = fileIo.openSync(cri).path

复制代码

错误上报

1. import { FaultLogger } from '@kit.PerformanceAnalysisKit'
2. @Entry
3. @Component
4. struct ErrorPage {
5.   build() {
6.     Column() {
7.       Button('查询故障日志')
8.         .onClick(async ()=>{
9.           const logs = await FaultLogger.query(FaultLogger.FaultType.JS_CRASH)
10.           AlertDialog.show({message:JSON.stringify(logs,null,2)})
11.         })
12.       Button('抛出异常')
13.         .onClick(()=>{
14.           throw new Error('my error')
15.         })
16.     }
17.     .height('100%')
18.     .width('100%')
19.   }
20. }

复制代码

非常捕获(防止没有捕获到的非常，让步伐闪退)

1. let observerId = -1
2. export default class EntryAbility extends UIAbility {
3.   // 创建时
4.   onCreate(want: Want, launchParam: AbilityConstant.LaunchParam): void {
5.     hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onCreate');
6.     // 注册错误管理器
7.     observerId = errorManager.on('error',{
8.         async  onUnhandledException(){
9.         const logs =  await FaultLogger.query(FaultLogger.FaultType.JS_CRASH)
10.         const currentFaultLog = logs[0]
11.         console.log('errorManager',JSON.stringify(currentFaultLog))
12.       },
13.     })
14.   }
15.   // 销毁时
16.   onDestroy(): void {
17.     hilog.info(0x0000, 'testTag', '%{public}s', 'Ability onDestroy');
18.     errorManager.off('error',observerId)
19.   }

复制代码

报错处置惩罚

模仿器的题目，模仿器读取不到文件导致，关了，重新启动

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。