deveco studio编写页面 精华

deveco studio·工具的hello world

文件下载：

首先我们需要一个deveo studio工具，下载地址：https://developer.harmonyos.com/cn/develop/deveco-studio
里面包含了harmonyOS JDK
下载完成后根据指示安装。
打开开始页进行创建工程：
然后选择一个设备：

输入信息：

上述步骤完成后会自动配置，然后进入页面点右上角运行按钮，出现下图样式表示没问题不用设置gradle代理。
完成上述后我们准备编写前工作：
首先对于跟我一样的初学者来讲，不知道怎么写，我们看下图：

entry（应用主模块）：

base目录下的资源文件解释：

element：
boolean，布尔型
color，颜色
float，浮点型
intarray，整型数组
integer，整型
pattern，样式
plural，复数形式
strarray，字符串数组
string，字符串
文件以名词定义为JSON格式
media：
图片，音频。视频。
animation：
动画资源，XML文件格式
layout：
布局资源，XML文件格式
graphic：
绘制资源，XML文件格式
profile：
其他类型文件，文件名自定义
rawfile:
自定义文件，自由放置各类文件

创建文件·layout

命名为layout
在layout下创建一个文件命名为“main_layout.xml”



因为我已经创建过，所以下面有那个报错，不要在意，
创建好后更改里面代码，换成下面这些：

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

背景，里面的值通过引用“button_element”来显示的，你可能会奇怪，为什么要加一个element，单独用background不行吗？你别忘了，开发语言是支持JS的，所以你知道为啥有一个element了吗？
可以看到它引用graphic下面的button_element，没有就来创建一个，需要在“base”目录下创建“graphic”文件夹，在“graphic”文件夹中新建一个“button_element.xml”文件。
代码如下：

<shape
        xmlns:ohos="http://schemas.huawei.com/res/ohos"
        ohos:shape="oval">
    <solid
            ohos:color="#007DFF"/>
</shape>

布局写好之后我们打开MainAbilitySlice.java文件
更改里面的onStart方法，因为我们一开始运行项目就会有一个Hello World！但是之前里面没有布局啊，所以默认的项目是在代码中创建布局的，所以我们在 super.onStart(intent);下面添加一个
super.setUIContent(ResourceTable.Layout_main_layout);
添加好我们刚才创建的布局。然后运行到远程模拟器上面，这个确实也比较烦就是需要登录才能行。运行出来的效果如下：

运行在菜单栏的Tools> HVD Manager>登录账号，选择phone
运行出的模拟器是手机桌面，不要着急我们看侧面的Previewer,点击运行：
就可以看到运行出来了。