##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：实现横向和竖向滑动条 Slider滑动条组件，通常用于快速调节设置值，如音量调节、亮度调节等应用场景。 知识点： SliderOptions对象属性  value：当前进度值。默认值：与参数min的取值一致。从API version 10开始，该参数支持$$双向绑定变量。取值范围： [min, max]。小于min时取min，大于max时取max。 min：设置最小值。默认值：0 max：设置最大值。默认值：100。说明：min >= max异常情况，min取默认值0，max取默认值100。va...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：设置图案密码。 PatternLock图案密码锁组件，以九宫格图案的方式输入密码，用于密码验证场景。手指在PatternLock组件区域按下时开始进入输入状态，手指离开屏幕时结束输入状态完成密码输入。 接口 PatternLock(controller?: PatternLockController)  controller：设置PatternLock组件控制器，可用于控制组件状态重置。 PatternLockController：PatternLock组件的控制器，可以通过它进行组件状态重置。 组件...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：实现视频组件的播放、暂停、结束播放、重置和跳转至特定位置播放。 Video组件用于播放视频文件并控制其播放状态，常用于为短视频和应用内部视频的列表页面。当视频完整出现时会自动播放，用户点击视频区域则会暂停播放，同时显示播放进度条，通过拖动播放进度条指定视频播放到具体位置。具体用法请参考Video。 加载视频资源 Video组件支持加载本地视频和网络视频。 添加属性 Video组件属性主要用于设置视频的播放形式。例如设置视频播放是否静音、播放是否显示控制条等。 事件调用 Video组件回调事件主要为播放...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：可以唤起相机拍照和录像，并展示拍摄的图片和视频。 应用可调用CameraPicker拍摄照片或录制视频，无需申请相机权限。  CameraPicker的相机交互界面由系统提供，在用户点击拍摄和确认按钮后，调用CameraPicker的应用获取对应的照片或者视频。 应用开发者如果只是需要获取即时拍摄的照片或者视频，则可以使用CameraPicker能力来轻松实现。 由于照片的拍摄和确认都是由用户进行主动确认，因此应用开发者可以不用申请操作相机的相关权限。  cameraPicker.pick接口 pic...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：实现进度的可视化。 知识点： Progress：进度条组件，用于显示内容加载或操作处理等进度。 设置进度条样式 Progress有5种可选类型，通过ProgressType可以设置进度条样式，ProgressType类型包括：ProgressType.Linear（线性样式）、 ProgressType.Ring（环形无刻度样式）、ProgressType.ScaleRing（环形有刻度样式）、ProgressType.Eclipse（圆形样式）和ProgressType.Capsule（胶囊样式）。...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：通过两个手指捏合放大和缩小图片 知识点： 捏合手势（PinchGesture）用于触发捏合手势，触发捏合手势的最少手指为2指，最大为5指，最小识别距离为5vp。 接口 PinchGesture(value?:{fingers?:number, distance?:number})  捏合手势用于触发捏合手势事件，拥有两个可选参数：  fingers：用于声明触发捏合手势所需要的最少手指数量，最小值为2，最大值为5，默认值为2。触发手势手指可以多于fingers数目，但只有先落下的与fingers相同数...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：拉起底部菜单，实现底部菜单的弹起和关闭。 知识点：  半模态页面（bindSheet）默认是模态形式的非全屏弹窗式交互页面，允许部分底层父视图可见，帮助用户在与半模态交互时保留其父视图环境。 半模态页面适用于展示简单的任务或信息面板，例如，个人信息、文本简介、分享面板、创建日程、添加内容等。若需展示可能影响父视图的半模态页面，半模态支持配置为非模态交互形式。 半模态在不同宽度的设备上存在不同的形态能力，开发者对不同宽度的设备上有不同的形态诉求请参考(preferType)属性。可以使用bindShee...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：设置计数器，通过点击加减数字。 知识点： Counter 计数器组件，提供相应的增加或者减少的计数操作。 Counter属性 enableInc(value: boolean) //设置增加按钮禁用或使能。默认值：true enableDec(value: boolean)//设置减少按钮禁用或使能。默认值：true  Counter事件 onInc(event: () => void) //监听数值增加事件。 onDec(event: () => void) //监听数值减少事件。  C...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：拖拽网格元素时，实现网格元素的交换 知识点： Grid网格元素拖拽交换功能在应用中经常会被使用，如当编辑九宫格图片需要拖拽图片改变排序时，就会使用到该功能。当网格中图片进行拖拽交换时，元素排列会跟随图片拖拽的位置而发生变化，并且会有对应的动画效果，以达到良好的用户体验。 Grid网格布局一般由Grid容器组件和子组件GridItem构建生成，Grid用于设置网格布局相关参数，GridItem定义子组件相关特征。网格布局中含有网格元素，当给Grid容器组件设置editMode属性为true时，可开启Gr...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：生成二维码，并且可通过扫码读取二维码信息。 知识点： QRCode：用于显示单个二维码的组件。 接口 QRCode(value: string)  value：二维码内容字符串。最大支持512个字符，若超出，则截取前512个字符。 说明：该字符串内容确保有效，不支持null、undefined以及空内容，当传入上述内容时，将生成无效二维码。 QRCode属性 color：设置二维码颜色。默认值：'#ff000000'，且不跟随系统深浅色模式切换而修改。 backgroundColor：设置二维码背景颜...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：输入电话号码，并拨打电话。 知识点： Telephony Kit（蜂窝通信服务）提供一系列API帮助开发者开发通讯类应用，包括：  call模块（拨打电话）：系统应用可以直接拨打电话，在应用界面显示通话；三方应用可以拉起系统电话应用，跳转至拨号界面，从而实现拨打电话的功能，具体可参考拨打电话开发指导。除此之外，应用还可以通过call模块，实现格式化电话号码、判断是否紧急号码等功能，详情请参考@ohos.telephony.call API参考。 sms模块（短信服务）：应用可以实现创建、发送短信消息的...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：实现倒计时功能 知识点： TextTimer通过文本显示计时信息并控制其计时器状态的组件。 在组件不可见时时间变动将停止，组件的可见状态基于onVisibleAreaChange处理，可见阈值ratios大于0即视为可见状态。 接口 TextTimer(options?: TextTimerOptions)  options：通过文本显示计时信息并控制其计时器状态的组件参数。 TextTimerOptions  isCountDown：是否倒计时。值为true时，计时器开启倒计时，例如从30秒 ~ 0...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：封装自定义弹窗，通过方法调用，直接打开已定制的确认弹窗。 知识点：  由于CustomDialogController在使用上存在诸多限制，不支持动态创建也不支持动态刷新，在相对较复杂的应用场景中推荐使用UIContext中获取到的PromptAction对象提供的openCustomDialog接口来实现自定义弹出框。 弹出框（openCustomDialog）可以通过配置isModal来实现模态和非模态弹窗。isModal为true时，弹出框为模态弹窗。isModal为false时，弹出框为非模态...

##HarmonyOS Next实战##HarmonyOS SDK应用服务##教育## 目标：实现APP启动时，启动页为广告，并且5秒后可手动关闭广告，跳转至主页。 思路：  入口页面应设置为启动页 启动页通过定时器，在倒计时结束后跳转至首页  知识点： 页面路由 (@ohos.router) 页面路由指在应用程序中实现不同页面之间的跳转和数据传递。Router模块通过不同的url地址，可以方便地进行页面路由，轻松地访问不同的页面。本文将从页面跳转、页面返回、页面返回前增加一个询问框和命名路由这几个方面，介绍如何通过Router模块实现页面路由。 Router模块提供了两种跳转模式，分别是ro...