鸿蒙3.0应用开发若干问题及上架总结

news2024/11/19 5:54:41

在这里插入图片描述

1.如何去掉默认标题栏，实现全屏显示？

在config.json中的ability配置信息中添加属性：

"abilities": [
{
     ...
    "metaData": {
        "customizeData": [
          {
            "name": "hwc-theme",
            "value": "androidhwext:style/Theme.Emui.Translucent.NoTitleBar",
            "extra": ""
          }
        ]
      }
      ...
}]

2.应用冷启动白屏？

这个问题类似与安卓应用冷启动时白屏一样，鸿蒙应用的解决办法同问题1，将主题设置为：

androidhwext:style/Theme.Emui.Translucent.NoTitleBar

注意是Translucent。

3.如何获取屏幕尺寸？

import display from '@ohos.display';

display.getDefaultDisplay((err, data) => {
  if (err) return;
  console.error("屏幕宽高：" + data.width + "," + data.height);
});

4.如何获取状态栏高度，以及设置状态栏背景色？

import window from '@ohos.window';

window.getTopWindow((err, mainWindowClass) => {
  if (err) return;
  mainWindowClass.setSystemBarEnable(['status']);
  mainWindowClass.setLayoutFullScreen(true);
  mainWindowClass.setSystemBarProperties({
    statusBarColor: '#00ff0000', // 状态栏背景色透明
    isStatusBarLightIcon: false,//状态栏图标是否为亮色
    statusBarContentColor: '#000000',//状态栏字体颜色
  });
  mainWindowClass.getAvoidArea(window.AvoidAreaType.TYPE_SYSTEM, (err, data) => {
    if (err) return;
    console.error("状态栏高度：" + data.topRect.height);
  });
});

5.如何显示Toast提示？

import prompt from '@ohos.prompt';

prompt.showToast({
  message: "提示信息",
  bottom: "1000px"//距离屏幕底部高度
})

效果：
在这里插入图片描述

6.网络请求

http:

import http from '@ohos.net.http';

let httpRequest = http.createHttp()
httpRequest.request(url, {
    method: method,
    header: header,
    extraData: paramsStr,
    connectTimeout: 30000, // 可选，默认为60s
    readTimeout: 30000, // 可选，默认为60s
  }, (err, data) => {

})

fetch:

import fetch from '@system.fetch';

fetch.fetch({
  url: url,
  method: method,
  header: header,
  success: res => {

  },
  fail: error => {
    
  }
})

7.自定义LoadingDialog

@CustomDialog
export struct LoadingDialog {
  controller: CustomDialogController
  @State angle: number = 0
  interval: number

  aboutToAppear() {
    this.angleChange()
  }

  aboutToDisappear() {
    clearInterval(this.interval)
  }

  angleChange() {
    this.angle = 0
    this.interval = setInterval(() => {
      this.angle += -30
      if (this.angle == -360) this.angle = 0
    }, 50)
  }

  build() {
    Stack() {
      Column() {
        Image($r('app.media.ic_loading'))
          .width(20)
          .height(20)
          .rotate({ x: 0, y: 0, z: 1, angle: this.angle })
      }
    }
    .width(50)
    .height(50)
    .backgroundColor(0x88000000)
    .borderRadius(10)
    .shadow({ radius: 10, color: Color.Gray, offsetX: 3, offsetY: 3 })
  }
}

使用方法，在page内：

声明CustomDialogController ：

  dialogController: CustomDialogController = new CustomDialogController({
    builder: LoadingDialog(),
    autoCancel: false,
    customStyle: true
  });

显示：this.dialogController.open()
隐藏：this.dialogController.close()