线性布局和表格布局的嵌套使用

最新推荐文章于 2022-11-13 14:50:07 发布
原创 最新推荐文章于 2022-11-13 14:50:07 发布 · 4.1k 阅读 · 2 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#weight

在创建计算器页面时，遇到将等于号按钮跨两行的问题。尝试使用线性布局解决，发现原本的表格布局内容消失。通过研究线性布局的`android:layout_weight`属性，理解其用于分配视图在布局中的空间权重。最终通过设置`android:layout_weight="4"`解决了问题，使得布局能够正确显示并占满全屏。

编写计算器的页面布局，前面几行很简单，用表格布局，后面的=号不知道怎么把一个按钮跨两行（希望知道的大神帮我解答一下），就用了线性布局，在写线性布局的时候，写好了表格运行效果可以，可再写好下面两行的时 候，上面的就不见了，就开始网上找线性布局的属性，发现漏了android:layout_weight=”4” 这个，layout_weight 用于给一个线性布局中的诸多视图的重要度赋值。所有的视图都有一个layout_weight值，默认为零，意思是需要显示多大的视图就占据多大的屏幕空间。可是我设置的LinearLayout的大小是android:layout_width=”fill_parent”， android:layout_height=”match_parent” 这样，不应该占满全屏啊o(︶︿︶)o，希望知道的帮我解答一下 、最后加了一句android:layout_weight=”4” 才得到我想要的效果 最后的效果如下


代码如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_marginTop="10dp"
        android:layout_height="match_parent"
        android:layout_weight="4" >

        <TableLayout
            android:layout_width="fill_parent"
            android:layout_height="match_parent"
            android:layout_gravity="center"
            android:shrinkColumns="3" >

            <EditText
                android:editable="false"
                android:id="@+id/textView1"
                android:layout_width="100dp"
                android:layout_height="70dp"
                android:layout_margin="10dp"
                android:background="@drawable/write_bg"
                android:gravity="right|center_vertical"
                android:paddingBottom="10dp"
                android:paddingRight="10dp"
                android:textSize="20sp" />
            <!-- 第一行 -->

            <TableRow
                android:id="@+id/tableRow1"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:gravity="center_horizontal"
                android:stretchColumns="*" >

                <Button
                    android:id="@+id/button1"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt1"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/button2"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt2"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/button3"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt3"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/button4"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt4"
                    android:textSize="20sp" />
            </TableRow>
            <!-- 第二行 -->

            <TableRow
                android:id="@+id/tableRow2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                android:stretchColumns="*" >

                <Button
                    android:id="@+id/button5"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt7"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/button6"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt8"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/button7"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt9"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/button8"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt_jiaa"
                    android:textSize="20sp" />
            </TableRow>
            <!-- 第三行 -->

            <TableRow
                android:id="@+id/tableRow3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_margin="10dp"
                android:gravity="center" >

                <Button
                    android:id="@+id/button9"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt44"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/button10"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt5"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/button11"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt6"
                    android:textSize="20sp" />

                <Button
                    android:id="@+id/button14"
                    android:layout_width="60dp"
                    android:layout_height="60dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt_jian"
                    android:textSize="20sp" />
            </TableRow>

            <LinearLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:gravity="center_horizontal"
                android:orientation="horizontal" >

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="vertical" >

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:gravity="center_horizontal"
                        android:orientation="horizontal" >

                        <Button
                            android:id="@+id/button12"
                            android:layout_width="60dp"
                            android:layout_height="60dp"
                            android:background="@drawable/color_clect"
                            android:gravity="bottom|right"
                            android:paddingBottom="10dp"
                            android:paddingRight="10dp"
                            android:text="@string/bt11"
                            android:textSize="20sp" />

                        <Button
                            android:id="@+id/button13"
                            android:layout_width="60dp"
                            android:layout_height="60dp"
                            android:layout_marginLeft="10dp"
                            android:background="@drawable/color_clect"
                            android:gravity="bottom|right"
                            android:paddingBottom="10dp"
                            android:paddingRight="10dp"
                            android:text="@string/bt22"
                            android:textSize="20sp" />

                        <Button
                            android:id="@+id/button15"
                            android:layout_width="60dp"
                            android:layout_height="60dp"
                            android:layout_marginLeft="10dp"
                            android:background="@drawable/color_clect"
                            android:gravity="bottom|right"
                            android:paddingBottom="10dp"
                            android:paddingRight="10dp"
                            android:text="@string/bt33"
                            android:textSize="20sp" />
                    </LinearLayout>

                    <LinearLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="10dp"
                        android:gravity="center_horizontal"
                        android:orientation="horizontal" >

                        <Button
                            android:id="@+id/button16"
                            android:layout_width="130dp"
                            android:layout_height="60dp"
                            android:layout_column="0"
                            android:layout_span="2"
                            android:background="@drawable/color_clect"
                            android:gravity="bottom|right"
                            android:paddingBottom="10dp"
                            android:paddingRight="10dp"
                            android:text="@string/bt0"
                            android:textSize="20sp" />

                        <Button
                            android:id="@+id/button17"
                            android:layout_width="60dp"
                            android:layout_height="60dp"
                            android:layout_marginLeft="10dp"
                            android:background="@drawable/color_clect"
                            android:gravity="bottom|right"
                            android:paddingBottom="10dp"
                            android:paddingRight="10dp"
                            android:text="@string/bt_dian"
                            android:textSize="20sp" />
                    </LinearLayout>
                </LinearLayout>

                <Button
                    android:id="@+id/button18"
                    android:layout_width="60dp"
                    android:layout_height="130dp"
                    android:layout_marginLeft="10dp"
                    android:background="@drawable/color_clect"
                    android:gravity="bottom|right"
                    android:paddingBottom="10dp"
                    android:paddingRight="10dp"
                    android:text="@string/bt_deng"
                    android:textSize="20sp" />
            </LinearLayout>

        </TableLayout>
    </LinearLayout>

</LinearLayout>
安卓案例：线性布局嵌套
howard2005的专栏
03-06 1万+
本教程通过实例详细解析了Android中线性布局（LinearLayout）的使用方法与核心属性，强调其在界面设计中的重要作用。首先简述了线性布局的特点，即支持子视图垂直或水平排列，并能够通过权重进行空间分割。接着以实际代码为例，逐步展示了如何在主布局文件中运用嵌套的线性布局实现多行多列的复杂布局效果，同时结合 gravity、weight 等属性调整组件位置与大小。最后布置课后作业，要求利用线性布局模拟网格布局样式，进一步巩固学习成果，旨在帮助开发者熟练掌握并灵活应用线性布局进行界面设计。
安卓学习笔记08：常用布局 - 线性布局
howard2005的专栏
09-23 3722
安卓界面元素、安卓常用布局、线性布局
java布局嵌套布局_java swing布局嵌套
weixin_39762075的博客
02-12 981
小菜一枚，刚接触Java，想写个注册界面，但却遇到一个奇怪问题：代码如下：public void frame(){this.frame = new JFrame("用户注册");//窗体基本属性this.frame.setSize(600, 400);this.frame.setLocationRelativeTo(null);this.frame.setVisible(true);this.fr...
表格排版及其表格嵌套
weixin_34331102的博客
03-30 269
在排版时，一定记住从外往里面键入代码的方式，一定是外面写好了样式，再一层一层往里面写，千万记住，不然很容易混淆，且记住一定一定要注释注释注释！！！！ 表格嵌套注意点： 1，一定是在 <td> 中进行嵌套，因为<td>中才是放置内容 2，嵌套的表格一定是完整的结构 表格布局 1，表格网页布局时，不设置border边框大小，只是作为网页布局的排版。 2，尽量少的使用...
Android学习---线性布局使用以及嵌套使用
weixin_45954319的博客
01-17 2659
线性布局练习线性布局常用属性线性布局的初步尝试线性布局的嵌套使用效果展示图总结 线性布局常用属性 ayout_width：布局宽度（match_parent，wrap_conent） layout_height：布局高度（match_parent，wrap_conent） orietation：方向（vertical，horizontal） gravity：对齐方式（left, right, center, top, bottom…) background：背景（颜色、图片、选择器） weight：比重（用
android studio 线性布局，及布局嵌套
yonglwin的博客
05-24 2995
android studio 新建一个项目，修改XML如下 注意此项目的Activity名称为：MyLinearlayout。 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools
布局管理器案例集锦。• 线性布局 • 框架布局 • 表格布局 • 相对布局 • 网格布局
10-03
.使用XML文件声明界面布局的特点 • 将程序的表现层和控制层分离（利于代码的维护） • 在后期修改用户界面时，无需更改...• 线性布局 • 框架布局 • 表格布局 • 相对布局 • 网格布局 需要补充的案例：QQ的登录界面
线性布局的嵌套
qq_52185040的博客
01-14 2092
7/100 lizong190060 new 今天的任务是我们来学习线性布局的嵌套， 如上图所示，今天我们做出的效果，第一担任是要创建好我们的项目，准备好相关的图片，和准备我们的字符串文件（strings.xml）里面我们要用到的东西。在图中我们可以看到用线性布局的功能是非常的强大的的课轻松的 就对界面进行一个划分，而且课以设计出较复杂的界面，这是是我们界面设计比较基础性的布局方式。 这里附上我们今天这个例子的代码，提供参考： <?xml version="1.0" encoding="utf-8"
Android Studio-学习笔记线性布局07
HTML778的博客
11-13 1828
线性布局
Android线性布局和表格布局
最新发布
03-08
### 线性布局与表格布局概述 #### 线性布局 (LinearLayout) 线性布局是一种简单的布局容器，用于按水平或垂直方向排列子视图。所有子视图按照添加顺序依次排列，在同一行或者一列上显示[^1]。 - **特点** - 子...
Android的约束布局，表格布局及线性布局（对学习帮助不大，非详细解说）
Impermanent的博客
11-19 1477
Android的约束布局，表格布局及线性布局 一、约束布局(ConstraintLayout）的创建及使用，及个人的相关实验说明 有关于此布局的创建和使用，推荐看一看ConstraintLayout的创建和使用。 看完之后开始拖拽Textview组件进入布局，输入每个组件的内容，然后调整背景颜色，成品如图： 每一个组件调整位置，建议使用右边的Attributes工具栏中的： 笔者在这里不一一举例，创建了布局之后可以慢慢调整慢慢体会这个布局。 布局调整完毕之后，代码如下（代码会在调整过程中自动生成）
LinearLayout线性布局的嵌套使用
qq_46537100的博客
10-26 1954
安卓开发LinearLayout线性布局的嵌套使用线性布局排版模式1：
Android学习笔记 2.2.1 线性布局 && 2.2.2 表格布局
代码改变世界
08-21 919
Android学习笔记 2.2.1 线性布局 && 2.2.2 表格布局
表格布局和线性布局
07-27 407
　　 XML: 一种是事件流（SAX）的解析和（DOM）文档解析。 　　 步骤： 　　（1）：在新建项目的res/layout下的项目目录布局文件 main.xml 中进行修改 　　（2）：表格布局管理器： <TableLayout 　　　　　　其中为行的布局： <TableRow 　　　　　　基本格式： 　　　　　　　　<T...
android网格布局嵌套,新推出的GridLayout网格布局
weixin_30585729的博客
05-26 693
原标题：新推出的GridLayout网格布局本期主要学习的是网格布局是Android 4.0新增的布局，和前面所学的TableLayout表格布局 有点类似，不过他有很多前者没有的东西，也更加好用。 一、认识GridLayout 网格布局实现了控件的交错显示，能够避免因布局嵌套对设备性能的影响，更利于自由布局的开发。网格布局用一组无限细的直线将绘图区域分成行、列和单元，并指定控件的显示区域和控件在...
android中的布局--嵌套布局
deathmonkey的专栏
08-21 1273
在同一个Activity中要实现多种不同的布局类型或者同种布局类型的不同方式，就需要用到嵌套的方式来实现。 例子程序实现： （1）整个Activity最外层采用垂直方向的LinearLayout线性布局。 （2）套用两个LinearLayout线性布局，上面的是水平方向的，下面的是垂直方向的。 （3）上下的LinearLayout内各放置4个空间 [java] v
评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值