android表格布局bottom,Android基础_2 Activity线性布局和表格布局

在activity的布局中，线性布局和表格布局是最简单的，这次分别从线性布局，表格布局以及线性布局和表格混合布局做了实验，实验中只需要编写 相应的xml的代码，java代码不需要更改，因为我们这里只是练习android的界面设计。参考的资料为mars老师的教程。

线性布局：

线性布局就是将各种控件按照行或者列依次进行排列。

其中本实验用到的各控件的属性解释如下：

android:layout_weight属性是指不同的控件在activity中占有体积大小的比例。

android:paddingLeft指内边距左的距离，即控件内文字离控件左边边界的距离。其它的类推。

android:gravity指控件内文字相对于控件本身的方向属性,长度为dip，与像素独立的长度。

android:background为控件内文字颜色的背景色，颜色采用rgb时前面需用”#”号.

android:textSize为文本的大小，单位为pt，即镑。

android:id为该控件的id，即在此处可以设置控件的id。

android:layout_width为控件本身的宽度属性，其它的类似。

实验结果显示2行字，分别设置了不同的属性。

效果如下：

xml代码如下：

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical" >

android:id="@+id/London"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="伦敦奥运"

android:textSize="20pt"

android:background="#00ff00"

android:gravity="center_horizontal"

android:paddingLeft="10dip"

android:paddingRight="10dip"

android:paddingTop="10dip"

android:paddingBottom="10dip"

android:layout_weight="1"

/>

android:id="@+id/China"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="中国加油！！！"

android:textSize="35pt"

android:background="#ff0000"

android:layout_weight="3"

/>

表格布局：

表格布局有点类似表单的意思，可以在activity中建立多行，每一行又可以设置为多列，所以看起来横竖条理比较清晰，因此叫做表格布局。

表格布局各控件属性与线性布局类似，本实验用到的属性解释如下：

用TableRow来增加一行，然后该行内各列依次并排。

android:padding指的是内边距的4个方向都采用同样的间距。

android:stretchColumns属性表示当该行属性设置为填充屏幕时，指定将哪一列拉伸。

实验结果为显示2行，每一行又有4列。

效果如下：

xml代码如下：

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:stretchColumns="1"

>

android:text="国家"

android:background="#848484"

android:padding="2dip"

/>

android:text="金牌"

android:background="#ff0000"

android:padding="2dip"

/>

android:text="银牌"

android:background="#00ff00"

android:padding="2dip"

/>

android:text="铜牌"

android:background="#0000ff"

android:padding="2dip"

/>

android:text="中国"

android:background="#848484"

android:padding="2dip"

/>

android:text="*"

android:background="#ff0000"

android:padding="2dip"

/>

android:text="**"

android:background="#00ff00"

android:padding="2dip"

/>

android:text="***"

android:background="#0000ff"

android:padding="2dip"

/>

android:text="美国"

android:background="#848484"

android:padding="2dip"

/>

android:text="*"

android:background="#ff0000"

android:padding="2dip"

/>

android:text="**"

android:background="#00ff00"

android:padding="2dip"

/>

android:text="***"

android:background="#0000ff"

android:padding="2dip"

/>

线性布局和表格布局混合：

混合布局原理类似，只是大的layout中嵌入小layout，且小layout中又可以嵌入不同的layout。

这次实验将上面的2个实验混合起来显示的，即总的布局为垂直方向上的线性布局，上面那个布局内部又为垂直方向的布局，下面那个布局为也是一个线性布局，不过里面嵌入了一个表格布局，所以总共有4个布局。

效果如下：

xml代码如下：

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:orientation="vertical">

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:orientation="vertical"

android:layout_weight="1" >

android:id="@+id/London"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="伦敦奥运"

android:textSize="5pt"

android:background="#00ff00"

android:gravity="center_horizontal"

android:padding="10pt"

android:layout_weight="1"

/>

android:id="@+id/China"

android:layout_width="fill_parent"

android:layout_height="wrap_content"

android:text="中国加油！！！"

android:textSize="8pt"

android:background="#ff00ff"

android:layout_weight="3"

/>

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:layout_weight="3">

android:layout_width="match_parent"

android:layout_height="match_parent"

android:stretchColumns="1"

>

android:text="国家"

android:background="#848484"

android:padding="2dip"

/>

android:text="金牌"

android:background="#ff0000"

android:padding="2dip"

/>

android:text="银牌"

android:background="#00ff00"

android:padding="2dip"

/>

android:text="铜牌"

android:background="#0000ff"

android:padding="2dip"

/>

android:text="中国"

android:background="#848484"

android:padding="2dip"

/>

android:text="*"

android:background="#ff0000"

android:padding="2dip"

/>

android:text="**"

android:background="#00ff00"

android:padding="2dip"

/>

android:text="***"

android:background="#0000ff"

android:padding="2dip"

/>

android:text="美国"

android:background="#848484"

android:padding="2dip"

/>

android:text="*"

android:background="#ff0000"

android:padding="2dip"

/>

android:text="**"

android:background="#00ff00"

android:padding="2dip"

/>

android:text="***"

android:background="#0000ff"

android:padding="2dip"

/>

实验总结：

通过本次实验对activity的简单布局有了个初步的了解。

Android基础_3 Activity相对布局

相对布局要比前面讲的线性布局和表格布局要灵活一些,所以平常用得也是比较多的.相对布局控件的位置是与其周围控件的位置相关的,从名字可以看出来,这些位置都是相对的,确定出了其中一个控件的位置就可以确定另一 ...

WPF的布局-Grid(表格布局)

1. Grid布局就是表格布局 如下图: 2. 使用方法 2.1. 先生成适量的行和列,代码如下:

Android——布局(线性布局linearLayout,表格布局TableLayout,帧布局FrameLayout)

线性布局: <?xml version="1.0" encoding="utf-8"?>

Android -- UI布局管理，相对布局，线性布局，表格布局，绝对布局，帧布局

1. 相对布局

Android基础总结(3)——UI界面布局

Android的UI设计有好几种界面程序编写方式.大体上可分为两大类:一类是利用可视化工具来进行,允许你进行拖拽控件来进行布局:还有一类是编写xml文档来进行布局.这两种方法可以相互转换. 1.常见的 ...

android——相对布局，表格布局

1.相对布局 RelativeLayout 又称作相对布局,也是一种非常常用的布局.和LinearLayout 的排列规则不同,RelativeLayout 显得更加随意一些,它可以通过相对定位的方式 ...

Android布局&lowbar;表格布局TableLayout

一.TableLayout概述 TableLayout表格布局模型以行列的形式管理子控件,每一行为一个TableRow的对象,当然也可以是一个View的对象 二.TableLayout的全局属性  1 ...

Android：控件布局(表格布局)TableLayout

TableLayout继承LinearLayout 实例:用表格布局实现计算机布局>>>>>>>>>>>> 有多少个TableR ...

android的布局-----TableLayout&lpar;表格布局&rpar;

学习导图 (1)TableLayout的相关简介 java的swing编程和html中经常会使用到表格,可见表格的应用开发中使用还是比较多的,同样android也为我们提供这样的布局方式. (2)如何 ...

随机推荐

&lbrack;转载&rsqb;Linux Bond的原理及其不足

本文转自http://www.yunweipai.com/archives/1969.html 支持原创.尊重原创,分享知识! 在企业及电信Linux服务器环境上,网络配置都会使用Bonding技术做 ...

My Game --背景

在GitHub MyGame clone 代码,添加到配置并新建好的工程中运行下来就可以看到这个画面: 中间的小点是显示的当前触摸点,本文暂不讨论.图中的蓝天是蓝色的 LayerColor this- ...

xHTML&plus;div布局：三个div&comma;两边div宽度固定，中间div宽度自适应

xHTML+div经常考题:三个div,两边div宽度固定,中间div宽度自适应. 和大家分享一个实现方式: 1.html代码

...

BZOJ 1355&colon; &lbrack;Baltic2009&rsqb;Radio Transmission&lpar; kmp &rpar;

自己YY一下可以发现answer =  n - fail[ n ] ------------------------------------------------------------------ ...

采用SmartQQ 协议可制作聊天机器人

采用.NET CORE可运行在 Linux . Windows 和 Mac OSX 平台下. SmartQQ可以: 收发文字消息 获取好友.群.讨论组.好友分组和最近会话的列表 SmartQQ不可以: ...

bzoj 3680 吊打xxx 模拟退火

第一道模拟退火 重心嘛,就是要找到一个点,使其到所有点距离*该点权值和最小 思路:初始化一个T,mint,当T大于mint时,每次随机一个解,如果解比当前解优,直接转移,否则,以某概率(与T正相关)转 ...

Session与Cookie&lpar;自定义Session&rpar;

一.会话管理 会话管理: 管理浏览器客户端 和 服务器端之间会话过程中产生的会话数据. 域对象: 实现资源之间的数据共享. request域对象 context域对象 会话技术: Cookie技术:会 ...

jdbc模板

public class JdbcTest { public static void main(String[] args) { //数据库连接 Connection connection = nul ...

HTTP协议，Http 常用状态码

一.HTTP协议-Request   HTTP报文是面向文本的,报文中的每一个字段都是一些ASCII码串,各个字段的长度是不确定的.HTTP有两类报文:请求报文和响应报文.   1.1 HTTP请求报 ...