当前位置:   article > 正文

右边自适应 左右布局_从零开始开发HarmonyOS鸿蒙应用——2020HDC开发者大会特性之:布局自适应...

ohos鸿蒙系统位置居右设置

创建应用工程

使用 DevEco Studio 创建应用工程,在菜单栏打开“File>New>New Project”,在弹出的对话框中选择java工程模板:

a44e7178ce6ab8c77ba2bab08c76441f.png

选择好模板之后点击“Next”,在下一个界面中指定“Project Name”和“Package Name”,然后点击“Finish”即可建立工程,SDK选择API Version 3。

在“Project”窗口,打开“entry > src > main > resources > base”,右键点击“base”文件夹,选择“New > Directory”,命名为“layout”。

右键点击“layout”文件夹,选择“New > File”命名为“main_layout.xml”。

在“layout”文件夹下可以看到新增了“main_layout.xml”文件:

fdb3afa77ad61513d17db145fecbe9ac.png

编写自适应布局

在Java UI框架中,我们采用XML方式生命UI布局,这一点与代码中创建布局一样。本次主要是基于AdaptiveBoxLayout新的布局样式,它可以将布局在横竖屏设备上进行自适应分布排列。打开“main_layout.xml”文件,添加示例代码如下:

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <DirectionalLayout xmlns:ohos="http://schemas.huawei.com/res/ohos"
  3. ohos:id="$+id:play_music_root"
  4. ohos:width="match_parent"
  5. ohos:height="match_parent"
  6. ohos:left_padding="24vp"
  7. ohos:right_padding="24vp"
  8. ohos:orientation="vertical">
  9. <Text
  10. ohos:text_size="30vp"
  11. ohos:text_color="#FF000000"
  12. ohos:text="图库"
  13. ohos:top_margin="20vp"
  14. ohos:layout_alignment="left"
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Gausst松鼠会/article/detail/270641
推荐阅读
相关标签
  

闽ICP备14008679号