鸿蒙OS应用开发之——页面布局DirectionalLayout

color_cyan_element

<?xml version="1.0" encoding="utf-8" ?>

<shape xmlns:ohos=“http://schemas.huawei.com/res/ohos”

ohos:shape=“rectangle”>

多设备预览(deviceType设置多个设备时)

“deviceType”: [

“tablet”,“phone”

],

三 DirectionalLayout排列

---

3.1 垂直排列

效果图

代码文件

布局文件

<?xml version="1.0" encoding="utf-8"?>

<DirectionalLayout

xmlns:ohos=“http://schemas.huawei.com/res/ohos”

ohos:width=“match_parent”

ohos:height=“match_content”

ohos:orientation=“vertical”>

<Button

ohos:width=“33vp”

ohos:height=“20vp”

ohos:bottom_margin=“3vp”

ohos:left_margin=“13vp”

ohos:background_element=“$graphic:color_cyan_element”

ohos:text=“Button 1”/>

<Button

ohos:width=“3