鴻蒙應(yīng)用示例:DevEco Studio實(shí)用技巧

在鴻蒙系統(tǒng)(HarmonyOS)的開發(fā)過程中,掌握一些DevEco Studio的實(shí)用技巧可以幫助開發(fā)者提高效率,簡(jiǎn)化流程,并改善用戶體驗(yàn)。本文將分享幾個(gè)在鴻蒙應(yīng)用開發(fā)中的實(shí)用技巧,涵蓋從代碼調(diào)試到資源管理等方面。

【1】使用非換行空格美化JSON輸出

在調(diào)試過程中,清晰地查看JSON對(duì)象的內(nèi)容是非常重要的。通常我們會(huì)使用 JSON.stringify 方法來轉(zhuǎn)換對(duì)象為字符串,但如果直接使用默認(rèn)參數(shù),則輸出的結(jié)果不易閱讀。通過使用非換行空格(\u00A0),我們可以實(shí)現(xiàn)縮進(jìn)效果,使輸出更加清晰易讀。

示例代碼

@Entry
@Component
struct Page04 {
  build() {
    Column() {
      Button('測(cè)試').onClick(()=>{
        const obj:object = Object({
          key1: 'value1',
          key2: Object({
            nestedKey1: 'nestedValue1',
            nestedKey2: 'nestedValue2'
          }),
          key3: [1, 2, 3]
        })

        // 使用非換行空格
        const jsonStringWithUnicode = JSON.stringify(obj, null, '\u00A0\u00A0');
        console.log(jsonStringWithUnicode);
      })
    }
    .height('100%')
    .width('100%')
  }
}

打印結(jié)果

{
  "key1": "value1",
  "key2": {
    "nestedKey1": "nestedValue1",
    "nestedKey2": "nestedValue2"
  },
  "key3": [
    1,
    2,
    3
  ]
}

【2】局部選中

在控制臺(tái)打印的JSON字符串中,有時(shí)我們只想復(fù)制一部分內(nèi)容,但默認(rèn)情況下拖動(dòng)鼠標(biāo)會(huì)選中整個(gè)行。此時(shí)可以使用 Alt + 鼠標(biāo)左鍵 的組合來實(shí)現(xiàn)局部選中,方便復(fù)制特定部分的數(shù)據(jù)。


a37.gif

【3】自動(dòng)生成頁面白名單

在創(chuàng)建新的頁面時(shí),通過 File > New > Page > Empty Page 的方式可以快速生成頁面,并且在 src/main/resources/base/profile/main_pages.json 文件中自動(dòng)生成頁面白名單條目。這一步驟可以節(jié)省手動(dòng)添加頁面到白名單的時(shí)間。

image.png

【4】啟動(dòng)圖設(shè)計(jì)尺寸

為了確保啟動(dòng)圖在各種設(shè)備上都能良好顯示,建議準(zhǔn)備一張最小尺寸大于768像素的圖標(biāo)。系統(tǒng)會(huì)自動(dòng)裁剪以適應(yīng)不同尺寸的需求,確保在任何設(shè)備上都有良好的視覺效果。

new -->Image Asset

image.png

image.png

image.png

【5】截屏或錄制視頻并導(dǎo)出

當(dāng)需要截取屏幕或錄制視頻時(shí),可以使用DevEco Studio的內(nèi)置功能。通過連接設(shè)備并使用開發(fā)工具中的 Log 功能旁邊的拍照或視頻錄制按鈕,可以直接將截圖或錄制的視頻保存到本地計(jì)算機(jī)。

image.png

【6】文件傳輸?shù)皆O(shè)備

使用DevEco Studio進(jìn)行文件傳輸非常簡(jiǎn)單??梢酝ㄟ^ Device File Browser 功能將電腦上的文件上傳到設(shè)備的指定目錄。例如,上傳圖片到 /storage/media/100/local/files/Docs/Download 目錄,并可通過設(shè)備的文件管理器訪問這些文件。如果需要將文件保存到相冊(cè),可以使用設(shè)備上的保存功能。

image.png

image.png

image.png

image.png

image.png

【7】常用快捷鍵對(duì)比

請(qǐng)注意,由于不同的操作系統(tǒng)和軟件版本可能會(huì)有所不同,所以最好參考最新的官方文檔或軟件設(shè)置來獲取最準(zhǔn)確的快捷鍵信息。

image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容