鴻蒙(HarmonyOS)開發筆記二:使用DevEco Studio建立一個專案
,在對harmonyOS有了一個初步認知之後,我們使用DevEcoStudio來建立一個專案,把專案執行起來,先從整體上來了解一下harmonyOS專案的整體結構以及開發工具的基本使用。
1.使用DevEco Studio建立專案
1.1配置開發環境
在開發之前我們需要做一些準備工作
- 成為開發者之前,我們需要先註冊賬號,並實名(使用遠端模擬器需要),實名分為“個人實名”和“企業實名”。個人開發者做個人實名人證即可。註冊地址:https://developer.harmonyos.com/cn/home,該頁面右上角點選註冊,完成實名即可。
- 下載開發工具,下載地址:https://developer.harmonyos.com/cn/develop/deveco-studio,DevEco Studio內建了OpenJDK,版本為1.8
- 下載nodejs,如果你是使用js的方式進行開發,需要下載nodejs,如果你僅用Java開發,可以先不裝nodejs
在實名完成並且下載了開發工具後,安裝DevEco Studio,一路next即可。完成安裝先不要開啟。由於harmonyOS的應用基於gradle進行構建,因此請自行下載gradle並配置環境變數。
1.2下載SDK
配置完成後,開啟DevEco Studio,會提示下載harmonySDK,如下圖:
如果不需要更改SDK的路徑,直接Next即可。如果想更改SDK的路徑點選Cancel,點選Cancel後自己配置SDK路徑的方式如下:
- 在選單欄點選Configure > Settings(Mac系統為Configure > Preferences,快捷鍵Command+,),開啟Settings配置介面。
- 進入Appearance & Behavior > System Settings > HarmonyOS SDK選單介面,點選Edit按鈕,設定HarmonyOS SDK儲存路徑。
紅框中的地址選擇你想要儲存SDK的路徑,下邊的SDK Platforms列出了可用的SDK版本,可以根據需要下載。其中native通常是用來寫C++或者裝置開發需要的,js和Java則對應了應用開發的兩種形式,如果你使用Java開發,可以只下載Java的,使用js開發同理。也可以兩個都安裝。選擇完點選Apply,然後OK即可,入下圖:
2.使用工具建立一個應用
環境和工具配置好後,就可以建立一個專案了。先建立一個專案,從整體上了解一下harmonyOS應用的整體框架。我們在一個佈局裡放置一個文字框顯示一個數字,再新增一個按鈕,每次點選按鈕讓文字框中的數字加1。通過這樣一個小程式簡單來演示工具的使用和專案的基本框架
2.1新建專案
工具選單:File -->New-->New Project進行專案建立,會彈出如下的視窗:
新建專案的截圖中整體可分為兩塊,其中Device表示目前支援的裝置。裝置列表中從左到右依次為:手機,平板,車機,智慧屏,穿戴裝置,輕型穿戴裝置
下邊是新建專案時的模板選擇,因為我使用Java來開發,所以選擇第二個(Empty Feature Ability Java),點選Next進入下個頁面,如圖:
配置專案名,包名,使用的sdk版本以及專案的儲存路徑後,點選完成即可,建立完成後專案會自動構建。構建成功後項目整體結構如下:
先完成我們的功能,後續再瞭解目錄及其作用。首先開啟resources--base--layout目錄下工具為我們自動生成的佈局檔案,然後點選工具右側的預覽,如下圖:
這是工具提供的一個預覽器,當我們寫xml佈局的時候可以近乎實時的看到我們寫的程式碼的效果。之後在ability_main.xml檔案中寫如下程式碼:
1 <?xml version="1.0" encoding="utf-8"?> 2 <DirectionalLayout 3 xmlns:ohos="http://schemas.huawei.com/res/ohos" 4 ohos:height="match_parent" 5 ohos:width="match_parent" 6 ohos:orientation="vertical"> 7 8 <Text 9 ohos:id="$+id:text" 10 ohos:height="match_content" 11 ohos:width="match_content" 12 ohos:layout_alignment="horizontal_center" 13 ohos:text="1" 14 ohos:text_size="30fp" 15 /> 16 <Button 17 ohos:height="match_content" 18 ohos:width="match_content" 19 ohos:text_size="18fp" 20 ohos:layout_alignment="horizontal_center" 21 ohos:background_element="$graphic:green_circle_button_element" 22 ohos:text_color="blue" 23 ohos:padding="15vp" 24 ohos:text="點選加一"/> 25 26 </DirectionalLayout>
此時在預覽器中看到的效果如下:
接下來實現點選加一的功能,開啟專案自動建立的MainAbilitySlice檔案,寫入以下程式碼:
package com.example.demo.slice; import com.example.demo.ResourceTable; import ohos.aafwk.ability.AbilitySlice; import ohos.aafwk.content.Intent; import ohos.agp.components.Button; import ohos.agp.components.Component; import ohos.agp.components.Text; import ohos.agp.window.dialog.ToastDialog; public class MainAbilitySlice extends AbilitySlice { private int count = 1; @Override public void onStart(Intent intent) { super.onStart(intent); super.setUIContent(ResourceTable.Layout_ability_main); Text text = (Text) findComponentById(ResourceTable.Id_text); Button button = (Button) findComponentById(ResourceTable.Id_btn_add); button.setClickedListener(new Component.ClickedListener() { @Override public void onClick(Component component) { count++; text.setText(count + ""); } }); } @Override public void onActive() { super.onActive(); } @Override public void onForeground(Intent intent) { super.onForeground(intent); } }
到此為止,功能已經開發完畢,點選工具上方選單欄的Tools下邊的HVDManager,彈出如下選單:
這裡需要登陸你註冊的華為賬號並且授權,點選允許,跳到網頁授權,授權完成後,會彈出下面的介面:
這裡可以選擇對應的遠端裝置,因為我們建立專案時選的手機型別的專案,因此這裡選P40,點選後邊的藍色箭頭,之後在工具右側的預覽區會變成你選擇的P40手機
之後點選工具右上方的按鈕啟動專案:
選擇你要連結的遠端機器:
圖中的AN00就是我們剛才選擇的P40遠端機器。之後工具會把你的專案安裝到遠端機器並執行起來
下圖是我點選兩次按鈕後的效果:
下一篇會對本節我們建立的專案結構以及專案中的基本配置進行說明。讓我們可以根據需要自己去修改一些配置,做一些定製