鸿蒙应用开发--激动的第一个页面

约定不等于承诺〃 2022-12-15 11:07 190阅读 0赞

# 下载鸿蒙应用开发工具 #

[下载DevEco Studio][DevEco Studio]

下载后双击安装

# 新建项目 #

DevEco Studio新建项目的流程和android的差不多，也是在idea的基础上开发的ide。

这里创建一个“Wearable"类型，语言为java的项目。

代码编译、依赖管理也是用的gradle。  
目录结构和android略有不同，如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hndzEwMTA_size_16_color_FFFFFF_t_70_pic_center]  
下面开发过程中会创建一些相关的目录。

# XML编写页面 #

1.  在“Project”窗口，打开“entry > src > main > resources > base”，右键点击“base”文件夹，选择“New > Directory”，命名为“layout”。  
    ![在这里插入图片描述][20201018155921557.png_pic_center]
2.  右键点击“layout”文件夹，选择“New > File”，命名为“main\_layout.xml”。  
    ![在这里插入图片描述][20201018155935683.png_pic_center]  
    在“layout”文件夹下可以看到新增了“main\_layout.xml”文件。
3.  打开“main\_layout.xml”文件，添加一个文本和一个按钮，示例代码如下：

<?xml version="1.0" encoding="utf-8"?>
    <DependentLayout xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:width="match_parent" ohos:height="match_parent" ohos:background_element="#000000">
        <Text ohos:id="$+id:text" ohos:width="match_content" ohos:height="match_content" ohos:center_in_parent="true" ohos:text="Hello World" ohos:text_color="white" ohos:text_size="32fp"/>
        <Button ohos:id="$+id:button" ohos:width="match_content" ohos:height="match_content" ohos:text_size="19fp" ohos:text="Next" ohos:top_padding="8vp" ohos:bottom_padding="8vp" ohos:right_padding="80vp" ohos:left_padding="80vp" ohos:text_color="white" ohos:background_element="$graphic:button_element" ohos:center_in_parent="true" ohos:align_parent_bottom="true"/>
    </DependentLayout>

1.  上述按钮的背景是通过“button\_element”来显示的，需要在“base”目录下创建“graphic”文件夹，在“graphic”文件夹中新建一个“button\_element.xml”文件。  
    ![在这里插入图片描述][20201018160041196.png_pic_center]  
    “button\_element.xml”的示例代码如下（如果DevEco Studio提示xmlns字段错误，请忽略，不影响后续操作）：

<?xml version="1.0" encoding="utf-8"?>
    <shape xmlns:ohos="http://schemas.huawei.com/res/ohos" ohos:shape="oval">
        <solid ohos:color="#007DFF"/>
    </shape>

# 加载XML布局 #

1.  在“Project”窗口，选择“entry > src > main > java > com.example.helloworld > slice” ，打开“MainAbilitySlice.java”文件。
2.  重写onStart()方法加载XML布局，示例代码如下（如果DevEco Studio提示Layout\_main\_layout错误，不影响后续操作，运行应用后即可消除）：

package com.example.myapplication.slice;
     
    import com.example.myapplication.ResourceTable;
    import ohos.aafwk.ability.AbilitySlice;
    import ohos.aafwk.content.Intent;
     
    public class MainAbilitySlice extends AbilitySlice { 
     
        @Override
        public void onStart(Intent intent) { 
            super.onStart(intent);
            super.setUIContent(ResourceTable.Layout_main_layout); // 加载XML布局
        }
     
        @Override
        public void onActive() { 
            super.onActive();
        }
     
        @Override
        public void onForeground(Intent intent) { 
            super.onForeground(intent);
        }
    }

# 运行应用 #

可以在模拟器中运行开发的应用。  
在“Tools"->"HVD Manager"中创建模拟器。  
第一次需要在弹出的网页中注册华为开发者账号，并完成实名认证，免费哦。  
运行效果如下：  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hndzEwMTA_size_16_color_FFFFFF_t_70_pic_center 1]  
我们自己国家的系统和生态，是不是有点小激动。

# 总结 #

上面是参考华为官方文档实现的一个例子程序。[源码下载][Link 1]  
和android开发还是有很多类似的地方，相信android开发者会很快上手。  
后面再对各个细节进行学习。

[DevEco Studio]: https://developer.harmonyos.com/cn/develop/deveco-studio#download
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hndzEwMTA_size_16_color_FFFFFF_t_70_pic_center]: /images/20221123/124819696edf46f69fcf5e226b77fb22.png
[20201018155921557.png_pic_center]: /images/20221123/dfb5767ac2854e05abeaa16f73ce4ef9.png
[20201018155935683.png_pic_center]: /images/20221123/24cdb5b2ea82496089f6aa7cd8975862.png
[20201018160041196.png_pic_center]: /images/20221123/3f3f46022bbb4a0ab250d2737f02ccfe.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3hndzEwMTA_size_16_color_FFFFFF_t_70_pic_center 1]: /images/20221123/da757444c762416d9d486500fe719c86.png
[Link 1]: https://download.csdn.net/download/xgw1010/12958361