权重平等分布局And TableRow布局误区

开头语:

本人最近在自学Android,虽然本人有2年Java Web的开发经验。但是发现Android的自学之路并不是那么平坦,我没有Android真机。但是有一个window phone的手机。开始想做一个通讯录。但是没有参考软件。这样一来我参考wp平台的通讯录去开发本软件,这其中遇到了一些关于sqlite、键盘布局等问题。本文说一说布局的权重问题吧

个人理解:

权重是一个在指定组件内等分该组件空间的一种手段。在android中的设置方式为android:layout_weight="X"

 

本人案例截图:


说明:

如上图我做的键盘排版每四个按照为一行。详细的布局为4个按钮在一个LinearLayout中。那么只要将按钮的权重都设置为1即可。

那么就会把父元素(LinearLayout)组件4等分。[因为这里有四个按钮。当然有2个按钮则2等分。我这么说我想大家应该都可以理解了吧]

部分代码解析:

[html] view plaincopy

  1. <LinearLayout
  2. android:id="@string/l1"
  3. android:layout_width="match_parent"
  4. android:layout_height="wrap_content"
  5. android:layout_marginTop="50dip"
  6. android:orientation="horizontal" >
  7. <Button
  8. android:id="@+id/buttonjing"
  9. android:layout_width="match_parent"
  10. android:layout_height="50dip"
  11. android:layout_weight="1"
  12. android:text="@string/jing" />
  13. <Button
  14. android:id="@+id/buttonA"
  15. android:layout_width="match_parent"
  16. android:layout_height="50dip"
  17. android:layout_weight="1"
  18. android:text="@string/A" />
  19. <Button
  20. android:id="@+id/buttonB"
  21. android:layout_width="match_parent"
  22. android:layout_height="50dip"
  23. android:layout_weight="1"
  24. android:text="@string/B" />
  25. <Button
  26. android:id="@+id/buttonC"
  27. android:layout_width="match_parent"
  28. android:layout_height="50dip"
  29. android:layout_weight="1"
  30. android:text="@string/C" />
  31. </LinearLayout>

说明:

OK,上面代码为从#号到C按钮一行的排版。这一行的排版。可以看到4个btn的属性的权重都为1.其中width最好是设置上。

 

误区说明:

在尝试LinearLayout布局此界面之前我用过TableLayout和TableRow去搭配。虽然TableRow组件也可以用权重4等分。但是发现其高度无法调整。总是占用手机屏幕的半屏。再次说明一下。避免再犯!!

时间: 2024-10-18 17:06:18

权重平等分布局And TableRow布局误区的相关文章

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

在activity的布局中,线性布局和表格布局是最简单的,这次分别从线性布局,表格布局以及线性布局和表格混合布局做了实验,实验中只需要编写 相应的xml的代码,java代码不需要更改,因为我们这里只是练习android的界面设计.参考的资料为mars老师的教程. 线性布局: 线性布局就是将各种控件按照行或者列依次进行排列. 其中本实验用到的各控件的属性解释如下: android:layout_weight属性是指不同的控件在activity中占有体积大小的比例. android:paddingL

表格布局和线性布局

 XML: 一种是事件流(SAX)的解析和(DOM)文档解析. 步骤: (1):在新建项目的res/layout下的项目目录布局文件 main.xml 中进行修改 (2):表格布局管理器: <TableLayout 其中为行的布局:    <TableRow (3):线性布局管理器: <LinearLayout 线性布局是将放入其中的组件按照垂直或水平方向来布局.在线性布局中,每一行(针对垂直排序)或每一列(针对水平排序) 中只能放一个组件,并且android中的线性布局不会换行,当到达

布局实例:用表格布局实现计算器布局

预览效果: <?xml version="1.0" encoding="utf-8"?> <TableLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" androi

duilib各种布局的作用,相对布局与绝对布局的的意义与使用方法

转载请说明原出处,谢谢~~ 我使用duilib快3个月了.总体感觉duilib的使用还是较为简单的,仅仅是刚入门时可能有些摸不清头脑.今天写一篇关于duilib的入门日志,大致说一下duilib中的各个布局的作用,以及非常关键的相对布局与绝对布局的意义与使用方法. 希望能够帮到使用duilib的新手朋友们.duilib高手就能够直接省略这篇文章了! 我刚使用duilib的时候非常依赖duilib自带的设计器,用他能够拖拉控件.可视化的做出自己想要的界面.可是用一段时间就会发现原带的设计器有非常多

Bootstrap页面布局4 - 嵌套布局

嵌套布局: 在一行中,有三列,每一列都有对应的BS栅格系统中的格子,以下例中因为 .row中的div对应的class分别是span4,span4,span4,所以其每一列对应的格子数是 4,4,4 现在有一个需求,要在第三列中另外再布局出2列,且这2列宽度相同那么操作如下:看彩色部分 <div class='row'> <div class='span4'> <h2>栏目一</h2> <p>段落1</p> </div> &

css布局--圣杯布局和双飞翼布局

圣杯布局和双飞翼布局是经典的三栏式布局.两种布局达到效果上基本相同,都是两边两栏宽度固定,中间栏宽度自适应.(这两种布局都比较老) 在HTML结构上中间栏在最前面保证了最先渲染中间提升性能,并且兼容性良好.两种布局的实现方法前半部分相同,后半部分的实现各有利弊,下面会简单介绍两者的区别. 布局效果: 注意点: 1. .middle元素位于最前面,保证最先渲染middle部分 2. 三个元素都浮动,使元素保持在一行上 3. .middle元素宽度设为100%,独占一行 4. .left元素设置ma

圣杯布局和双飞翼布局的理解和区别

圣杯布局和双飞翼布局基本上是一致的,都是两边固定宽度,中间自适应的三栏布局,其中,中间栏放到文档流前面,保证先行渲染.解决方案大体相同,都是三栏全部float:left浮动,区别在于解决中间栏div的内容不被遮挡上,圣杯布局是中间栏在添加相对定位,并配合left和right属性,效果上表现为三栏是单独分开的(如果可以看到空隙的话),而双飞翼布局是在中间栏的div中嵌套一个div,内容写在嵌套的div里,然后对嵌套的div设置margin-left和margin-right,效果上表现为左右两栏在

css布局之圣杯布局和双飞翼布局

圣杯布局和双飞翼布局 今天看了很多圣杯布局和双飞翼布局的技术博客,通过自己的理解总结一下吧. 1.二者相同点: 实现的都是三栏布局,两边的盒子宽度固定,中间盒子自适应,也就是我们常说的固比固布局.它们实现的效果是一样的. 2.不同点: 圣杯布局知识点:浮动,负边距,相对定位,不需要添加额外标签. 双飞翼:只用到浮动,负边距,不需要使用相对定位,需要添加一个额外的标签. 注意:html结构中中间部分要写在左右布局之前,为了优先渲染. 下面就先来看一下圣杯布局的实现过程吧: 先写出基本DOM结构:

固定布局,流动布局,弹性布局

打造无懈可击的web设计——流动布局和弹性布局 http://blog.csdn.net/qinghuawenkang/article/details/7557087 转: 自适应css布局—-流动布局新时代(译文) http://justcoding.iteye.com/blog/1825188 应运而生的web页面响应布局 http://www.zhangxinxu.com/wordpress/2011/09/页面响应布局/ 固定布局.流动布局.弹性布局哪一种适合你(上) http://ww