当前位置：首页 > article >正文

【每日学点鸿蒙知识】大图性能问题、WebView加载网页问题、H5页面数据更新问题、安全控件位置影响数据保存、企业内部应用发布

article 2024/12/26 10:39:24

1、Image大图使用了.blur会有性能问题，有没有平替方案？

参考demo：

async aboutToAppear(): Promise<void> {
  let OutData: http.HttpResponse
  http.createHttp().request("http:myURL.jpg",
  (error: BusinessError, data: http.HttpResponse) => {
  if (error) {
    console.error(`http reqeust failed with. Code: ${error.code}, message: ${error.message}`);
  } else {
  OutData = data
  let code: http.ResponseCode | number = OutData.responseCode
  if (http.ResponseCode.OK === code) {
  let imageData: ArrayBuffer = OutData.result as ArrayBuffer;
  let imageSource = image.createImageSource(imageData.slice(0));
  imageSource.createPixelMap().then(async pixelMap => {
  let radius = 15;
  let headFilter = effectKit.createEffect(pixelMap);
  if (headFilter != null) {
  headFilter.blur(radius);
}
this.img = await headFilter.getEffectPixelMap();
})
}
}

2、HarmonyOS WebviewController 加载的网页不显示？

controller: web_webview.WebviewController = new web_webview.WebviewController()
  onPageShow() {
    const params:Params = router.getParams() as Params; // 获取传递过来的参数对象
    if (params) {
      let resultJson: Params = new Params();
      resultJson.item=params.item;
      this.AdData=resultJson.item
      this.url=this.AdData.ad_url
      console.info('http opageshow:' + this.url);
      //日志 http opageshow: https://www.huawei.com/
    }
  }
  build() {
    Column() {
      this.Title()
      Web({src:this.url, controller: this.controller })
// Web({ src: 'https://www.huawei.com', controller: this.controller })
// 这样可以显示。是哪里不对？
    }
    .width(CommonConstants.FULL_WIDTH)
    .height(CommonConstants.FULL_HEIGHT)
    .backgroundColor($r('app.color.page_background'))
  }

从代码里看到渲染web是在build方法内，而获取url是在onPageShow方法内，由于build先于onPageShow执行，因此加载web时并没有获取到url，应该在 aboutToAppear方法内获取url，这样即可正确加载

3、使用webview组件时，怎么清空H5页面的localstorage数据，混合开发的场景，切换账号后，H5页面的数据没更新

removeCache清除应用中的资源缓存文件，此方法将会清除同一应用中所有webview的缓存文件。参考链接：https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V5/js-apis-webview-V5#removecache

4、HarmonyOS savebutton的使用影响图片保存？

savebutton位置影响保存功能，SaveButton和Text的位置互换，会影响保存的功能。

Row() {
  SaveButton({ text: SaveDescription.SAVE, buttonType: ButtonType.Normal })
    .fontColor(Color.White)
    .backgroundColor(Color.Black)
    .width(100)
    .onClick(async () => {
      if (this.imgBuffersMap.get(this.selectedIndex - 1)) {
        this.saveImage(this.imgBuffersMap.get(this.selectedIndex - 1)).then(() => {
          promptAction.showToast({
            message: $r("app.string.saveImgSuccess"),
            duration: 2000
          })
        }).catch(() => {
          promptAction.showToast({
            message: $r("app.string.saveImgFail"),
            duration: 2000
          })
        })
      }
    })
  Text(this.selectedIndex + "/" + this.imgUrls.length)
    .fontColor(Color.White)
    .fontSize(FontSizeUtil.getFontSize(15))
    .padding({ right: adapt(20) })
}
.width("100%")
.justifyContent(FlexAlign.SpaceBetween)
.padding({ bottom: adapt(30) })

当前控件要求：安全控件不能放到屏幕边缘，如果超出屏幕范围一点也会失败。请参考：
https://developer.huawei.com/consumer/cn/doc/harmonyos-guides-V5/security-component-overview-V5#ZH-CN_TOPIC_0000001884756418__%E7%BA%A6%E6%9D%9F%E4%B8%8E%E9%99%90%E5%88%B6

运作机制如下：
开发者调用接口时，运作流程如图所示。
在这里插入图片描述