HarmonyOS入门|JavaUI相对布局

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

IDE官方下载网站：HarmonyOS应用开发官网 - 华为HarmonyOS打造全场景新服务

此次进行相对布局的设计，在界面内设计成一个具有相对性的布局。

首先，和设计线性布局一样，我们在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，名称重复会报错。运行预览器，得到以下效果。