Android学习笔记:UI组件——相对布局

相对布局RelativeLayout

 

#常用属性如下:

Android学习笔记:UI组件——相对布局_第1张图片

分别是在左边、在右边、底部对齐,和父控件底部对齐、在某个控件的下面

这些都是相对布局特有的属性。

#关于alignParentBottom:

 该属性顾名思义就是,对齐与父元素的底部,

 定义一个小黑框,并让他alignParentBottom的value为true,

Android学习笔记:UI组件——相对布局_第2张图片

 那么效果就是

Android学习笔记:UI组件——相对布局_第3张图片

这样,小黑块默认出现在底部的左边,若想出现在右边,我们可以利用下面这个属性?

 

#关于对齐父元素右边——layout_alignParentRight

还是使用上面的小黑块,我们添加layout_alignParentRight属性为ture,

Android学习笔记:UI组件——相对布局_第4张图片

如下,这个小黑块就到了父元素的底部的右边,当然如果取出上面那句对齐

父元素底部的属性的话,那就是在父元素上面的右边了。

Android学习笔记:UI组件——相对布局_第5张图片

#关于:放置元素于XX元素上下左右的属性——

              layout_toRightOf\layout_below

这个属性等号后面是空间的id,属性的意思是,把当前控件放置在XX(后面跟随的id的控件)的

控件的右边。比如这样。

Android学习笔记:UI组件——相对布局_第6张图片

我想把id为View_2放在View_1的右边。那么就照着上面这么一通操作(逃

于是。小蓝块就到了小黑块的右边。如下,一家人被安排的整整齐齐。

Android学习笔记:UI组件——相对布局_第7张图片

那么,我想放在小黑的下面也应该有对应的方法吧?那就是 layout_below。

使用方法也是一样,在当前控件下写这个属性,后面跟着相对应的元素的id:XX,那么当前控件就放在了XX的下面

Android学习笔记:UI组件——相对布局_第8张图片

#练习代码:



    
    
    

    
    
    
    
    
    
        
        
        
            

            
            
            
        
    

#实现目标效果:

Android学习笔记:UI组件——相对布局_第9张图片

总结:

相对布局通过相对定位的方式,灵活的让控件出现在布局的任何位置,通过 layout_toRightOf、

layout_below、toLeftof......属性,配合padding和margin,我们 可以摆出想要的布局。是一个十分

常用的布局方式。?

 

 

你可能感兴趣的:(Android开发)