使用 GridLayout 搞乱计算器

2024-02-27

我在使布局看起来漂亮方面遇到了麻烦。

为了了解基础知识，我决定创建一个简单的计算器应用程序。
因此，我使用嵌套在 LinearLayout 中的 GridLayout 将按钮放置在文本字段下。

这是我的布局的来源。

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

    <TextView
        android:layout_height="wrap_content"
        android:layout_width="match_parent"
        android:text="0"
        android:layout_weight="30"/>

    <GridLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:columnCount="4"
        android:rowCount="5"
        android:orientation="horizontal"
        android:useDefaultMargins="false"
        android:layout_weight="70">

        <Button
            android:text="C" />

        <Button
            android:text="BS" />

        <Button
            android:text="/" />

        <Button
            android:text="x" />

        <Button
            android:text="7" />

        <Button
            android:text="8" />

        <Button
            android:text="9" />

        <Button
            android:text="-" />

        <Button
            android:text="4" />

        <Button
            android:text="5" />

        <Button
            android:text="6" />

        <Button
            android:text="+" />

        <Button
            android:text="1" />

        <Button
            android:text="2" />

        <Button
            android:text="3" />

        <Button
            android:layout_gravity="fill"
            android:layout_rowSpan="2"
            android:text="=" />
        <Button
            android:layout_gravity="fill"
            android:layout_columnSpan="2"
            android:text="0" />
        <Button
            android:text="." />
    </GridLayout>

</LinearLayout>

如何让这个布局充满屏幕？

让我的应用程序看起来像这样

希望尽快得到答复。

[编辑]：所以，现在情况好多了，但我有新的问题。现在我的主要活动如下所示

在我看来，相当不错，但是：

如何删除键盘右侧的空白区域？
如何使键盘和文本视图分别占据屏幕的 70% 和 30%？

另外，新的布局代码是：

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="android.calcandroid.MainActivity">

    <TextView
        android:background="@drawable/shape"
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:text="0"
        android:layout_above="@+id/gridLayout" />

    <GridLayout
        android:id="@+id/gridLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_alignParentBottom="true"
        android:columnCount="4"
        android:rowCount="5"
        android:orientation="horizontal"
        android:useDefaultMargins="false">

        <Button
            android:background="@drawable/shape"
            android:text="C" />

        <Button
            android:background="@drawable/shape"
            android:text="BS" />

        <Button
            android:background="@drawable/shape"
            android:text="/" />

        <Button
            android:background="@drawable/shape"
            android:text="x" />

        <Button
            android:background="@drawable/shape"
            android:text="7" />

        <Button
            android:background="@drawable/shape"
            android:text="8" />

        <Button
            android:background="@drawable/shape"
            android:text="9" />

        <Button
            android:background="@drawable/shape"
            android:text="-" />

        <Button
            android:background="@drawable/shape"
            android:text="4" />

        <Button
            android:background="@drawable/shape"
            android:text="5" />

        <Button
            android:background="@drawable/shape"
            android:text="6" />

        <Button
            android:background="@drawable/shape"
            android:text="+" />

        <Button
            android:background="@drawable/shape"
            android:text="1" />

        <Button
            android:background="@drawable/shape"
            android:text="2" />

        <Button
            android:background="@drawable/shape"
            android:text="3" />

        <Button
            android:background="@drawable/shape"
            android:layout_gravity="fill_vertical"
            android:layout_rowSpan="2"
            android:text="=" />
        <Button
            android:background="@drawable/shape"
            android:layout_gravity="fill_horizontal"
            android:layout_columnSpan="2"
            android:text="0" />
        <Button
            android:background="@drawable/shape"
            android:text="." />
    </GridLayout>

</RelativeLayout>

已经很接近了。不知道如何处理垂直分隔线。由于某种原因放一个1dp跨越每行的每列之间的视图会导致 GridLayout 展开整个视图。

要使用它，您的支持库版本需要此依赖项

compile "com.android.support:gridlayout-v7:<support library number>"

颜色.xml

<color name="calcAccent">#ef6c00</color>

样式.xml

<style name="calcAction">
    <item name="android:background">#f7f8fa</item>
</style>
<style name="calcNumber">
    <item name="android:background">#fafbfd</item>
</style>

布局XML

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

    <TextView
            android:layout_height="match_parent"
            android:layout_width="match_parent"
            android:text="0"
            android:layout_above="@+id/gridLayout" android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true" android:gravity="bottom|end"
            android:singleLine="true" android:textAppearance="@style/TextAppearance.AppCompat.Headline"
            android:textSize="48sp" android:background="#e3e7ea" android:paddingBottom="32dp"
            android:padding="16dp"/>

    <android.support.v7.widget.GridLayout
            android:id="@+id/gridLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_alignParentBottom="true" android:layout_centerHorizontal="true"
            grid:useDefaultMargins="false" grid:alignmentMode="alignBounds" grid:columnCount="7" grid:rowCount="9">

        <!-- Row 1 -->
        <Button
                android:text="C"
                grid:layout_row="0" grid:layout_column="0"
                style="@style/calcAction" android:textStyle="bold" android:textColor="@color/calcAccent"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>
        <ImageButton
                android:src="@android:drawable/ic_input_delete"
                grid:layout_row="0" grid:layout_column="2"
                style="@style/calcAction"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1" />
        <Button
                android:text="&#247;"
                grid:layout_row="0"
                style="@style/calcAction"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1" grid:layout_column="4"/>
        <Button
                android:text="x"
                grid:layout_row="0" grid:layout_column="6"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"
                style="@style/calcAction"/>

        <!-- Row 2 -->
        <View
                grid:layout_gravity="fill_horizontal"
                android:layout_height="1dp"
                grid:layout_row="1" grid:layout_column="0" grid:layout_columnSpan="7"
                android:background="#eee"/>
        <Button
                android:text="7" grid:layout_row="2" grid:layout_column="0"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"
                style="@style/calcNumber"/>
        <Button
                android:text="8" grid:layout_row="2" grid:layout_column="2"
                style="@style/calcNumber"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>
        <Button
                android:text="9" grid:layout_row="2" grid:layout_column="4"
                style="@style/calcNumber"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>
        <Button
                android:text="-" grid:layout_row="2" grid:layout_column="6"
                style="@style/calcAction"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>

        <!-- Row 3 -->
        <View
                grid:layout_gravity="fill_horizontal"
                android:layout_height="1dp"
                grid:layout_row="3" grid:layout_column="0" grid:layout_columnSpan="7"
                android:background="#eee"/>
        <Button
                android:text="4" grid:layout_row="4" grid:layout_column="0"
                style="@style/calcNumber"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>
        <Button
                android:text="5" grid:layout_row="4" grid:layout_column="2"
                style="@style/calcNumber"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>
        <Button
                android:text="6" grid:layout_row="4" grid:layout_column="4"
                style="@style/calcNumber"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>
        <Button
                android:text="+" grid:layout_row="4" grid:layout_column="6"
                style="@style/calcAction"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>

        <View
                grid:layout_gravity="fill_horizontal"
                android:layout_height="1dp"
                grid:layout_row="7" grid:layout_column="0" grid:layout_columnSpan="7"
                android:background="#eee"/>

        <!-- Row 4 -->
        <Button
                android:text="1" grid:layout_row="6" grid:layout_column="0"
                style="@style/calcNumber"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>
        <Button
                android:text="2" grid:layout_row="6" grid:layout_column="2"
                style="@style/calcNumber"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>
        <Button
                android:text="3" grid:layout_row="6" grid:layout_column="4"
                style="@style/calcNumber"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"/>
        <Button
                android:text="=" grid:layout_row="6" grid:layout_column="6"
                style="@style/calcNumber" android:background="@color/calcAccent"
                grid:layout_rowSpan="3"
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"
                android:textAppearance="@style/TextAppearance.AppCompat.Large"
                android:textColor="@color/primary_material_light" android:textStyle="bold" android:textSize="22sp"
                android:gravity="bottom|center_horizontal" android:padding="8dp"/>
        <!-- Row 5 -->

        <Button
                grid:layout_columnWeight="1" grid:layout_rowWeight="1"
                android:text="0"
                grid:layout_row="8" grid:layout_column="0" grid:layout_columnSpan="3"
                style="@style/calcNumber"/>
        <Button
                android:text="."
                grid:layout_row="8" grid:layout_column="4"
                grid:layout_columnWeight="1" style="@style/calcNumber"/>

        <!-- Horizontal Grid -->
        <View
                grid:layout_gravity="fill_horizontal"
                android:layout_height="1dp"
                grid:layout_row="5" grid:layout_column="0" grid:layout_columnSpan="7"
                android:background="#eee"/>


    </android.support.v7.widget.GridLayout>

</RelativeLayout>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

Android

xml

androidlayout

使用 GridLayout 搞乱计算器的相关文章

从 xsd 生成 cXML 类会引发错误“元素‘uri:ds:Signature’丢失。”

我正在尝试根据 cXML 1 2 034 版本生成 cXML 类http cxml org http cxml org XSD 由 Visual Studio 转换我将 cXML dtd 转换为 xsd 然后尝试运行 xsd exe cX
更改工具栏中汉堡图标的大小？

我有两个问题可能很奇怪但无论如何我有带有应用程序标题的工具栏如何将其更改为非徽标的图片下一个问题是否可以设置更改工具栏中汉堡图标的大小我在下面的下一个代码的帮助下制作了经典的导航抽屉我也使用了 ActionBarDrawe
Mailgun POST /messages API 总是抛出 401 禁止

我正在尝试使用改造库在 Android 中发送 Mailgun POST messages API 请求以下是改装要求 HTTP POSThttps api key xxx v3 sandboxxxx messages https api
Google Inbox 类似 RecyclerView 项目打开动画

目前我正在尝试实现 Google Inbox 例如RecyclerView行为我对电子邮件打开动画很好奇我的问题是该怎么做我的意思是他们使用了哪种方法他们用过吗ItemAnimator dispatchChangeStarti
Python BeautifulSoup XML 解析

我编写了一个简单的脚本来使用 BeautifulSoup 模块解析 XML 聊天日志标准 soup prettify 工作正常只是聊天日志中有很多绒毛您可以在下面看到我正在使用的脚本代码和一些 XML 输入文件 Code import
服务器到 Firebase HTTP POST 结果为响应消息 200

使用 Java 代码向下滚动查看我使用 FCM 向我的 Android 发送通知消息当提供正确的服务器密钥令牌时我收到如下所示的响应消息之后从 FCM 收到以下响应消息 Response 200 Success Message m
如何将 XMP XML 块序列化为现有的 JPEG 图像？

我有许多 JPEG 图像其中包含损坏的 XMP XML 块我可以轻松修复这些块但我不确定如何将固定数据写回图像文件我目前正在使用 JAVA 但我愿意接受任何能让这项任务变得容易的事情这是目标关于 XMP XML 的另一个问题
在 Android 上的测试用例之外运行 ExtractDecodeEditEncodeMuxTest

我正在尝试添加在 Android 上提取解码编辑编码和混合视频的功能因此我发现了一些非常有用的实现它是Android CTS的一部分ExtractDecodeEditEncodeMuxTest https android goo
invalidateOptionsMenu 在片段中不起作用

显示或隐藏项目ActionBar根据文本中是否有文本EditText or not 所以我做了以下事情 public class NounSearch extends android app Fragment EditText seach
如何在 Android 上的 HttpPost 中发送 unicode 字符

我试图在我的应用程序中允许多语言支持这会发出 HTTP post 来上传新消息我需要做什么才能支持日语和其他非拉丁语语言我的代码目前看起来像这样 note the msg string is a JSON message by the
有没有办法在Android上创建一个三角形按钮？

有没有办法创建一个三角形的按钮我知道我可以将三角形图像作为背景但这将使三角形之外的区域可单击有没有办法固定按钮角 X 和 Y 以便我可以将其变成三角形您可以覆盖OnTouch http developer android com r
onTouchEvent()中如何区分移动和点击？

在我的应用程序中我需要处理移动和单击事件一次点击是由一个 ACTION DOWN 操作多个 ACTION MOVE 操作和一个 ACTION UP 操作组成的序列理论上如果您收到 ACTION DOWN 事件然后收到 ACTIO
模拟器：进程已完成，退出代码为 134（被信号 6：SIGABRT 中断）

我最近刚刚开始在 Mac 上下载 Android Studio 版本 3 0 1 但收到以下错误模拟器进程已完成退出代码为 134 被信号 6 SIGABRT 中断我按照 Android Studio 教程操作并能够运行模拟器但在
如何在 WebView 中添加 JavaScript 函数并稍后在提交 reCAPTCHA 时从 HTML 调用它

我在 WebView 中添加一个 JavaScript 函数如下所示 Kotlin val webView findViewById R id webview as WebView webView getSettings setJavaS
如何在新标签 android webview 中打开链接？ [关闭]

Closed 这个问题需要多问focused help closed questions 目前不接受答案我已经使用 webview 创建了一个 android 应用程序来显示我的网站我什至想添加在新选项卡中打开链接的功能但我找不到任何
OpenGL ES 2.0 屏幕闪烁

我面临着一个大问题我正在使用带有 Android 4 0 3 的 Transformer tf101 选项卡我的应用程序使用自定义 OpenGL ES 2 0 表面我正在用纹理渲染多个平面该纹理大约发生变化每秒 20 次并通过传
WebView 在某些设备上如果不长按则不会滚动

我有一个 WebView 设置如下 the web view mWebView WebView findViewById R id webView push the url on to the web view mWebView loadU
gradle-experimental:0.1.0 buildConfigField

谁知道怎么定义buildConfigField在实验性的 gradle 插件中 android productFlavors create demo applicationId com anthonymandra rawdroid buil
Android应用程序kill事件捕获

我想在我的应用程序被终止时执行一些操作可以使用哪种方法来实现此目的我正在开发 Android 5 0 这个问题的关键在于您必须了解您的申请是否可以收到任何当您的应用程序在任何情况下被终止时的额外回调下面的答案是由德文连线 http
Amazon IAP 不会调用 onPurchaseResponse

我有一个 Android 应用程序它使用 IAP 我正在发送PurchasingManager initiateGetUserIdRequest 并得到用户识别成功 in onGetUserIdResponse 得到回复后Purchasi

随机推荐

让Git在分支之间保留不同的section内容

我正在开发一个用户脚本我的雇主要求我开始通过 Git 进行管理现在我有一个稳定文件和一个测试版文件以便组织中的每个人都可以安装稳定代码但如果愿意可以选择帮助测试测试版添加内容该文件的某些部分应保持不同内容和更改不应在分支之间
使用 pandoc ruby 将 HTML 和内联 Mathjax 数学转换为 LaTeX

我正在构建一个Rails应用程序并且正在寻找一种方法将带有html和内联MathJax数学 TeX 的数据库条目转换为LaTeX以创建pdf 我发现了和我类似的问题使用 pandoc 将 html mathjax 转换为 Markdow
这个==- JavaScript 运算符是什么？

当我发现时我跌跌撞撞地尝试不同的条件 or 在 JS 控制台中您可以编写 var a 那么以下是正确的 a 但这是错误的 a 然而如果你说 a or a 那么这是什么俏皮的东西操作员他们不是不同的运营商 Writing a 被解析
使用 XAMPP 包在本地显示 php 站点时出现问题。站点在远程服务器上运行良好

我在 stackoverflow com 上发表的第一篇文章一个很棒的网站我希望我的帖子能为他人的利益做出贡献情况我受委托翻新一处really小型现有 php 驱动的网站于是我开始搭建我的环境 Dreamweaver 已安装
Selenium 使用 Firefox 配置文件

我尝试在 Windows 10 系统上使用 Selenium Webdriver 和 Python 来实现浏览器操作的一些自动化但我有这个问题 Selenium 启动的 Firefox 窗口没有看到我已经登录并且目标站点将我发送到登
R 闪亮销毁观察事件

我是 R Shiny 的新手我正在尝试创建一个带有一些动态生成的按钮的应用程序每个按钮都有一个与之关联的observeEvent 我想添加一个重置按钮来删除所有observeEvents 我浏览了一些链接发现 destroy 函数可以
ASP.NET MVC3 中的 HtmlHelper 使用 Action 作为模板：Razor 语法？

首先我要说的是也许有更好的方法可以做到这一点而 Razor 正在为我们指明道路无论如何我有一个 HTML 帮助器它充当某种重复器但在任意次数的重复之后它会插入一个备用模板最明显的用途在 x 个单元格之后开始新行的表格助手
HTML、jQuery：将一个元素的宽度绑定到另一个元素

我想将第一个元素 foo 的宽度绑定到第二个元素 bar 的宽度我希望当元素 bar 的宽度更改时元素 foo 的宽度自动更改我知道我可以将元素 foo 的宽度设置为元素 bar 的宽度正如我们在下面的代码中看到的那样但这是一次性
Visual Basic 2008 中的集合初始化语法？

我试图确定 Visual Basic 2008 如果重要的话是 Express 版本中是否有一种方法可以像 JavaScript 或 Python 那样进行内联集合初始化 Dim oMapping As Dictionary Of In
检测和存储 Web 应用程序客户端所在时区的最佳方法是什么？

我有一个多时区 Web 应用程序它将所有 UTC 日期时间值存储在数据库中当服务器上发生操作时我可以轻松地将时间转换为 UTC 但是当客户端输入时间或时间跨度时检测和存储它的最佳方法是什么我目前正在做以下事情获取 Date g
程序执行期间Apache-Spark出现超时异常

我正在 MAC 中运行 Bash 脚本该脚本多次调用用Scala语言编写的spark方法我目前正在尝试使用 for 循环调用此 Spark 方法 100 000 次在运行少量迭代大约 3000 次迭代后代码退出并出现以下异常 o
在 Jenkins 上构建多项目 Gradle

我有一个在 Mercurial 存储库中托管的 Gradle 多项目我想以这样的方式设置我的 Jenkins 如果我只将更改提交到 1 个子项目那么只有该子项目将被构建并发布到我的 Nexus 存储库有人可以给我提示吗或者说这完全有
Spring MVC（或 Spring Boot）。针对安全相关异常的自定义 JSON 响应，例如 401 Unauthorized 或 403 Forbidden）

我正在开发 REST 服务它使用 JSON 并且必须返回一些预定义的 JSON 对象以防出现问题默认的 Spring 响应如下所示 timestamp 1512578593776 status 403 error Forbidden
如何从java实例化在scala中定义的嵌套泛型类？

我试图从 Java 实例化一个嵌套通用 Scala 类并遇到此编译错误有人可以帮忙吗谢谢外部 scala class Outer class Inner A sctest java public class sctest public
HTML 标签表到文本字段 - JasperReport

我有一个使用 html 标记语言或样式的参数输入到文本字段但是当我放置标签时它根本不显示 Jaspersoft 支持的 thid 标签 b b u u i i font font
如何结合对称加密和非对称加密？

在谈论非对称加密时人们经常说由于某些原因您不应该对整个消息进行非对称加密例如性能考虑通常建议的工作流程是创建对称加密的随机密钥使用此随机密钥加密消息使用非对称加密对随机密钥进行加密将加密消息和加密密钥发送给接收者到目前为
Azure 逻辑应用 - 用于部署文件系统 API 连接的 ARM 模板

我正在尝试使用 ARM 模板部署文件系统 API 连接我找不到此连接的parametersValue架构因此尝试按照Azure门户上显示的参数命名它们在 Azure 门户上编辑 API 连接屏幕截图1 https i stack im
用自己的实现和信任管理器替换 SSLContext 默认值

基于 Jcs 的回答 HttpUnit WebConversation SSL 问题 https stackoverflow com questions 4868654 httpunit webconversation ssl issues
如何使用 Java 以编程方式签署二进制 MS Office 文档？

我们如何在 Apache POI 或任何其他开源库中对旧版二进制 MS Office 文档 doc xls ppt 进行数字签名 Open XML 格式包含在如何使用 Java 以编程方式签署 MS Office XML 文档 https
使用 GridLayout 搞乱计算器

我在使布局看起来漂亮方面遇到了麻烦为了了解基础知识我决定创建一个简单的计算器应用程序因此我使用嵌套在 LinearLayout 中的 GridLayout 将按钮放置在文本字段下这是我的布局的来源

使用 GridLayout 搞乱计算器

使用 GridLayout 搞乱计算器 的相关文章

随机推荐

热门标签

使用 GridLayout 搞乱计算器的相关文章