HarmonyOS学习记录|JavaUI线性布局 原创

本代码地实现都是基于Huawei DevEco Studio程序，目前IDE已经更新到3.1 Beta1版本，而Java是旧版本的开发语言，在新版本已经被弃用，要想用Java进行程序开发的话，应在主页配置的设置里SDKs页面下载API7以下版本的SDK，本文章是基于API7写成的。

IDE官方下载网站：https://developer.harmonyos.com/

此次进行的线性布局设计是在一个页面内，将页面线性分成三个部分，并用不同的颜色进行填充。

首先，我们在应用首页建一个新项目，即HarmonyOS下的Empty Ability，点击Next。

其次，我们为Project赋名（根据个人喜好即可），Compile SDK选择3.0.0（API7），Language选择Java，完成后点击Finish。

第三，我们在项目的名称处点右键，新建一个模块（Module），依旧是选择Empty Ability，开发语言选择Java，我对此Module命名为DirectionDemo1。

第四，我们先对DirectionDemo1下主要的文件有个认识，实现线性布局主要进行在DirectionDemo1/src/main/里，main中有java和resources两个文件（由于笔者能力有限，仅阐述个人对部分文件的认知），resources下的base文件中有四个文件，分别是element对应的元素（可用于实现Text等的输出），graphic对应的图像（可用于对界面的背景设置），layout对应的布局（可以实现线性布局和相对布局等），media对应的媒介（可用于插入一些图片等）。

我们首先删除element/string.json中自带的初始化Hellow World输出，并在layout/ability_main.xml下进行布局设计，<DirectionalLayout/>是实现线性布局的执行代码，而三个小的线性布局是在一个大的线性布局下实现的，height对应高度，width对应宽度，orientation对应方向，而在height和width又有match_parent（与父容器相比配）和match_content（自适应），而orientation中又有vertical（垂直）和horizontal（水平）两种。

然后分别对三个小的线性布局进行细节化处理，其中weight对应权重比例，三者都是“1”，说明三个线性布局将页面三等分，我们可以根据调成三个权重的大小，进行对应的比例划分。

最后是对页面背景进行设置，利用background_element指令，用$调用指定文件，而设置背景则调用的是graphic中的文件。

第五，我们需要对background进行修改，只需修改颜色代码即可，最简单的修改方式就是选择ohos:color左端对应的颜色方块，选择自己想要的颜色。

新建background.xml文件只需对background_ability_main.xml进行Ctrl+C和Ctrl+V即可。

最后，我们回到layout下的ability_main.xml界面，打开预览器就可以得到最后的效果，完成简单的线性布局设计。

由于笔者能力有限，可能存在很多问题与不足，敬请各位前辈指正指导！1.