Layout基本属性总结

在Android中,共有五种布局方式,分别是:FrameLayout(框架布局),LinearLayout (线性布局),GridLayout(网格布局),RelativeLayout(相对布局),TableLayout(表格布局),{AbsoluteLayout(绝对布局)现很少使用}。

一、Layout公共属性

第一类:属性值为true或false ( 仅RelativeLayout中有效)

    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” (仅RelativeLayout有效)

    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                   离某元素上边缘的距离

二、五种布局

(1)LinearLayout

简介:

LinearLayout是线性布局控件,它包含的子控件将以横向或竖向的方式排列(通过android:orientation属性来控制),按照相对位置来排列所有的widgets或者其他的containers,超过边界时,某些控件将缺失或消失。因此一个垂直列表的每一行只会有一个widget或者是container,而不管他们有多宽,而一个水平列表将会只有一个行高(高度为最高子控件的高度加上边框高度)。LinearLayout保持其所包含的widget或者是container之间的间隔以及互相对齐(相对一个控件的右对齐、中间对齐或者左对齐)。

 部分属性:

android:layout_gravity  说明元素显示在父元素的什么位置

android:gravity 说明元素相对于本身的位置,即是里面的文本相对于本身的位置。(如不设置,默认是在左侧)

{

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

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 线下布局以列或行来显示内部的子元素

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

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

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

LinearLayout设置屏幕分割线方法:http://blog.csdn.net/mypanlong/article/details/42424271

(2)RelativeLayout

简介:

相对布局容器内子组件的位置总是相对于兄弟组件、父容器来确定的。RelativeLayout提供了一个内部类RelativeLayout.LayoutParams,该类提供了大量的XML属性来控制RelativeLayput布局容器中

子组件的布局分布。

属性:

android:paddingleft(paddingright/paddingtop/paddingbottom):控件内部内容(如文本距离该控件的边距);

android:paddingstart(paddingend):左右对齐时使用。左对齐时:paddingstart对应paddingleft;paddingend对应paddingright;右对齐时则刚好相反;

android:layout_margin:该控件距离父控件的边距;(layout_marginleft/layout_marginright/layout_margintop/layout_marginbottom

android:gravity:设置容器中的内容的位置,默认为靠左;

android:layout_gravity:设置容器中内容相对于容器的位置(无法在relativelayout中使用);

还有属性见一、公共属性。

(3)TableLayout

简介

Tablelayout类以行和列的形式对控件进行管理,每一行为一个TableRow对象,或一个View控件。

当为TableRow对象时,可在TableRow下添加子控件,默认情况下,每个子控件占据一列。

当为View时,该View将独占一行。

属性

      android:collapseColumns:将TableLayout里面指定的列隐藏,若有多列需要隐藏,请用逗号将需要隐藏的列序号隔开。   ex:   android:collapseColumns="*"         隐藏所有行

  android:stretchColumns:设置指定的列为可伸展的列,以填满剩下的多余空白空间,若有多列需要设置为可伸展,请用逗号将需要伸展的列序号隔开。   ex:    android:stretchColumns="0"           第0列可伸展

  android:shrinkColumns:设置指定的列为可收缩的列。当可收缩的列太宽(内容过多)不会被挤出屏幕。当需要设置多列为可收缩时,将列序号用逗号隔开。ex:    android:shrinkColumns="1,2"         第1,2列收缩

  android:layout_colum:设置该控件在TableRow中指定的列。 ex: android:layout_column="1"    该控件显示在第1列

  android:layout_span:设置该控件所跨越的列数。               ex:  android:layout_span="2"        该控件占据2列

(4)FrameLayout

简介

FrameLayout帧布局在屏幕上开辟出了一块区域,在这块区域中可以添加多个子控件,但是所有的子控件都被对齐到屏幕的左上角。帧布局的大小由子控件中尺寸最大的那个子控件来决定。如果子控件一样大,同一时刻只能看到最上面的子控件。

FrameLayout继承自ViewGroup,除了继承自父类的属性和方法,FrameLayout类中包含了自己特有的属性和方法

属性

android:foreground:设置该帧布局容器的前景图像

:设置前景图像显示的位置

(5)GridLayout

跟LinearLayout(线性布局)一样,他可以设置容器中组件的对齐方式,容器中的组件可以跨多行也可以跨多列(相比TableLayout直接放组件,占一行相比较)

属性

android:layout_gravity  center,left,right,buttom等,如果想同时用两种的话:eg: buttom|left设置组件的排列方式

android:rowCount     ex:   android:rowCount="4"       设置网格布局有4行

android:columnCoun   ex:  android:columnCount="4"    设置网格布局有4列

android:layout_rowSpan   ex:  android:layout_rowSpan = "2"    纵向横跨2行

android:layout_columnSpan  ex:

时间: 2024-12-23 12:20:47

Layout基本属性总结的相关文章

jQuery EasyUI DataGrid在MVC中的运用-基本属性并实现分页

※ datagrid的基本属性和方法  ※ datagrid分页在前后台的实现 最终效果:    与视图显示对应的view model   public class Book public string ItemId { get; set; } public string ProductId { get; set; } public decimal ListPrice { get; set; } public decimal UnitCost { get; set; } public strin

安卓常用Layout

/*---------------------------------------- *-描述--Layout的几点总结. *-描述--S1.安卓的五大布局: * LinearLayout(线性布局):常用 * RelativeLayout(相对布局):常用 * FrameLayout(框架布局):常用 * GridLayout(网格布局)[4.0之后新增网格布局]:使用较少 * TableLayout(表格布局):几乎不用. *-描述--S2.. *-描述--S3.. *-描述--None.

Android新建项目手动添加Layout布局

前言: 这是看<第一行代码>学习到的第一章,之前使用Eclipse创建Android项目都是自动生成MainActivity.java文件和layout文件夹下的activity_main.xml布局文件,今天把自动生成这些文件的对勾去掉后,手动创建了这两个           文件,于是就写下随笔来记录一下加深印象,同时这也是申请博客以来第一次发表一些东西,就是想把记笔记当做一个习惯保持下去,OK,到这里了.... 1.所有创建项目的步骤都是一样的,只有到最后把Create Activity

寒假学干货之------初步布局Layout

在开发的最初,需要设计好我们的Activity,在res/layout下,找到**activitymian(名字都差不多的)的.xml文件,打开他就可以开始编辑. http://www.tuicool.com/articles/3uUZbmu(参考,转载文献网址) 下面是几个比较常用的布局: LinearLayout(线性布局).FrameLayout(单帧布局).AbsoluteLayout(绝对布局).TablelLayout(表格布局).RelativeLayout(相对布局).其中最常用

如何解决Xamarin for VS:Disconnected from layout renderer

最近学习Xamarin for Android,我用的是for VS2013版本.由于开始使用的Xamarin是低版本的,所以在和VS2013配合后,可以编译,可以release,但是不能查看layout文件的布局文件.总是出现: Disconnected from layout renderer.后来从Xamarin的官网论坛上查到是因为Android SDK tools的版本过高才导致的此问题.?当时论坛的信息比较老,没有给出我当时使用版本的对应解决方案.于是我就只能自己试验了.最后结合论坛

HTML框架布局 - layout.border

经常用到上下左右,中间填充满这样的布局,在java swing中有BorderLayout,HTML中通常使用CSS来实现布局,但要实现border layout这样的效果有些麻烦,很多第三方实现,比如easyui, extjs,功能过于强大,我只是想要一个简单的布局而已,于是自己写了个jquery布局插件,支持嵌套布局以及小功能,方便团队使用,项目地址:https://github.com/samsha/layout.border 简介 简单的布局效果,实现上下左右,中间充满的布局 依赖 需要

【Css】Layout布局(二)

css定位(Positioning) 所谓定位,即允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素.另一个元素甚至浏览器窗口本身的位置. css提供了三种基本的定位机制:普通流.浮动和绝对定位. position语法:  position : static absolute relative  普通流(static): 也有叫做文档流的,即元素按照其在 HTML 中的位置顺序决定排布的过程.并且这种过程遵循标准的描述. 相对定位(relative): 元素框偏移某个距离.元素仍保

皮内的预检模块i-Cut Layout Essential & Preflight v14.0

i-Cut Layout Essential & Preflight v14.0 for MacOSX 2CD 皮内的预检模块  皮内的预检 对于Mac windowstrial试验  一个简单的PDF预检,预检带来PstI酶切和大幅面打印编辑解决方案.  皮内的准备是一个真正的工作流的起点.问题自动报告,在打印前.没有必要去Adobe?插画?和浪费时间试图找出为什么文件将不能正确打印.皮内的预检会告诉自动.  真正的形状与皮内的布局模块嵌套  皮内的布局至关重要  皮内的布局基本符合所有基本功

View的layout机制

View框架的工作流程为:测量每个View大小(measure)-->把每个View放置到相应的位置(layout)-->绘制每个View(draw). 源代码分析 在View的源代码中,提取到了下面一些关于layout过程的信息. 我们知道,整棵View树的根节点是DecorView,它是一个FrameLayout,所以它是一个ViewGroup,所以整棵View树的测量是从一个ViewGroup对象的layout方法开始的. View: 1.layout //分配一个位置信息到一个View