android 常用布局LinearLayout以及RelativeLayout介绍

来源:互联网 发布:俄航中转莫斯科 知乎 编辑:程序博客网 时间:2024/05/17 01:03

一、LinearLayout

    LinearLayout 最主要属性就是orientation、layout_weight、gravity、layout_gravity。

orientation这个主要啦,可以是horizontal,即使水平方向,vertical,垂直方向,没有指明默认是horizontal


gravity指的是控件的内容相对于控件本身重心位置,有centen,left、right等等的。


layout_gravity指的是控件本身相对父控件的重心了,也就是在父view什么位置,这个要和gravity区分开来,参数也是上面几个。


layout_weight应该是最重要的一个知识点了,它的意思就是权重,就是所占比例有多少。这个属性有没有效果设置的方向如果是垂直的,那么父控件的layout_height一定得是match_parent或者fill_parent,同样方向如果是水平的,那么父控件的layout_width一定得是match_parent或者fill_parent。否则,父控件是把子控件全部默认是一样权重的。

先看水平的,关键点父控件的layout_width一定得是match_parent或者fill_parent,子控件的layout_width默认是0dp.

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="fill_parent"    android:layout_height="wrap_content"    android:orientation="horizontal" >    <Button        android:id="@+id/one"        android:layout_width="0dp"        android:layout_height="match_parent"        android:layout_weight="3"        android:background="#ffffdd"        android:text="权重为1" />    <Button        android:id="@+id/two"        android:layout_width="0dp"        android:layout_height="match_parent"        android:layout_weight="5"        android:background="#cccccc"        android:gravity="center"        android:text="权重为3" /></LinearLayout>

效果如图:



垂直方向的,关键点父控件的layout_height一定得是match_parent或者fill_parent,子控件的layout_height默认是0dp.

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"    android:layout_width="wrap_content"    android:layout_height="match_parent"    android:orientation="vertical" >    <Button        android:id="@+id/one"        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="1"        android:background="#ffffdd"        android:text="权重为1" />    <Button        android:id="@+id/two"        android:layout_width="match_parent"        android:layout_height="0dp"        android:layout_weight="3"        android:background="#cccccc"        android:gravity="center"        android:text="权重为3" /></LinearLayout>
效果


如果父控件的layout_height或者layout_width都设置为wrap_content,那么就没有效果了

就会出现以上两种情况



所以要注意根据方向设置父控件的宽高



一、RelativeLayout

    允许子元素指定他们相对于其它元素或父元素的位置(通过ID指定)。因此,你可以以右对齐,或上下,或置于屏幕中央的形式来排列两个元素。元素按顺序排列,因此如果第一个元素在屏幕的中央,那么相对于这个元素的其它元素将以屏幕中央的相对位置来排列。如果使用XML来指定这个layout,在你定义它之前,被关联的元素必须定义,也就是需要先指定好id.前面三类比较重要,特别是前2类。

第一类:属性值为true或false 
    android:layout_centerHorizontal  水平居中 
     android:layout_centerVertical   垂直居中 
    android:layout_centerInparent    相对于父元素完全居中 
    android:layout_alignParentBottom 贴紧父元素的下边缘 
    android:layout_alignParentLeft   贴紧父元素的左边缘 
    android:layout_alignParentRight  贴紧父元素的右边缘 
    android:layout_alignParentTop    贴紧父元素的上边缘 
    android:layout_alignWithParentIfMissing  如果对应的兄弟元素找不到的话就以父元素做参照物 


    第二类:属性值必须为id的引用名“@id/id-name” 
    android:layout_below      在某元素的下方 
    android:layout_above      在某元素的的上方 
    android:layout_toLeftOf   在某元素的左边 
    android:layout_toRightOf  在某元素的右边 


    android:layout_alignTop   本元素的上边缘和某元素的的上边缘对齐 
    android:layout_alignLeft  本元素的左边缘和某元素的的左边缘对齐 
    android:layout_alignBottom 本元素的下边缘和某元素的的下边缘对齐 
    android:layout_alignRight  本元素的右边缘和某元素的的右边缘对齐 


    第三类:属性值为具体的像素值,如30dip,40px 
    android:layout_marginBottom              离某元素底边缘的距离 
    android:layout_marginLeft                   离某元素左边缘的距离 
    android:layout_marginRight                 离某元素右边缘的距离 
    android:layout_marginTop                   离某元素上边缘的距离 




EditText的android:hint 


设置EditText为空时输入框内的提示信息。 


android:gravity  
android:gravity属性是对该view 内容的限定.比如一个button 上面的text.  你可以设置该text 在view的靠左,靠右等位置.以button为例,android:gravity="right"则button上面的文字靠右 


android:layout_gravity 
android:layout_gravity是用来设置该view相对与起父view 的位置.比如一个button 在linearlayout里,你想把该button放在靠左、靠右等位置就可以通过该属性设置.以button为例,android:layout_gravity="right"则button靠右 


android:layout_alignParentRight 
使当前控件的右端和父控件的右端对齐。这里属性值只能为true或false,默认false。 


android:scaleType: 
android:scaleType是控制图片如何resized/moved来匹对ImageView的size。ImageView.ScaleType / android:scaleType值的意义区别: 


CENTER /center  按图片的原来size居中显示,当图片长/宽超过View的长/宽,则截取图片的居中部分显示 


CENTER_CROP / centerCrop  按比例扩大图片的size居中显示,使得图片长(宽)等于或大于View的长(宽) 


CENTER_INSIDE / centerInside  将图片的内容完整居中显示,通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽 


FIT_CENTER / fitCenter  把图片按比例扩大/缩小到View的宽度,居中显示 


FIT_END / fitEnd   把图片按比例扩大/缩小到View的宽度,显示在View的下部分位置 


FIT_START / fitStart  把图片按比例扩大/缩小到View的宽度,显示在View的上部分位置 


FIT_XY / fitXY  把图片不按比例扩大/缩小到View的大小显示 


MATRIX / matrix 用矩阵来绘制,动态缩小放大图片来显示。 












0 0
原创粉丝点击