文档章节

Android 布局详解 -一线性布局以及重要属性

-天蓬元帅-
 -天蓬元帅-
发布于 2013/12/15 11:22
字数 890
阅读 783
收藏 2

Android 布局详解

Android 布局是开发中非常重要的一个知识部分,它的布局分为以下几种:

Linear Layout:线性布局 
Relative Layout
:相对布局 
Table Layout
:表格布局 
Grid View
:网格布局 
Tab Layout
:选项卡布局 
List View
:列表布局

        如下图:

一、Linear Layout

简单来说,直着排,横着排都可以,还可以嵌套,此布局运用的非常多。

  • android:orientation      定义布局内的方向水平或垂直(horizontal/vertical  
  • android:layout_weight  子元素对未占用空间【水平或垂直】分配权重值,其值越小,权重越大。 
  • android:layout_width -  宽(1.fill_parent: 父元素决定,2.wrap_content: 本身的内容决定
  • android:layout_height - 高(3.高直接指定一个 px 值
  • android:gravity -          内容的排列形式(常用 top, bottom, left, right, center,Left|center_


下面直接上示例代码及截图: 


<?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="fill_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:orientation="horizontal" >

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#aa0000"
            android:gravity="center_horizontal"
            android:text="red" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#00aa00"
            android:gravity="center_horizontal"
            android:text="green" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#0000aa"
            android:gravity="center_horizontal"
            android:text="blue" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:background="#aaaa00"
            android:gravity="center_horizontal"
            android:text="yellow" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:orientation="vertical" >

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="row one"
            android:textSize="15pt" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="row two"
            android:textSize="15pt" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="row three"
            android:textSize="15pt" />

        <TextView
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="row four"
            android:textSize="15pt" />
    </LinearLayout>

</LinearLayout>



下面详细详解这些配置的含义:

LinearLayout 标签的常用属性 
android:orientation="horizontal":定义方向水平或垂直(horizontal/vertical  
android:layout_width="fill_parent" :宽度填充满父控件的宽度 
android:layout_height="fill_parent":宽度填充满父控件的高度 
android:layout_weight="1":重量?可解释为权重,这是个什么意思呢,请看下图


我将这里的配置变了一下,

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:orientation="horizontal" >

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:background="#aa0000"
        android:gravity="center_horizontal"
        android:text="red" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="2"
        android:background="#00aa00"
        android:gravity="center_horizontal"
        android:text="green" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="3"
        android:background="#0000aa"
        android:gravity="center_horizontal"
        android:text="blue" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="fill_parent"
        android:layout_weight="4"
        android:background="#aaaa00"
        android:gravity="center_horizontal"
        android:text="yellow" />

</LinearLayout>



可以看到我设置成了 1234,这四 TextView显示的宽度不一样了,具体是怎么算的,这个我们就不追究了,意思清楚就行,都设置为 1则平分,否则数给的越大,占的位置就越多。

再看一下TextView的解释

<TextView
    android:layout_width="wrap_content"
    android:layout_height="fill_parent"
    android:layout_weight="1"
    android:background="#aa0000"
    android:gravity="center_horizontal"
    android:text="red" />



android:text="red":要显示的内容 
android:gravity="center_horizontal":显示内容的对齐方式 
android:background="#aa0000" :背景色 
android:layout_width="wrap_content":宽度,包括自己的内容的宽度 
android:layout_height="fill_parent":高度,填充父控件的高度 
android:layout_weight="1":权重

其实含义如果懂些CSS属性的话,还是蛮好懂的,布局跟Div有点类似 
//类似一个外层DIV,里面的内容垂直布局android:orientation="vertical" 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >
    
    //类似第一个子DIV,内容水平布局android:orientation="horizontal" 
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:orientation="horizontal" >
    </LinearLayout>
    
     //类似第二个子DIV,内容垂直布局android:orientation="vertical" 
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_weight="1"
        android:orientation="vertical" >
    </LinearLayout>
    
</LinearLayout>



© 著作权归作者所有

共有 人打赏支持
-天蓬元帅-
粉丝 2
博文 10
码字总数 10576
作品 0
嘉定
Android 第八课——UI布局2

Android布局分为:线性布局、相对布局、表格布局、帧布局、网格布局五种 1)FrameLayout(帧布局) 帧布局是最简单的布局对象,它被定制为用户屏幕上的一个空白备用区域,之后用户可以在其中...

learn_more
2015/01/04
0
0
Android 的几种布局方式及实践

我们对Android应用程序运行原理及布局文件可谓有了比较深刻的认识和理解,并且用“Hello World!”程序来实践证明了。在继续深入Android开发之旅之前,有必要解决前两篇中没有介绍的遗留问题...

sumpower
2014/02/25
0
0
Android学习笔记(二) 布局方式的介绍

Android应用的开发的一项内容就是用户界面开发了。Android提供了大量功能丰富的UI组件。Android的界面是由布局和组件协同完成的。 Android所有UI组件都继承了View类,View类有一个重要的子类...

半夏alvin
2014/03/05
0
0
Android 布局详解 -二相对布局(Relative Layout)以及重要属性

二Relative Layout Relative Layout布局:相对位置布局,的几个重要属性   第一类 : 属性值为 true 或 false   android:layout_centerHrizontal 水平居中   android:layout_centerVert...

-天蓬元帅-
2013/12/15
0
0
浅谈Android五大布局(一)——LinearLayout、FrameLayout和Absoult

Android的界面是有布局和组件协同完成的,布局好比是建筑里的框架,而组件则相当于建筑里的砖瓦。组件按照布局的要求依次排列,就组成了用户所看见的界面。Android的五大布局分别是LinearLay...

墨梅
2014/03/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

[Hive]JsonSerde使用指南

注意: 重要的是每行必须是一个完整的JSON,一个JSON不能跨越多行,也就是说,serde不会对多行的Json有效。 因为这是由Hadoop处理文件的工作方式决定,文件必须是可拆分的,例如,Hadoop将在...

Mr_yul
10分钟前
0
0
54:mysql修改密码|连接mysql|mysql常用命令

1、mysql修改密码: root用户时mysql的超级管理员,默认mysql的密码是空的,直接可以连接上去的,不过这样不安全; 注释:为了方便的使用mysql,需要把mysql加入到环境变量里; #后续自己输入mys...

芬野de博客
17分钟前
0
0
鼠标单击复制粘贴标签中的内容

<span ref="spanContentOne" id="spanContentOne" style="font-size: 14px;">或许不是最亮眼,总比瞎买强一点</span><!--<input type="button" @click="copyClick('1')" value="复制" />-......

帝子兮
21分钟前
0
0
使用axel多线程疯狂下载

在Linux中比较常见见的下载工具是curl和wget,但是下载比较大的文件两者都不支持多线程, 断点续传的作用不见得能发挥到最大。今天介绍一个axel工具,开启多线程疯狂下载。 安装 Fedora/Cen...

linuxprobe16
23分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部