尧图建网站 尧图建网站 YAOTU WEB BUILD 免费咨询
ARTICLE DETAIL

资讯详情

深耕网站建设与建站编程的一线实战洞察。

HarmonyOS 6.1.1 上新|多项底层Kit补齐,优化应用交互与多媒体场景

HarmonyOS 6.1.1 上新|多项底层Kit补齐,优化应用交互与多媒体场景 HarmonyOS 6.1.1 作为 6.1 的增量迭代版本重点补齐 ArkUI、多媒体、ArkWeb、地图、通知、语音、Vision 等套件高频刚需 API解决大量业务长期存在的交互短板、多媒体适配痛点。✅ ArkUI1. Canvas2D 运行时动态开关抗锯齿CanvasRenderingContext2D/OffscreenCanvasRenderingContext2D新增antialias属性无需重建画布即可动态切换文本抗锯齿解决图表 / 画板切换画质时闪屏抖动问题。// Canvas 动态抗锯齿示例EntryComponentstruct CanvasAntialiasDemo{privatesettings:RenderingContextSettingsnewRenderingContextSettings(true)privatectx:CanvasRenderingContext2D|nullnullbuild(){Column(){Canvas(this.settings).width(100%).height(300).onReady((ctx:CanvasRenderingContext2D){this.ctxctxthis.drawText(true)})Row(){Button(开启抗锯齿).onClick(()this.drawText(true))Button(关闭抗锯齿).onClick(()this.drawText(false))}}}drawText(enable:boolean){if(!this.ctx)return// 核心动态修改 antialias不用重建画布this.ctx.antialiasenablethis.ctx.clearRect(0,0,300,300)this.ctx.font48px sans-serifthis.ctx.fillText(HarmonyOS 6.1.1,20,100)}}2. Tabs 新增 nestedScroll 嵌套滚动支持两种策略自身优先滚动 / 仅自身滚动Tab 内部触顶触底后手势可透传给外层容器解决资讯、电商「外层滚动 多 Tab」布局滑动断连问题。// Tabs 嵌套滚动极简示例EntryComponentstruct TabsNestedScrollDemo{StatetabIndex:number0build(){Scroll(){Column(){Text(顶部标题区).fontSize(24).padding(20)Tabs(){TabContent(){Scroll(){Column(){ForEach(Array.from({length:30}),(_,i)Text(Tab1 列表${i}).fontSize(18).padding(10))}}}.tabBar(Tab1)TabContent(){Text(Tab2 内容)}.tabBar(Tab2)}// 核心配置 nestedScroll.nestedScroll(NestedScrollMode.SELF_FIRST).index(this.tabIndex).onChange((idx)this.tabIndexidx)}}}}✅ ArkWeb下载回调新增原始地址与来源页Web 下载回调新增getOriginalUrl()、getReferrerUrl()用于资源溯源、风险识别、链路埋点补齐内嵌 H5、金融办公类应用下载能力。import{webview}fromkit.ArkWebEntryComponentstruct WebDownloadTraceDemo{controller:webview.WebviewControllernewwebview.WebviewController()build(){Web({src:https://xxx,controller:this.controller}).onDownloadStart((downloadInfo){// 新增溯源接口constoriginUrldownloadInfo.getOriginalUrl()constreferrerdownloadInfo.getReferrerUrl()console.info([DownloadTrace] origin:${originUrl}, referrer:${referrer})})}}✅ Camera Kit影随人动自动构图 精细手动对焦影随人动智能自动构图系统原生主体跟踪构图自动保持人物居中相比自研算法功耗更低适合直播、网课、vlog 录制手动对焦全套接口查询设备能力、读取 / 设置对焦距离满足微距、静物、视频创作精细对焦。// 手动对焦能力查询设置伪代码示例import{camera}fromkit.CameraKitasyncfunctionsetManualFocus(cameraDevice:camera.CameraDevice,focusDistance:number){constfocusAbilitycameraDevice.getFocusAbility()if(!focusAbility?.isManualFocusSupported()){console.info(当前设备不支持手动对焦)return}// 读取当前对焦距离constcurrentcameraDevice.getFocusDistance()console.info(当前对焦距离,current)// 设置对焦距离awaitcameraDevice.setFocusDistance(focusDistance)}✅ Image KitWebP 元数据读写支持新增WebPMetadata原生读写 WebP 图片元信息社交、相册、图片编辑器不再丢失拍摄参数与编辑信息。import{image}fromkit.ImageKitasyncfunctionreadWebPMetadata(pixmap:image.Pixmap){constmeta:image.WebPMetadataawaitpixmap.getWebPMetadata()console.info(WebP metadata: alpha${meta.hasAlpha}, animation${meta.isAnimation})}✅ Map KitPOI 搜索相关性分 Marker/POI 长按事件Site对象新增reliability0~1业务侧可做结果重排、过滤低相关地点Marker、POI 支持长按监听快速实现长按菜单收藏、路线、分享。import{map}fromkit.MapKit// 搜索结果相关性使用示例asyncfunctionsearchPOI(mapQuery:map.MapQuery,keyword:string){constresultawaitmapQuery.searchPOI(keyword)for(constsiteofresult.sites){// 相关性分值 0~1constscoresite.reliabilityconsole.info(name:${site.name}, reliability:${score})}}// Marker长按监听functionaddMarkerWithLongClick(mapComp:map.MapComponent){constmarkernewmap.Marker({position:{latitude:39.9,longitude:116.4}})marker.on(longClick,(){console.info(Marker 长按触发弹出操作菜单)})mapComp.addMarker(marker)}✅ Notification Kit通知铃声支持应用沙箱音频NotificationRequest.sound支持引用应用沙箱音频不再局限于应用内预置资源权限隔离仅允许访问自身沙箱兼顾个性化与安全。import{notification}fromkit.NotificationKitasyncfunctionsendSandboxSoundNotify(){constreq:notification.NotificationRequest{id:1001,content:{contentType:notification.ContentType.NOTIFICATION_CONTENT_BASIC_TEXT,basicText:{title:待办提醒,text:自定义沙箱铃声通知}},// 直接使用沙箱内音频文件sound:{uri:file://data/storage/el2/base/xxx/custom_ring.mp3}}awaitnotification.publishNotification(req)}✅ Speech KitAICaptionComponent 字幕样式 语种配置AI 字幕组件支持初始化指定源语言、目标语言、字号、字体颜色适配外语学习、听力辅助、暗光观影、视障友好场景。import{speech}fromkit.SpeechKitEntryComponentstruct AICaptionCustomDemo{StateaiCaption:speech.AICaptionComponent|nullnullbuild(){Column(){speech.AICaption({srcLang:en-US,dstLang:zh-CN,fontSize:24,fontColor:#ffffff}).onReady((ins)this.aiCaptionins)}}}✅ Vision KitCardRecognition 新增港澳台通行证识别卡证识别控件新增港澳居民来往内地通行证、台湾居民来往大陆通行证政务、酒店、金融实名核验场景可减少第三方 OCR 依赖降低包体积与接入成本。import{vision}fromkit.VisionKitasyncfunctionstartPassportRecognition(){constcardRecnewvision.CardRecognition()// 支持通行证类型枚举直接调用识别constresultawaitcardRec.startRecognition(vision.CardType.HK_MACAU_MAINLAND_PASS)console.info(证件识别结果,JSON.stringify(result))} 小结6.1.1 属于业务导向的底层能力补全版本没有大刀阔斧 UI 改版核心价值解决复杂联动滚动、绘图闪屏、Web 下载溯源等高频交互痛点多媒体、相机、图像、OCR 补齐原生能力减少自研与第三方 SDK 依赖开放更精细的个性化、无障碍、政务核验能力
返回列表