android - GridLayout 在小显示器上折叠-6ren

android - GridLayout 在小显示器上折叠

转载作者：塔克拉玛干更新时间：2023-11-02 08:34:13

我有 LinearLayout 和 TextView、GridLayout 和另一个 TextView。它可以在许多现代手机和平板电脑上正确显示，但在像 Nexus S 这样的小显示器上完全无法显示。请参见下图。

我尝试减小字体大小，删除 9 色补丁背景，甚至删除所有边距。当有一些边距时，我只能看到 digit7。然后我将它们最小化，我可以看到四行，它们的第一个按钮呈现为显示的两倍大。我不明白为什么，它应该有 wrap_content 宽度。

我尝试最小化代码并将其缩减为单行的 GridLayout，但它仍然不适合屏幕的宽度。

那里发生了什么？

更新:

420x800 mdpi 作品
420x800 hdpi 坏了
540x920 hdpi 作品
720x1280 hdpi 作品

更新 2:

当字体为 38sp 或更大时，Nexus 5x 也有同样的问题。有趣的是，Studio 的设计器显示了正确的布局，但设备/模拟器都显示了损坏的 View 和以下错误:

D/android.support.v7.widget.GridLayout: vertical constraints: y1-y0>=197, y2-y1>=197, y3-y2>=197, y4-y3>=197, y4-y0<=785 are inconsistent; permanently removing: y4-y0<=785.

计算器.xml:

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

<!--Display row-->
<TextView
    android:id="@+id/assignment"
    android:text="50 + 40 = 90"
    style="@style/Formula"
    android:focusable="false"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    tools:ignore="HardcodedText" />

<android.support.v7.widget.GridLayout
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="1"
    app:columnCount="4"
    app:rowCount="4">

    <!-- row with 7-9,+ -->

    <Button
        android:id="@+id/digit7"
        android:text="7"
        style="@style/KeypadLeftButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:layout_rowWeight="1"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText"  />

    <Button
        android:id="@+id/digit8"
        android:text="8"
        style="@style/KeypadButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:layout_rowWeight="1"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText"  />

    <Button
        android:id="@+id/digit9"
        android:text="9"
        style="@style/KeypadButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:layout_rowWeight="1"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText" />

    <Button
        android:id="@+id/buttonPlus"
        android:text="+"
        style="@style/KeypadRightButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_rowWeight="0.5"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText" />

    <!--row with 4-6, - -->

    <Button
        android:id="@+id/digit4"
        android:text="4"
        style="@style/KeypadLeftButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:layout_rowWeight="1"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText" />

    <Button
        android:id="@+id/digit5"
        android:text="5"
        style="@style/KeypadButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:layout_rowWeight="1"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText" />

    <Button
        android:id="@+id/digit6"
        android:text="6"
        style="@style/KeypadButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:layout_rowWeight="1"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText"  />

    <Button
        android:id="@+id/buttonMinus"
        android:text="-"
        style="@style/KeypadRightButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_rowWeight="0.5"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText" />

    <!--row with 1-3, * -->

    <Button
        android:id="@+id/digit1"
        android:text="1"
        style="@style/KeypadLeftButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:layout_rowWeight="1"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText"  />

    <Button
        android:id="@+id/digit2"
        android:text="2"
        style="@style/KeypadButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:layout_rowWeight="1"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText"  />

    <Button
        android:id="@+id/digit3"
        android:text="3"
        style="@style/KeypadButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        app:layout_rowWeight="1"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText" />

    <Button
        android:id="@+id/buttonMultiply"
        android:text="\u22C5"
        style="@style/KeypadRightButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_rowWeight="0.5"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText" />

    <!--row with 0, backspace and / -->

    <Button
        android:id="@+id/digit0"
        android:text="0"
        style="@style/KeypadLeftButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_columnWeight="1"
        app:layout_gravity="fill_horizontal"
        app:layout_rowWeight="1"
        tools:ignore="HardcodedText"  />

    <Button
        android:id="@+id/buttonBackspace"
        android:text="←"
        style="@style/KeypadButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_gravity="fill_vertical"
        app:layout_columnSpan="2"
        app:layout_rowWeight="0.5"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText" />

    <Button
        android:id="@+id/buttonDivide"
        android:text=":"
        style="@style/KeypadRightButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_rowWeight="0.5"
        app:layout_columnWeight="1"
        tools:ignore="HardcodedText" />
</android.support.v7.widget.GridLayout>

<!--row with button submit -->

<Button
    android:id="@+id/buttonSubmit"
    android:text="@string/action_next_formula"
    style="@style/KeypadNextButton"
    android:layout_width="match_parent"
    android:layout_height="80dp"
    app:layout_gravity="fill_horizontal"/>
</LinearLayout>

样式:

<style name="Formula">
    <item name="android:textSize">@dimen/calc_button_text</item>
    <item name="android:textColor">@color/gray_35</item>
    <item name="android:gravity">center</item>
    <item name="android:background">@drawable/lcd</item>
    <item name="android:layout_marginTop">@dimen/calc_big_margin</item>
    <item name="android:layout_marginBottom">@dimen/calc_superbig_margin</item>
    <item name="android:layout_marginLeft">@dimen/calc_big_margin</item>
    <item name="android:layout_marginRight">@dimen/calc_big_margin</item>
</style>

<style name="KeypadButton" parent="@style/Widget.AppCompat.Button">
    <item name="android:textSize">@dimen/calc_button_text</item>
    <item name="android:textColor">@color/white</item>
    <!--<item name="android:background">@drawable/tl_2</item>-->
    <item name="android:layout_marginLeft">@dimen/calc_small_margin</item>
    <item name="android:layout_marginBottom">@dimen/calc_small_margin</item>
</style>

<style name="KeypadLeftButton" parent="@style/KeypadButton">
    <item name="android:layout_marginLeft">@dimen/calc_big_margin</item>
</style>

<style name="KeypadRightButton" parent="@style/KeypadButton">
    <item name="android:layout_marginRight">@dimen/calc_big_margin</item>
</style>

<style name="KeypadNextButton" parent="@style/Widget.AppCompat.Button.Colored">
    <item name="android:background">@drawable/tl_next</item>
    <item name="android:textSize">@dimen/calc_button_text</item>
    <item name="android:layout_marginTop">@dimen/calc_big_margin</item>
    <item name="android:layout_marginBottom">@dimen/calc_big_margin</item>
    <item name="android:layout_marginLeft">@dimen/calc_big_margin</item>
    <item name="android:layout_marginRight">@dimen/calc_big_margin</item>
</style>

维度:

<dimen name="calc_button_text">14sp</dimen>
<dimen name="calc_superbig_margin">2dp</dimen>
<dimen name="calc_big_margin">1dp</dimen>
<dimen name="calc_small_margin">0dp</dimen>

2 月 16 日更新

Manjunath Prabhakar 表示，问题可能与重量有关。所以我尝试删除所有重量属性，布局现在更有意义了。我还没有修复它。我会考虑将布局重写为嵌套的 LinearLayouts 作为退后一步，因此我悬赏以征求其他建议。

最佳答案

我猜是GridLayout支持版本的bug。

看看this (当前已分配):我认为这与您关于 Nexus 5X 字体大小行为的问题有关。总的来说，我发现了很多相关的bug here (与 GridLayout 宽度测量相关)。

我会尝试为您提供解决方法。

我正在使用 com.android.support:gridlayout-v7:25.1.1。

我认为您可以通过这种方式解决您的布局问题(旧手机中的对齐方式和 Nexus 5X 中的字体大小):

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <!--Display row-->
    <TextView
        android:id="@+id/assignment"
        android:text="50 + 40 = 90"
        style="@style/Formula"
        android:focusable="false"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        tools:ignore="HardcodedText" />

    <android.support.v7.widget.GridLayout
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        app:columnCount="4"
        app:rowCount="4">

        <!-- row with 7-9,+ -->

        <LinearLayout
            app:layout_gravity="fill_horizontal"
            app:layout_columnSpan="4"
            android:orientation="horizontal"
            app:layout_rowWeight="1">
        <Button
            android:id="@+id/digit7"
            android:text="7"
            style="@style/KeypadLeftButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            app:layout_rowWeight="1"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText"  />

        <Button
            android:id="@+id/digit8"
            android:text="8"
            style="@style/KeypadButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            app:layout_rowWeight="1"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText"  />

        <Button
            android:id="@+id/digit9"
            android:text="9"
            style="@style/KeypadButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            app:layout_rowWeight="1"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText" />

        <Button
            android:id="@+id/buttonPlus"
            android:text="+"
            style="@style/KeypadRightButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            app:layout_rowWeight="0.5"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText" />

        </LinearLayout>

        <!--row with 4-6, - -->
        <LinearLayout
            app:layout_gravity="fill_horizontal"
            app:layout_columnSpan="4"
            android:orientation="horizontal"
            app:layout_rowWeight="1">
        <Button
            android:id="@+id/digit4"
            android:text="4"
            style="@style/KeypadLeftButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            app:layout_rowWeight="1"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText" />

        <Button
            android:id="@+id/digit5"
            android:text="5"
            style="@style/KeypadButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            app:layout_rowWeight="1"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText" />

        <Button
            android:id="@+id/digit6"
            android:text="6"
            style="@style/KeypadButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            app:layout_rowWeight="1"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText"  />

        <Button
            android:id="@+id/buttonMinus"
            android:text="-"
            style="@style/KeypadRightButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            app:layout_rowWeight="0.5"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText" />

        </LinearLayout>
        <!--row with 1-3, * -->

        <LinearLayout
            app:layout_gravity="fill_horizontal"
            app:layout_columnSpan="4"
            android:orientation="horizontal"
            app:layout_rowWeight="1">
        <Button
            android:id="@+id/digit1"
            android:text="1"
            style="@style/KeypadLeftButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            app:layout_rowWeight="1"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText"  />

        <Button
            android:id="@+id/digit2"
            android:text="2"
            style="@style/KeypadButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            app:layout_rowWeight="1"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText"  />

        <Button
            android:id="@+id/digit3"
            android:text="3"
            style="@style/KeypadButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_weight="1"
            app:layout_rowWeight="1"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText" />

        <Button
            android:id="@+id/buttonMultiply"
            android:text="\u22C5"
            style="@style/KeypadRightButton"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            app:layout_rowWeight="0.5"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText" />

        </LinearLayout>
        <!--row with 0, backspace and / -->

        <LinearLayout
            app:layout_gravity="fill_horizontal"
            app:layout_columnSpan="4"
            android:orientation="horizontal"
            app:layout_rowWeight="1"
            android:weightSum="4">
        <Button
            android:id="@+id/digit0"
            android:text="0"
            style="@style/KeypadLeftButton"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            app:layout_columnWeight="1"
            app:layout_gravity="fill_horizontal"
            app:layout_rowWeight="1"
            tools:ignore="HardcodedText"
            android:layout_weight="1"/>

        <Button
            android:id="@+id/buttonBackspace"
            android:text="←"
            style="@style/KeypadButton"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            app:layout_gravity="fill_vertical"
            app:layout_columnSpan="2"
            app:layout_rowWeight="0.5"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText"
            android:layout_weight="2"/>

        <Button
            android:id="@+id/buttonDivide"
            android:text=":"
            style="@style/KeypadRightButton"
            android:layout_width="0dp"
            android:layout_height="match_parent"
            app:layout_rowWeight="0.5"
            app:layout_columnWeight="1"
            tools:ignore="HardcodedText"
            android:layout_weight="1"/>
        </LinearLayout>
    </android.support.v7.widget.GridLayout>

    <!--row with button submit -->

    <Button
        android:id="@+id/buttonSubmit"
        android:text="NEXT"
        style="@style/KeypadNextButton"
        android:layout_width="match_parent"
        android:layout_height="80dp"
        app:layout_gravity="fill_horizontal"/>
</LinearLayout>

基本上，我所做的是将每组按钮(除最后一行外的四个按钮)包装在 LinearLayout 中。

在这里你可以看到它在两部手机中的样子:

连结 5

Samsung galaxy core plus(旧款)

可以看到，最后一行的对齐有问题。我想你可以尝试解决这些按钮的对齐问题，这些按钮与属性和属性一起玩。如果您想进一步改进最后一个主题，请告诉我。

希望这对您有所帮助。

关于android - GridLayout 在小显示器上折叠，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42173015/

文章推荐： ios - 如何从 NSDictionary 的 NSArray 获取 Unique NSDictionary

文章推荐： java - Thymeleaf 的 3 片段插入不起作用

文章推荐： ios - WCSession 文件传输问题

文章推荐： java - 从 R : Java version missmatch 调用时 h2o 连接失败

java - 如何用Java检测用户是否有扩展桌面/显示器？
我的问题很简单，我相信我只是遗漏了一些小东西，但我不知道它是什么。我知道如何使用 GraphicsEnvironment、GraphicsConfiguration 和 GraphicsDevice
c# - 检测正在使用两个中的哪个监视器/显示器
我目前正在使用一台机器，它的两侧有 2 个显示器。它有一个类似操纵杆的 4 个按钮，用于控制中央机械手的运动。它们都显示相同的屏幕，即显示 1 在第二个屏幕上重复显示。它们都是触摸屏。我希望它们根据用
Docker:无法连接到任何 X 显示器
虽然容器应该具有连接到显示器所需的权限，但我每次都收到此错误: docker exec -it my_container /# rqt QStandardPaths: XDG_RUNTIME_DIR
macos - 显示连接的显示器/显示器/分辨率的终端命令？
有没有办法通过 OS X 中的终端获取有关连接的显示器和显示器及其分辨率的信息？我有一些安装在多台显示器上运行，有时如果没有连接显示器，GFLW 窗口似乎无法打开 - 我想检查显示器是否正确连接，并
android - 在不改变方向的情况下旋转 Android 显示器
本质上，我要完成的是让一个矩形显示器侧向(垂直方向)，Android 显示屏处于纵向位置。由于显示器的限制，在显示器本身上旋转显示是不可行的。首先我设置禁用自动旋转，然后将其设置为纵向模式。 adb
Linux 桌面作为 USB 显示器
我一直在思考一个我想开发的项目的可行性，我不知道是否可行。我想要的是一台标准的 Linux 计算机，当另一台机器通过 USB 插入它时，让它像 USB 显示器一样工作； IE。如果我用标准 USB 线
c# - 显示器 ID 和序列号
在 Windows 中，我们有关于我们的 Monitros 的信息——一些唯一的名称和 ID。例如宏碁 xxx 三星xxx 我对如何在 C# 中获取信息有疑问，因为我知道我们可以从 WMI 获取序列
c# - 自动切换到克隆(液晶显示器和笔记本电脑显示器)显示器？
如何检测笔记本电脑/上网本中插入的显示器并在检测到后启用克隆显示 View ？非常感谢最佳答案您可以使用 EnumDisplaySettingsEx() 这是类似的问题:How do I ena
java - 假 X11 显示器？
我有一个使用 AWT 的 Java 程序，我想在 headless 系统上运行它。该程序的显示除了显示统计信息外什么都不做。当程序完成时，它退出。显示屏上没有用户交互。该程序创建了一个我在构建系统中使
php - 在服务器端检测视网膜(高清)显示器
我发现了很多关于 Retina Display 的问题，但没有一个答案在服务器端。我想根据屏幕提供不同的图像，例如(在 PHP 中): if( $is_retina) $thumbnail
css - Flex 显示器 - Android 上没有换行？
我在一个容器中显示多个 DIV，我希望它们在右侧没有更多空间时换行。它在 IOS 上运行良好，但我无法使其在 Android 上运行... -webkit-flex-wrap: wrap; -moz-
java - Matlab openfig headless 显示器
我在本地计算机上运行 matlab，并从 Java 调用以下函数(在 tomcat Web 服务器中运行): function df = getFig(file) f = openfig(fi
android - 两个带 Android 的屏幕/显示器？
我想开发一个使用两个屏幕来显示信息的 Android 应用程序。例如:一个屏幕显示应用程序，另一个屏幕显示有关当前应用程序状态的一些信息。我的问题:android 是否支持两个显示器/屏幕？您将如何
python - 使用 Python 查找和识别多个显示设备(显示器)
我想编写一个 Python 程序，自动查找和识别连接到我的计算机 (Windows) 的多个显示设备。此外，我还想以编程方式在其中一个设备中启动显示 session (例如幻灯片放映)。知道如何做到这
windows - 一旦被电源设置关闭，如何唤醒我的 Windows 显示器？
所以我的 Vista 机器设置为在 10 分钟后关闭显示器。 (注意:机器没有挂起或休眠) 我有一个 .Net 应用程序正在运行，它需要在指定时间“唤醒”系统。作为人类，您只需移动鼠标或按下一个键。我
iphone - 如何为 iPhone 开发校准 Mac 显示器
如何校准 Mac 显示器以匹配 iPhone 的颜色？ iPhone 的 Gamma 值是多少？谢谢。最佳答案根据this article ，gamma 为 1.8，这就是 Mac OSX Le
cocoa - 如何在 Mac 上禁用屏幕保护程序/显示器 sleep
有没有办法用 cocoa 禁用屏幕保护程序和显示器 sleep ？最佳答案 OSX 10.8 中已弃用 UpdateSystemActivity(OverallAct) 的使用。现在推荐的方法是通
django - wkhtmltopdf (pdfkit) 无法连接到任何 X 显示器
我正在尝试将 wkhtmltopdf 与 Django、nginx、uwsgi 一起使用它在使用 manage.py runserver 运行的开发环境中完美运行但是当与 nginx ans uw
haskell - xmonad 如何为屏幕分配编号，以及如何将屏幕分配给(两个)显示器
我正在使用 xmonad(具有最小配置，main = xmonad gnomeConfig{ modMask = mod4Mask,terminal = "gnome-terminal"})，我的计算
android - 从 ndk 写入 Android 显示器
直接写入帧缓冲区不再有效。无论如何要写入 NDK 中的显示器？我可能会使用 ANativeWindow 但这需要一个现有的表面。有没有更好的办法？或者是在本地创建表面然后使用 ANativeWindo

塔克拉玛干

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

android - GridLayout 在小显示器上折叠