创新互联鸿蒙OS教程:鸿蒙OSDependentLayout

DependentLayout 是 Java UI 系统里的一种常见布局。与 DirectionalLayout 相比,拥有更多的排布方式,每个组件可以指定相对于其他同级元素的位置,或者指定相对于父组件的位置。

创新互联2013年开创至今,先为扎赉特等服务建站,扎赉特等地企业,进行企业商务咨询服务。为扎赉特企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。

图1 DependentLayout 示意图

排列方式

DependentLayout 的排列方式是相对于其他同级组件或者父组件的位置进行布局。

  • 相对于同级组件

相对于同级组件的位置布局见[表1]。

位置布局 描述
above 处于同级组件的上侧。
below 处于同级组件的下侧。
start_of 处于同级组件的起始侧。
end_of 处于同级组件的结束侧。
left_of 处于同级组件的左侧。
right_of 处于同级组件的右侧。

end_of:

  
  
      
      
  

color_light_gray_element.xml:

  
  
      
  

color_cyan_element.xml:

  
  
      
  

below:

  
  
      
      
  

color_light_gray_element.xml:

  
  
      
  

color_cyan_element.xml:

  
  
      
  

其他的 above、start_of、left_of、right_of 等参数可分别实现类似的布局。

  • 相对于父组件

相对于父组件的位置布局见[表2]。

位置布局 描述
align_parent_left 处于父组件的左侧。
align_parent_right 处于父组件的右侧。
align_parent_start 处于父组件的起始侧。
align_parent_end 处于父组件的结束侧。
align_parent_top 处于父组件的上侧。
align_parent_bottom 处于父组件的下侧。
center_in_parent 处于父组件的中间。

以上位置布局可以组合,形成处于左上角、左下角、右上角、右下角的布局。

  
  
      
      
      
      
  

color_background_gray_element.xml:

  
  
      
  

color_cyan_element.xml:

  
  
      
  

场景示例

使用 DependentLayout 可以轻松实现内容丰富的布局。



    
    
    
    

color_background_gray_element.xml:



    

color_gray_element.xml:



    

网站标题:创新互联鸿蒙OS教程:鸿蒙OSDependentLayout
网站网址:http://www.csdahua.cn/qtweb/news6/522306.html

网站建设、网络推广公司-快上网,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 快上网