模擬器快速上手,助力HarmonyOS應(yīng)用/服務(wù)高效開發(fā)

1 創(chuàng)建模擬器

1)打開設(shè)備管理界面

在使用模擬器之前,首先需要使用DevEco Studio打開或者創(chuàng)建一個工程汽绢,選擇以下任一種方式打開設(shè)備管理界面。

  • 點擊DevEco Studio主開發(fā)界面菜單欄選擇“Tools > Device Manger”打開設(shè)備管理界面趾盐。
image.png
  • 點擊DevEco Studio主開發(fā)界面工具欄下拉設(shè)備列表庶喜,選擇“Device Manger”打開設(shè)備管理界面。
image.png

2)設(shè)置本地模擬器實例存儲路徑

初次打開設(shè)備管理器界面救鲤,設(shè)備列表為空久窟,需要手動創(chuàng)建模擬器。在創(chuàng)建之前可通過點擊右下角Edit設(shè)置本地模擬器實例的存儲路徑Local Emulator Location(Mac設(shè)備默認(rèn)存儲在~/.Huawei/Emulator/deployed目錄本缠,Windows設(shè)備默認(rèn)存儲在C:\Users\用戶名\AppData\Local\Huawei\Emulator\deployed目錄)斥扛,當(dāng)然也可以使用默認(rèn)存儲路徑。

image.png

3)創(chuàng)建一個模擬器

設(shè)置好本地模擬器實例存儲路徑后丹锹,點擊設(shè)備管理界面右下角“New Emulator”按鈕稀颁,打開模擬器創(chuàng)建向?qū)А?/p>

image.png

(1)選擇模擬器設(shè)備

在模擬器設(shè)備類型選擇界面,可以通過點擊右上角Edit設(shè)置本地模擬器鏡像存儲路徑(Mac設(shè)備默認(rèn)存儲在~/Library/Huawei/Sdk目錄楣黍,Windows設(shè)備默認(rèn)存儲在C:\Users\用戶名\AppData\Local\Huawei\Sdk目錄)匾灶,當(dāng)然也可以使用默認(rèn)的存儲路徑。

可通過左側(cè)下拉選擇創(chuàng)建的模擬器設(shè)備類型租漂,也可以直接在設(shè)備類型列表中選擇需要創(chuàng)建的模擬器設(shè)備類型阶女。首次使用會在底部提示“Download the system image first”,表示本地設(shè)備尚未存儲當(dāng)前選中模擬器設(shè)備類型的模擬器鏡像哩治,需要點擊設(shè)備列表目標(biāo)模擬器設(shè)備行右側(cè)的“下載”圖標(biāo)下載模擬器鏡像秃踩。也可以通過該界面更新或刪除不同設(shè)備的模擬器鏡像。

image.png

(2)創(chuàng)建模擬器

模擬器鏡像下載完成后业筏,點擊選擇模擬器設(shè)備界面Next按鈕憔杨,進(jìn)入創(chuàng)建模擬器向?qū)Ы缑妗?/p>

image.png

配置模擬器名稱Name、內(nèi)存Memory RAM蒜胖,存儲空間Storage ROM消别,然后點擊Finish按鈕抛蚤,等待模擬器創(chuàng)建完成。

image.png

模擬器創(chuàng)建完成后妖啥,在本地模擬器設(shè)備界面列表中查看創(chuàng)建的模擬器霉颠。

image.png

(3)啟動模擬器

在設(shè)備管理器頁面,點擊啟動圖標(biāo)啟動模擬器荆虱。

image.png

(4)關(guān)閉模擬器

可以點擊設(shè)備管理器頁面模擬器列表中關(guān)閉圖標(biāo)關(guān)閉模擬器蒿偎,也可以直接在模擬器菜單欄單擊退出圖標(biāo)關(guān)閉模擬器。

image.png
image.png

(5)運行應(yīng)用

點擊DevEco Studio主開發(fā)界面工具欄啟動/調(diào)試圖標(biāo)啟動應(yīng)用/服務(wù)的編譯構(gòu)建與安裝,安裝完成后應(yīng)用會運行在模擬器上。

image.png
image.png

2 使用模擬器

1)操控屏幕

模擬器屏幕操控愉舔,使用鼠標(biāo)左鍵和滾輪模擬手指和設(shè)備屏幕進(jìn)行交互茬底。一些常用的如滑動屏幕樱溉、拖動應(yīng)用、單擊屏幕、雙擊屏幕、長按屏幕均使用鼠標(biāo)左鍵點擊模擬手指點擊設(shè)備屏幕交互岳瞭,二雙指縮放需要鼠標(biāo)+鍵盤的方式來模擬,Windows設(shè)備按下Ctrl鍵(Mac設(shè)備按下Command鍵)會在模擬器設(shè)備上彈出一個捏合手勢多點觸控界面蚊锹。

image.png

2)使用工具欄

模擬器工具欄集成了各種調(diào)試工具和控制選項瞳筏,可以點擊工具欄中的更多圖標(biāo),查看常用和擴(kuò)展菜單牡昆。

image.png

3 電池采樣模擬場景

通過一個簡單的電池管理應(yīng)用姚炕,模擬模擬器上不同電池狀態(tài)。

import { batteryInfo } from '@kit.BasicServicesKit';

@Entry
@Component
struct Index {
  @State capacity: number = 0;
  @State charge: string = "";
  @State health: string = "";

  @Builder descriptionBuilder() {
    Text('當(dāng)前電量')
      .maxFontSize('30sp')
      .minFontSize("10.0vp")
      .fontColor("#fffa2a2d")
      .fontWeight(FontWeight.Medium)
      .width('100%')
      .height("100%")
      .textAlign(TextAlign.Center)
  }

  build() {
    Navigation() {
      Column({ space: 10 }) {
        Gauge({ value: this.capacity, min: 1, max: 100 }) {
          Column() {
            Text(`${this.capacity}`)
              .fontWeight(FontWeight.Medium)
              .width('62%')
              .fontColor("#ff182431")
              .maxFontSize("60.0vp")
              .minFontSize("30.0vp")
              .textAlign(TextAlign.Center)
              .margin({ top: '35%' })
              .textOverflow({ overflow: TextOverflow.Ellipsis })
              .maxLines(1)
          }.width('100%').height('100%')
        }
        .startAngle(210)
        .endAngle(150)
        .colors(new LinearGradient([{ color: "#e84026", offset: 0 },
          { color: "#f7ce00", offset: 0.6 },
          { color: "#64bb5c", offset: 1 }]))
        .width('80%')
        .height('60%')
        .strokeWidth(18)
        .trackShadow({ radius: 7, offsetX: 7, offsetY: 7 })
        .description(this.descriptionBuilder)
        .padding(18)
        List() {
          ListItem() {
            Row() {
              Text('充電狀態(tài)')
                .fontSize(14)
              Text(this.charge)
                .fontSize(14)
            }
            .width('100%')
            .padding(12)
            .justifyContent(FlexAlign.SpaceBetween)
          }
          ListItem() {
            Row() {
              Text('健康狀態(tài)')
                .fontSize(14)
              Text(this.health)
                .fontSize(14)
            }
            .width('100%')
            .padding(12)
            .justifyContent(FlexAlign.SpaceBetween)
          }
        }
        .width('80%')
        .padding(18)
        .divider({
          strokeWidth: 1,
          color: 0xdfdfdf
        })

        Button('刷新')
          .fontSize(16)
          .onClick(() => {
            this.getBatteryInfo();
          })
      }
      .width('100%')
      .height('100%')
    }
    .height('100%')
    .width('100%')
    .title("電池")
    .hideBackButton(true)
    .hideToolBar(true)
  }

  aboutToAppear(): void {
    this.getBatteryInfo();
  }

  getBatteryInfo() {
    this.capacity = batteryInfo.batterySOC;
    switch (batteryInfo.chargingStatus) {
      case batteryInfo.BatteryChargeState.ENABLE:
        this.charge = "正在充電";
        break;
      case batteryInfo.BatteryChargeState.FULL:
        this.charge = "電量已充滿";
        break;
      default :
        this.charge = "停止充電";
    }
    switch (batteryInfo.healthStatus) {
      case batteryInfo.BatteryHealthState.GOOD:
        this.health = "正常";
        break;
      case batteryInfo.BatteryHealthState.OVERHEAT:
        this.health = "過熱";
        break;
      case batteryInfo.BatteryHealthState.OVERVOLTAGE:
        this.health = "過壓";
        break;
      case batteryInfo.BatteryHealthState.COLD:
        this.health = "低溫";
        break;
      case batteryInfo.BatteryHealthState.DEAD:
        this.health = "僵死";
        break;
      default :
        this.health = "未知";
    }
  }
}
image.png
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末丢烘,一起剝皮案震驚了整個濱河市柱宦,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌播瞳,老刑警劉巖掸刊,帶你破解...
    沈念sama閱讀 219,188評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異赢乓,居然都是意外死亡忧侧,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,464評論 3 395
  • 文/潘曉璐 我一進(jìn)店門骏全,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人尼斧,你說我怎么就攤上這事姜贡。” “怎么了棺棵?”我有些...
    開封第一講書人閱讀 165,562評論 0 356
  • 文/不壞的土叔 我叫張陵楼咳,是天一觀的道長熄捍。 經(jīng)常有香客問我,道長母怜,這世上最難降的妖魔是什么余耽? 我笑而不...
    開封第一講書人閱讀 58,893評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮苹熏,結(jié)果婚禮上碟贾,老公的妹妹穿的比我還像新娘。我一直安慰自己轨域,他們只是感情好袱耽,可當(dāng)我...
    茶點故事閱讀 67,917評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著干发,像睡著了一般朱巨。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上枉长,一...
    開封第一講書人閱讀 51,708評論 1 305
  • 那天冀续,我揣著相機(jī)與錄音,去河邊找鬼必峰。 笑死洪唐,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的自点。 我是一名探鬼主播桐罕,決...
    沈念sama閱讀 40,430評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼桂敛!你這毒婦竟也來了功炮?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,342評論 0 276
  • 序言:老撾萬榮一對情侶失蹤术唬,失蹤者是張志新(化名)和其女友劉穎薪伏,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體粗仓,經(jīng)...
    沈念sama閱讀 45,801評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡嫁怀,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,976評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了借浊。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片塘淑。...
    茶點故事閱讀 40,115評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖蚂斤,靈堂內(nèi)的尸體忽然破棺而出存捺,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 35,804評論 5 346
  • 正文 年R本政府宣布捌治,位于F島的核電站岗钩,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏肖油。R本人自食惡果不足惜兼吓,卻給世界環(huán)境...
    茶點故事閱讀 41,458評論 3 331
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望森枪。 院中可真熱鬧视搏,春花似錦、人聲如沸疲恢。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,008評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽显拳。三九已至棚愤,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間杂数,已是汗流浹背宛畦。 一陣腳步聲響...
    開封第一講書人閱讀 33,135評論 1 272
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留揍移,地道東北人次和。 一個月前我還...
    沈念sama閱讀 48,365評論 3 373
  • 正文 我出身青樓,卻偏偏與公主長得像那伐,于是被迫代替她去往敵國和親踏施。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,055評論 2 355

推薦閱讀更多精彩內(nèi)容