日志

android中5大布局

 来源    2016-11-22    1  

  Android布局也可以用HTML5做,但是用户体验性差

  Android布局里XML的属性配置

1. 五种Layout中Item的基础属性:

layout_width & layout_height

layout_margin+方位 & padding+方位

layout_gravity & gravity

Android五种布局都具备上述几个基础属性

a. layout_width & layout_height

作用:设置Layout中组件的宽度和高度

取值: 

a. 固定的像素值

b. “wrap_content” 

相应视图的宽和高就会被设定成所需的最小尺寸以适应视图中的内容


c. “match_parent”(在Android API 8之前叫作”fill_parent”) 

视图的宽和高延伸至充满整个父布局


2. layout_margin+方位/padding+方位

作用:设置放入Layout中的View与Layout的边界或者其他View之间能够相距一段距离

设置:

layout_marginLeft          //paddingLeft
layout_marginTop         //paddingTop
layout_marginRight      //paddingRight
layout_marginBottom   //paddingBottom
layout_margin             //padding


取值:固定值

android:layout_marginLeft="66px"  
//android:paddingLeft=”66px“


paddingLeft与android:layout_marginLeft的区别:

padding和margin都是边距的含义,但二者边距的定义不同: 

padding是控件的内容相对控件的边缘的边距; 

layout_margin是控件边缘相对父控件的边距。

3. layout_gravity / gravity

作用:用来确定View在Layout中的停靠位置

android gravity和layout_gravity区别: 

1. gravity属性:是对该view 内容的位置的设置。 

比如一个button 上面的text. 你可以设置该text 在view的靠左,靠右等位置. 

2. layout_gravity属性:是用来设置该view相对与父view 的位置。 

比如一个button 在Linearlayout里,你可以通过设置该属性把该button放在父布局Linearlayout靠左靠右等位置。

以下是各种Layout的特有属性

一、LinearLayout(线性布局)较常用

   这种布局比较常用,也比较简单,就是每个元素占一行,当然也可能声明为横向排放,也就是每个元素占一列。

     LinearLayout按照垂直或者水平的顺序依次排列子元素,每一个子元素都位于前一个元素之后。

  水平:一个单行N列的结构,如果搭建两行两列的结构,通常的方式是先垂直排列两个元素,每一个元素里再包含一个LinearLayout进行水平排列。

  垂直:一个N行单列的结构,每一行只会有一个元素,而不论这个元素的宽度为多少

 常用属性:

  android:orientation =“vertical”

  ——决定他子类控件的排布方式(vertical:垂直;horizontal:水平)

  android:gravity = “center"

  ——决定他子类的xy的位置

  android:layout_gravity 本元素相对于父元素的重力方向

  android:layout_weight 子元素对未占用空间水平或垂直分配权重值

  eg:当子元素为垂直分布

     android:layout_height="wrap_content":y轴方向根据权重的正比分配

     android:layout_height="match_parent":y轴方向根据权重的反比分配

   当子元素为水平分布

     android:layout_width="wrap_content":x轴方向根据权重的正比分配

     android:layout_width="match_parent":x轴方向根据权重的反比分配

  详细情况可以参考:http://blog.csdn.net/chy800/article/details/46397927
android:layout_gravity 和 android:gravity 的区别

  android:gravity对元素本身起作用-本身元素显示在什么位置

  android:layout_gravity相对与它的父元素-元素显示在父元素的什么位置。

  如:Button控件

    android:layout_gravity 表示button在界面上的位置

    android:gravity表示button上的字在button上的位置。

  可选值[多选时用“|”分开]

    top、bottom、left、right、center_vertical、fill_vertical、center_horizontal、fill_horizontal、center、fill、clip_vertical。

  top 将对象放在其容器的顶部,不改变其大小.

  bottom 将对象放在其容器的底部,不改变其大小.

  left将对象放在其容器的左侧,不改变其大小.

  right将对象放在其容器的右侧,不改变其大小.

  center_vertical 将对象纵向居中,不改变其大小.

  垂直对齐方式:垂直方向上居中对齐。

  fill_vertical 必要的时候增加对象的纵向大小,以完全充满其容器. 垂直方向填充

  center_horizontal 将对象横向居中,不改变其大小水平对齐方式:水平方向上居中对齐

  fill_horizontal 必要的时候增加对象的横向大小,以完全充满其容器. 水平方向填充

  center 将对象横纵居中,不改变其大小.

  fill 必要的时候增加对象的横纵向大小,以完全充满其容器.

  clip_vertical 附加选项,用于按照容器的边来剪切对象的顶部和/或底部的内容. 剪切基于其纵向对齐设置:顶部对齐时,剪切底部;底部对齐时剪切顶部;除此之外剪切顶部和底部.垂直方向裁剪

  clip_horizontal 附加选项,用于按照容器的边来剪切对象的左侧和/或右侧的内容. 剪切基于其横向对齐设置:左侧对齐时,剪切右侧;右侧对齐时剪切左侧;除此之外剪切左侧和右侧.水平方向裁剪

例子

TextView要让文本垂直/水平居中显示,有两种情况需要考虑:

1、layout_width/layout_height为wrap_content,此时要让TextView在父控件上居中显示,必须设置layout_gravity=”center”。

2、layout_width/layout_height为fill_parent,此时由于TextView已占据父窗体所有空间,必须设置gravity=”center”。

  ** 当 android:orientation="vertical" 时, 只有水平方向的设置才起作用,垂直方向的设置不起作用。即:left,right,center_horizontal 是生效的。!!!!

  ** 当 android:orientation="horizontal" 时, 只有垂直方向的设置才起作用,水平方向的设置不起作用。即:top,bottom,center_vertical 是生效的。!!!!

下面是一个例子:

下面是核心代码:


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    ><!--orientation :控制布局水平horizontal和垂直vertical属性 -->
    
    <!-- 上半部分 -->
    <LinearLayout
        android:layout_weight="1"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
         android:orientation="horizontal" 
         >

        <AnalogClock
            android:id="@+id/analogClock1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        
    </LinearLayout>
    
    <!-- 下半部分 -->
    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
         android:orientation="vertical" 
          android:layout_weight="1"
         >
         
        <!-- ♥部分 -->
            <LinearLayout
                   android:layout_width="match_parent"
                   android:layout_height="wrap_content"
                    android:orientation="horizontal" 
             >

                <RatingBar
                    android:id="@+id/ratingBar1"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content" />
                
            </LinearLayout>
            
            
            <LinearLayout
                   android:layout_width="match_parent"
                   android:layout_height="match_parent"
                    android:orientation="horizontal" 
             >
                <TextView
                     android:layout_weight="1"
                     android:layout_width="wrap_content"
                       android:layout_height="match_parent"
                       android:background="@color/blanchedalmond"
                     />
                
                <TextView
                    android:layout_weight="2"
                     android:layout_width="wrap_content"
                       android:layout_height="match_parent"
                       android:background="@drawable/ic_launcher"
                     />
                
                <TextView
                     android:layout_weight="1"
                     android:layout_width="wrap_content"
                       android:layout_height="match_parent"
                       android:background="@color/blanchedalmond"
                     />
            </LinearLayout>
    </LinearLayout>
    
</LinearLayout>

LinearLayout

二、RelativeLayout(相对布局)较常用

  RelativeLayout按照各子元素之间的位置关系完成布局。在此布局中的子元素里与位置相关的属性将生效。例如android:layout_below,  android:layout_above, android:layout_centerVertical等。注意在指定位置关系时,引用的ID必须在引用之前,先被定义,否则将出现异常。

  RelativeLayout用到的一些重要的属性:


  第一类:属性值为true或false
  android:layout_centerHrizontal 水平居中
  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 用矩阵来绘制,动态缩小放大图片来显示。


  ** 要注意一点,Drawable文件夹里面的图片命名是不能大写的

三、FrameLayout(单帧布局)

  在这个布局中,所有的子元素都不能被指定放置的位置,他们统统放于这区域的左上角,并且后面的子元素直接覆盖在前面的子元素之上,将前面的子元素部分和全部遮挡。

  

四、AbsoluteLayout(绝对布局)

   在此布局中的子元素的android:layout_x和android:layout_y属性将生效,用于描述该子元素的坐标位置。屏幕左上角为坐标原点(0,0),第一个0代表横坐标,向右移动此值增大,第二个0代表纵坐标,向下移动,此值增大。在此布局中的子元素可以相互重叠。在实际开发中,通常不采用此布局格式,因为它的界面代码过于刚性,以至于有可能不能很好的适配各种终端。

五、TableLayout(表格布局)

表格布局是一个ViewGroup以表格显示它的子视图(view)元素,即行和列标识一个视图的位置。

表格布局常用的属性如下:

android:collapseColumns:隐藏指定的列
android:shrinkColumns:收缩指定的列以适合屏幕,不会挤出屏幕
android:stretchColumns:尽量把指定的列填充空白部分
android:layout_column:控件放在指定的列
android:layout_span:该控件所跨越的列数

    

相关文章
在Android中采用特定布局的“屏幕截图”
问答我有两个密切相关的主要问题.我从程序化的角度来看这些问题. (1) – 我想截取SPECIFIC布局的内容,即嵌套在LinearLayout中的ScrollView. (2) – 由于ScrollVi ...
在Android中,如何重新布局视图?
问答我向LinearLayout添加了一系列自定义视图.我已经覆盖了这些自定义视图的onMeasure方法,以返回基于某些参数的维度.基于用户输入,我想更改这些参数,以更改视图的大小.如何强制Linear ...
我可以在Android中的不同布局中使用相同的ID吗?
问答我是Android开发的新手.在不同布局XML文件中为图像和TextView使用相同的ID是否可以? 当eclipse自动列出他们为我,它列出所有的布局变量从项目,所以会碰撞?直到现在我没有注意到在不 ...
1
错误java.lang.IndexOutOfBoundsException:索引0无效,我的程序android中的大小为0
问答我开始在android中开发,我尝试修改Snake代码,包括调用浏览器来显示网页,当我执行我的应用程序时它显示在brwser中的页面,但问题是当我回到蛇应用程序时它显示应用程序意外停止的消息,logC ...
c# – 不能在SlidingUpPanelLayout Xamarin Android中使用ScrollView布局
问答我在我的代码中使用了这个库.基本上我在SlidingUp面板布局上有一个ScrollView.代码如下: <cheesebaron.slidinguppanel.SlidingUpPanelLa ...
Android中的XML布局自定义视图
问答我有一个ListAdapter,它有很多不同的行布局.要拥有一个干净的代码,我想从View类中的适配器的getView()外包行的布局.是否可以将XML布局扩展到自定义视图?我只找到了LayoutIn ...
2
Android中的简单布局阴影
问答所以我一直在搜索一个方法来显示布局的一个简单的阴影,但没有正确的方法来做到这一点. 所有我发现的是一种解决方法,您可以在其中创建一个您需要应用阴影的布局,然后调整它是透明的和其他一些东西. 有没有任何 ...
如何在Android中设置线性布局的页眉和页脚
问答有谁能告诉我如何设置一个固定的页眉和页脚相对布局和中心点?当我想要滚动中心点时,我想添加滚动和动态添加webview数组,只能在Android中滚动.有人可以举个例子吗? 我试过,但中心部分webvi ...
如何在android中的相对布局底部锚定一个按钮
问答我是android的布局结构的新手,我的任务是构建一个底部有一个按钮的活动(也是居中的水平),在按钮底部和可见底部之间有一点点填充屏幕. 挑战在于如何在相对布局中执行此操作,并使其无论屏幕大小如何都锚 ...
1
java – 为什么XML用于在Android中创建UI布局?
问答我想知道为什么我们使用XML来创建Android中的用户界面布局.我知道它将商业逻辑与设计分离开来,除了XML之外,XML的意义是什么? 此外,我想知道自动生成的R.java文件在这方面的意义.所有我 ...
如何在Android中创建幻灯片布局动画?
问答嗨,我想在"我的活动"中创建幻灯片动画,如图像中所示. 当我单击"更多"按钮时,橙色布局应该像白色布局上的滑块一样出现,当我单击"减少"按钮 ...
在Android中调试CSS布局错误
问答我们有一个现有的网站,我被要求测试它与移动浏览器的兼容性. 我已经将Android SDK安装到我的台式机上.我可以在模拟器中查看我的localhost网站,我已经确定了在浏览器中出现的页面布局中的一 ...
如何在Android中使用线性布局拆分三列
问答任何人都可以告诉我如何在Android中使用线性布局拆分三列?::http://developer.android.com/resources/tutorials/views/index.html 看 ...
如何动态地合并android中的表格布局中的一个单元格中的行?
问答如何使用表格布局在Android中获得以下功能. 正如在图像中看到的那样,我需要合并第5行 – 第1列和第6行 – 第1列中的两个单元格,我必须在那里替换一个图像.我怎样才能做到这一点?感谢您的回答. ...
1
在android中以线性布局将元素放置在右侧
问答我想将图像放在视图的右侧.为此,我正在使用类似的东西 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res ...
在Android中发布大文件
问答在Android中发布大文件时,有时会出现OutOfMemoryError.这是我正在使用的代码.难道我做错了什么? HttpURLConnection con = (HttpURLConnectio ...
1
如何在Android中动态设置布局参数?
问答我有这些动态生成的文本字段.但我似乎无法为他们设置布局参数.请告诉我我做错了什么 我可以生成没有布局参数的字段.但是,如果我使用LayoutParams,甚至不会生成. 码: TableLayout ...
java – 如何在android中动态设置布局
问答那么,假设有一个叫做MainActivity的Activity,有两个layout1和layout2的布局都有很少的按钮. MainActivity布局默认为layout1,如下所示: public ...
如何在android中实现卡片布局
问答我需要一些简单的例子来了解卡片布局的信息.我没有得到任何例子. 请帮我 谢谢::除了已经建议的库之外,还有一个由Google创建的官方CardView,它是android.support.v7.wid ...
Android中的可滚动布局
问答我在LinearLayout中有一个注册表单,如下所示: 当模拟器屏幕在它的默认位置,它工作正常.但是当我旋转模拟器屏幕,它只显示适合屏幕的元素,剩下的是包装.如下图所示: 现在我想让这个布局可滚动, ...
1