Android 使用 TableLayout 布局拉伸宽度

转自：http://www.cnblogs.com/ghj1976/archive/2011/04/21/2023850.html

布局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent"><TableLayout android:layout_width="match_parent"android:layout_height="match_parent"><TableRow><EditText android:id="@+id/et_led" android:layout_width="fill_parent"android:digits="1234567890.+-*/=%\n\t()" android:text=""android:layout_span="4" /></TableRow><TableRow><Button android:text="(" android:id="@+id/btn_LeftParenthesis"></Button><Button android:text=")" android:id="@+id/btn_RightParenthesis"></Button><Button android:text="*" android:id="@+id/btn_x"></Button><Button android:text="back" android:id="@+id/btn_back"></Button></TableRow><TableRow><Button android:text="7" android:id="@+id/btn_7"></Button><Button android:text="8" android:id="@+id/btn_8"></Button><Button android:text="9" android:id="@+id/btn_9"></Button><Button android:text="%" android:id="@+id/btn_mod"></Button></TableRow><TableRow><Button android:text="4" android:id="@+id/btn_4"></Button><Button android:text="5" android:id="@+id/btn_5"></Button><Button android:text="6" android:id="@+id/btn_6"></Button><Button android:text="/" android:id="@+id/btn_div"></Button></TableRow><TableRow><Button android:text="1" android:id="@+id/btn_1"></Button><Button android:text="2" android:id="@+id/btn_2"></Button><Button android:text="3" android:id="@+id/btn_3"></Button><Button android:text="-" android:id="@+id/btn_sub"></Button></TableRow><TableRow><Button android:text="0" android:id="@+id/btn_0"></Button><Button android:text="." android:id="@+id/btn_dot"></Button><Button android:text="+" android:id="@+id/btn_plus"></Button><Button android:text="=" android:id="@+id/btn_equal"></Button></TableRow></TableLayout></LinearLayout>

布局效果：

显然这不能满足我们的期望，下面我们演示使用 android:stretchColumns 来自动拉伸

我们这里简单的给 TableLayout 增加一个属性 android:stretchColumns="*" 表示所有列都要自动拉伸，以便适应屏幕宽度。

布局效果

它的值即可以是数字，也可以是*，注意数字是从0开始的，即：android:stretchColumns="1" 是设置 TableLayout所有行的第二列为扩展列。

上面我们会看到第四列的按钮比其他列的按钮要宽，如果我们想都一样宽如何办呢？

一个简单办法：

在自动拉伸的基础上，把每一列的宽度都设置成一样，比如下面的代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"android:orientation="vertical" android:layout_width="fill_parent"android:layout_height="fill_parent"><TableLayout android:layout_width="match_parent"android:layout_height="match_parent"        android:stretchColumns="*"><TableRow><EditText android:id="@+id/et_led" android:layout_width="fill_parent"android:digits="1234567890.+-*/=%\n\t()" android:text=""android:layout_span="4" /></TableRow><TableRow><Button android:text="(" android:id="@+id/btn_LeftParenthesis"android:layout_width="1dip"></Button><Button android:text=")" android:id="@+id/btn_RightParenthesis"android:layout_width="1dip"></Button><Button android:text="*" android:id="@+id/btn_x"android:layout_width="1dip"></Button><Button android:text="back" android:id="@+id/btn_back"android:layout_width="1dip"></Button></TableRow><TableRow><Button android:text="7" android:id="@+id/btn_7"></Button><Button android:text="8" android:id="@+id/btn_8"></Button><Button android:text="9" android:id="@+id/btn_9"></Button><Button android:text="%" android:id="@+id/btn_mod"></Button></TableRow><TableRow><Button android:text="4" android:id="@+id/btn_4"></Button><Button android:text="5" android:id="@+id/btn_5"></Button><Button android:text="6" android:id="@+id/btn_6"></Button><Button android:text="/" android:id="@+id/btn_div"></Button></TableRow><TableRow><Button android:text="1" android:id="@+id/btn_1"></Button><Button android:text="2" android:id="@+id/btn_2"></Button><Button android:text="3" android:id="@+id/btn_3"></Button><Button android:text="-" android:id="@+id/btn_sub"></Button></TableRow><TableRow><Button android:text="0" android:id="@+id/btn_0"></Button><Button android:text="." android:id="@+id/btn_dot"></Button><Button android:text="+" android:id="@+id/btn_plus"></Button><Button android:text="=" android:id="@+id/btn_equal"></Button></TableRow></TableLayout></LinearLayout>

这时候的效果就成了：

注意比起最初的就多了2个设置

android:layout_width="1dip" 和 android:stretchColumns="*"

转载于:https://www.cnblogs.com/tc310/p/3958079.html

Android 使用 TableLayout 布局拉伸宽度相关推荐

Android之TableLayout表格布局
1.相关属性 1.1.常用属性android:collapseColumns 设置需要被隐藏的列的序列号android:shrinkColumns 设置允许被收缩的列的序列号android:stret ...
整理：Android apk 框架布局集锦
2019独角兽企业重金招聘Python工程师标准>>> 看到好的技术教程就想分享一下,不喜勿喷!谢谢配合,仅供菜鸟学习研究(^o^)/~ 友情推荐<爱加密>Android ...
Android应用开发（1）---Android五大UI布局的特有属性
Android五大UI布局的特有属性 Android五大UI布局 1. LinearLayout 线性布局 2. RelativeLayout 相对布局 3. FrameLayout 帧布局,空白布局 ...
Android常见界面布局(详细介绍)
一.View视图所有的UI元素都是通过View与ViewGroup构建的,对于一个Android应用的用户界面来说,ViewGroup作为容器盛装界面中的控件,它可以包含普通的View控件,也可以包 ...
Android常见页面布局
在Android应用程序中,界面由布局和控件组成.布局如框架,控件如砖瓦. View控件 Android所有的UI元素都是通过View控件和ViewGroup容器构建的.在一个应用程序中ViewGro ...
android布局置顶_[置顶] Android系统五大布局详解Layout
我们知道Android系统应用程序一般是由多个Activity组成,而这些Activity以视图的形式展现在我们面前,视图都是由一个一个的组件构成的.组件就是我们常见的Button.TextEdit等 ...
android的五大布局(layout)
Android的界面是有布局和组件协同完成的,布局好比是建筑里的框架,而组件则相当于建筑里的砖瓦.组件按照布局的要求依次排列,就组成了用户所看见的界面.Android的五大布局分别是LinearLa ...
android 动态绘制布局,Android代码和绘制曲线中按钮和绘图板的动态布局
时间: 2019年1月11日本文向您介绍Android代码中的按钮和绘图板的动态布局和绘制曲线,主要包括示例android 动态绘制曲线,应用技巧,基本知识和知识android 动态绘制曲线,包括A ...
Android页面的布局
1. Android的基础布局 LinearLayout 线性布局 RelativeLayout 相对布局 TableLayout 表格布局 FrameLayout 帧布局(框架布局) Constra ...

Android 使用 TableLayout 布局拉伸宽度

Android 使用 TableLayout 布局拉伸宽度相关推荐

最新文章

热门文章