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

Posted 2022-12-15 白玉梁

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了鸿蒙3.0应用开发若干问题及上架总结相关的知识，希望对你有一定的参考价值。

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()