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。我们在Project内新建一个新Module，我在此命名为DependLayout。

其次，在ability_main.xml界面，设置一个相对布局<DependentLayout/>，其中属性与线性布局相似，图像通过<Image/>调用，对中心图像进行取id即ohos:id=“$+id:要取的id”，方便进行相对布局设置，center_in_parent代表图像在界面中心位置，margin="xxvp"表示其他图像与中心图像的距离是xx，最核心的是通过image_src调用中心图像。

第三，设置其他图像的位置，其水平或垂直位置分别用horizontal/vertical_center表示，上下左右分别用above,below,left_of,right_of表示，注意："$+id:“是声明id，而”$id"是调用id。

最后，将提前找好的图片Copy到media文件夹中，注意名称一定不能重复，因为media只认.png，名称重复会报错。运行预览器，得到以下效果。

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

如果对开发组件有疑问，可以查看官方API进行学习……
API指南：https://developer.harmonyos.com/cn/docs/documentation/doc-references-V3/syscap-0000001408089368-V3?catalogVersion=V3
入门指南：https://developer.harmonyos.com/cn/docs/documentation/doc-guides-V3/start-overview-0000001478061421-V3?catalogVersion=V3

期待与各位的学习交流！