LinearLayout 结合android:layout_weight 计算器界面

最新推荐文章于 2019-11-30 11:57:14 发布
最新推荐文章于 2019-11-30 11:57:14 发布
阅读量720 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： android-下载 android 文章标签： android
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/Cc_Rain0624/article/details/53188021

重温android的Layout布局之LinearLayout 结合layout_weight 权重比例使用 做计算器界面

**PS：使用layout_weight 权重 用来分配当前控件占剩余空间的大小
使用权重一般把分配该权重方向长度设置为0dp。
比如：orientation=”vertical” 垂直 则设置layout_height=”0dp”
orientation=”horizontal” 水平 则这是layout_width=“0dp”**

效果：这里写图片描述

思路：这里写图片描述
都是通过嵌套LinearLayout+layout_weight实现 多试试也就上手了 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="80dp"
        android:background="#1000">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:text="80"
            android:textSize="75sp"
            android:layout_alignParentRight="true"/>
    </RelativeLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal">

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:layout_weight="2">


            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:orientation="horizontal"
                android:layout_weight="5">

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_weight="1"
                        android:text="MC"/>

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_weight="1"
                        android:text="←" />

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_weight="1"
                        android:text="7"/>

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_weight="1"
                        android:text="4"/>

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="0dp"
                        android:layout_weight="1"
                        android:text="1"/>

                </LinearLayout>

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:orientation="vertical">

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="MR"/>

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="CE"/>

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="8"/>

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="5"/>

                    <Button
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_weight="1"
                        android:text="2"/>
                </LinearLayout>

            </LinearLayout>

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="0dp"
                android:layout_weight="1">
                <Button
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:text="0"/>
            </LinearLayout>

        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical">
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="MS"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="CE"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="9"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="6"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="3"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="."/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:orientation="vertical">
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="M+"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="±"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="/"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="*"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="-"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="+"/>
        </LinearLayout>

        <LinearLayout
            android:layout_width="0dp"
            android:layout_height="match_parent"
            android:layout_weight="1" android:orientation="vertical">
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="M-"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="√"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="%"/>
            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="1/x"/>

            <Button
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_weight="4"
                android:text="="/>

        </LinearLayout>

    </LinearLayout>

</LinearLayout>
Android计算器LinearLayout实现布局
qq_41032991的博客
01-20 1035
计算器布局的实现有好多方法，先用LinearLayout实现一次吧，以后可能还会用其他布局 先上最终结果 实现方式是利用LinearLayout的layout_weight属性，实现按钮的均匀分布 由于layout_weight属性的特殊性， 当外层LinearLayout为垂直排布的时候，内部控件的layout_height要设为0dp,layout_width设为match_par...
Android------布局(Layout)
qq_43236424的博客
06-15 545
布局是指页面的控件的摆放样式。 在Android中使用.xml格式来控制布局。 一、布局分类： 1、线性布局 2、相对布局 二、布局的优化技巧： 1、比例划分(线性布局特有) 2、布局嵌套 一、布局分类： 1、线性布局(LinearLayout)：内部的控件全部横向或者纵向一字排布。 这里只介绍几个基本的属性设置，刚开始学也没有贪多。 设置方向： android:orientation="horizontal"//横向...
Android LinearLayout_Calculator计算器界面
10-26
利用LinearLayout布局实现 计算器界面 充分利用weight属性
Android知识点剖析系列：深入了解layout_weight属性
abwy16733的博客
01-16 411
前言 　　Android中layout_weight这个属性对于经常捣鼓UI的我们来说，肯定不会陌生。但是我们在真正使用这个属性时，经常会出现一些莫名奇妙的布局效果；如果仅仅知其然而不知其所以然，一些意外的布局效果一定让我们颇为头疼。在本文中，将对layout_weight这个属性详细剖析。 正文 从代码讲起： <LinearLayout xmlns:and...
四十四、Android之android:layout_weight详解
weixin_34380781的博客
12-27 224
1、LinearLayout可以为其包含控件指定填充权值layout_weight。 这样就允许其包含的控件可以填充屏幕上的剩余空间。这也避免了所有控件挤成一堆的情况，而是允许他们放大填充所有空白。剩余的空间会按这些控件指定的权值比例分配屏幕。                 2、默认情况下，weight的值是0，表示按照控件的实际大小显示；如果weight设置高于零。            ...
android中layout_weight的理解
编程菜鸟---正在努力进阶
06-29 1213
SDK中的解释 Indicates how much of the extra space in the LinearLayout will be allocated to the view associated with these LayoutParams. Specify 0 if the view should not be stretched. Otherwise the ex
layout_weight详解
Jacky_Cmd
04-11 1062
layout_weight在布局文件中经常使用，所有的视图都有一个layout_weight值， 默认为零，意思是需要显示多大的视图就占据多大的屏幕空间。若赋一个高于零的 值，则将父视图中的可用空间分割，分割大小具体取决于每一个视图layout_weight  值。 如果第一个控件值为1，第二个控件值为2，则第一个控件占据本行的1/3，第 二个占据2/3。这个比较好理解，就不举例子了。下
数字按钮从0-9进行初始化，请使用最简单的方法进行初始化<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:orientation="vertical" android:layout_width="match_parent" android:layout_height="match_parent"> <LinearLayout android:layout_width="match_parent" android:orientation="horizontal" android:layout_height="100dp"> <TextView android:id="@+id/input" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="10dp" android:layout_marginTop="10dp" android:text="" android:textSize="30sp" /> <TextView android:id="@+id/result" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_marginLeft="195dp" android:layout_marginTop="50dp" android:text="" android:textSize="30sp" /> </LinearLayout> <LinearLayout android:layout_width="match_parent" android:orientation="horizontal" android:layout_height="80dp"> <TextView android:id="@+id/C" android:onClick="oneOnClick" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:gravity="center" android:textSize="30sp" android:text="C"/> <!-- android:background="@drawable/selector_gray1"--> <TextView android:id="@+id/zf" android:onClick="oneOnClick" android:layout_width="0dp" android:layout_weight="1" android:layout_height="match_parent" android:gravity="center" android:textSize="30sp" android:text="+/-"/> <!-- android:background="@drawable/selector_gray1"--> <TextView android:id="@+id/mo" andro
03-10
接下来，数字按钮0-9通常是排列成网格状的，比如计算器界面。常见的布局方式是使用GridLayout，但GridLayout在旧版本上可能支持不够好。或者，可以用LinearLayout配合权重（weight）来实现，但可能需要多层嵌套。...
【文件2-7】 activity_main.xml 1 <TableLayout xmlns:android-"http://schemas.android.com/apk/res/android" 2 3 android:layout width="match parent" 4 android:layout height="match parent" 5 android:stretchColumns="*"> 6 <TableRow 7 android:id="@+id/tr_one" 8 style="@style/rowstyle" 9 android:layout_marginTop-"200dp"> 10 <Button 11 style="@style/btnstyle" 12 android:text-"c"/> 13 <Button 14 style="@style/btnstyle" 15 android:text="-"/> 16 <Button 17 style="@style/btnstyle" 18 android:text="+"/> 19 <Button 20 style="@style/btnstyle" 21 android:text-"-"/> 22 </TableRow> 23 <TableRow android:id="@+id/tr_two" 24 25 style="@style/rowstyle"> 26 <Button 27 style="@style/btnstyle" 28 android:text="7"/> <Button style="@style/btnstyle" 31 android:text-"8"/> 32 <Button 33 style="@style/btnstyle" android:text-"9"/> 34 35 <Button 36 style="@style/btnstyle" 37 android:text="x"/> 38 </TableRow> 39 <TableRow 40 android:id="@+id/tr_three" 41 style="@style/rowStyle"> 42 <Button 43 style="@style/btnstyle" 44 android:text-"6"/> 45 <Button 46 style="@style/btnstyle" 47 android:text-"5"/> 48 <Button 49 style="@style/btnstyle" 50 android:text-"4"/> 51 <Button 52 style="@style/btnstyle" 53 android:text="/"/> 54 </TableRow> 55 <TableRow 56 android:id="@+id/tr_four" 57 style="@style/rowStyle"> 58 <Button style="@style/btnstyle" android:text-"1"/> 61 <Button 62 style="@style/btnstyle" 63 android:text="2"/> 64 <Button 65 style="@style/btnstyle" 66 android:text-"3"/> 67 <Button 68 style="@style/btnstyle" 69 android:text-"."/> 70 </TableRow> 71 <TableRow 72 android:id-"@+id/tr_five" 73 style="@style/rowstyle"> 74 <Button 75 style="@style/btnstyle" 76 android:layout_span="2" 77 android:text="0"/> 78 <Button 79 style="@style/btnstyle" 80 android:layout _span-"2" 81 android:text-"-"/> </TableRow> 82</TableLayout>写个类似的计算机代码
最新发布
03-17
<item name="android:layout_weight">1 <item name="android:textSize">24sp ``` 4. **布局逻辑**： - 通过 `android:stretchColumns="*"` 实现列等宽 - 使用 `android:layout_span` 合并单元格 - 首行通过 `...
剖析Android 线性布局中的权重（layout_weight）(解答疑惑)
热门推荐
不再想当菜鸟了
04-15 2万+
首先看一下奇怪的的现象： 线性布局的情况下，有个非常奇怪的属性——android:layout_weight，该属性大部分视图控件中都有，它表示视图的重要度或者权重，看看以下两种情况下该属性的使用： （1）水平布局的情况下：（android:orientation="horizontal"） 第一种情况：设置 android: layout_width="fill_paren
布局属性layout_weight解析
ruancoder的博客
07-05 3822
关于Layout Weight，我们先来看一下官方释义。 LinearLayout通过子View的android:layout_weight属性，来为子View分配权重。layout_weight属性指定子View在屏幕上占有空间的重要性。较大的权重值使得子View可以扩充到填充父视图的任何剩余空间。子View可以指定一个weight值，然后LinearLayout根据子View声明的w
使用layout_weight做布局
海涛高软
10-11 276
布局的画面如下： <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="
线性布局里面的layout_weight
Android探索之路
02-02 874
所以,要对weight做了解在layout_width设置为fill_parent的时候,layout_weight所代表的是你的控件要优先尽可能的大,但这个大是有限度的,即fill_parent. 在layout_width设置为wrap_content的时候,layout_weight所代表的是你的控件要优先尽可能的小,但这个小是有限度的,即wrap_content.
layout_weight的使用
小天花藏
11-30 1095
最近在看写公开视频，发现layout_weight跟我以前所认知的略有不同，在这总结下。 在LinearLayout中的子控件使用layout_weight属性可以让子控件按照父控件的一定比例来显示，先看几个常规的使用方法 1 子控件与子控件按照一定比例显示 <LinearLayout android:layout_width="match_parent" android:l...
Layout_weight属性
weixin_39821531的博客
03-04 578
为了调剂一下心情，穿插一篇Android基础文档。 一、 简介 android:layout_weight在LinearLayout中布局属性。根据权重布局。 二、 功能介绍 android:layout_weight的默认值是0。 当layout_weight被设置为有效值的时候，布局会计算两次。 布局的计算公式： View的大小=Vi...
代码设置layout_weight attribute
weixin_34146986的博客
03-10 159
代码设置 LinearLayout权重比例之小结： 如果在LinearLayout添加子View，那么只有一个View的时候设置所占的比例一定要设置LinearLayout总weightsum。不然会设置无效，代码示例：   mTabLayout.setWeightSum(1.0f); mTabLayout.addView(textView, new LinearLayout...
LayoutWeight属性总结
多多爸比的博客
06-25 543
关于这个属性的理解，在网上也找了好多相关的教程，总没有找到一个让我容易理解的教程，最近看了Marschen的关于这个发生的视频讲解后，感觉非常的通俗易懂，特此在这里写一个总结，以帮助更多的人能更容易的理解这个属性。 简单的理解，就是用来分配某控件点剩余空间的比例，下面通过代码来看一下效果： ---MainActivity.java---代码如下： ----------------------
layout_weight讲解
weixin_33932129的博客
04-06 105
   在网上看了一些对Layout_weight的讲解，有些说的比较片面，只列举了一种情况，然后自己通过实验和一些比较好的文章总结了一下，特此记录下 来，以备以后所用。Layout_weight是线性布局，也就是LinearLayout里面用到的，下面通过实验来看这个Layout_weight 的特性。 1.当控件的属性android:layout_width="fill_parent"时，布...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值