android - ConstraintLayout 不会正确调整大小(实际上)-6ren

android - ConstraintLayout 不会正确调整大小(实际上)

转载作者：行者123 更新时间：2023-11-29 23:00:22

我对使用约束布局还很陌生，我在调整布局大小方面遇到了问题，我希望它能够响应，这样我就不必再为不同的屏幕尺寸制作 10 个布局。在布局编辑器中，一切在不同尺寸下看起来都很完美，但实际上并非如此。

我做了一些研究并尝试使用指南、链和非硬编码尺寸、layout_weight，我还为每个元素附加了至少 3 个约束，但它仍然无济于事。

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <Button
        android:id="@+id/btnPlay"
        style="@android:style/Widget.DeviceDefault.Button"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginTop="40dp"
        android:layout_marginEnd="32dp"
        android:layout_weight="1"
        android:background="@color/colorPrimary"
        android:fontFamily="@font/bubble3d"
        android:paddingTop="4dp"
        android:paddingBottom="4dp"
        android:text="@string/BUTTON_PLAY"
        android:textColor="#FAFAFA"
        android:textSize="36sp"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="@+id/guideline"
        app:layout_constraintTop_toBottomOf="@+id/dispName"
        app:layout_constraintVertical_chainStyle="packed" />

    <Button
        android:id="@+id/btnSettings"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginTop="32dp"
        android:layout_marginEnd="32dp"
        android:background="@color/colorPrimary"
        android:fontFamily="@font/bubble3d"
        android:paddingTop="4dp"
        android:layout_weight="1"
        android:paddingBottom="4dp"
        android:text="@string/BUTTON_SETTINGS"
        android:textColor="#FAFAFA"
        android:textSize="36sp"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="@+id/guideline"
        app:layout_constraintTop_toBottomOf="@+id/btnStats" />

    <Button
        android:id="@+id/btnStats"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="32dp"
        android:layout_marginTop="32dp"
        android:layout_marginEnd="32dp"
        android:background="@color/colorPrimary"
        android:fontFamily="@font/bubble3d"
        android:paddingTop="4dp"
        android:layout_weight="1"
        android:paddingBottom="4dp"
        android:text="@string/BUTTON_STATS"
        android:textColor="#FAFAFA"
        android:textSize="36sp"
        app:layout_constraintBottom_toTopOf="@+id/btnSettings"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="@+id/guideline"
        app:layout_constraintTop_toBottomOf="@+id/btnPlay" />

    <ImageView
        android:id="@+id/imageView"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="24dp"
        android:layout_marginEnd="8dp"
        android:layout_weight="1"
        android:adjustViewBounds="true"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="@+id/guideline"
        app:layout_constraintTop_toTopOf="@+id/guideline5"
        app:srcCompat="@drawable/worddart" />

    <de.hdodenhof.circleimageview.CircleImageView
        android:id="@+id/circleImageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="20dp"
        android:layout_marginEnd="8dp"
        android:scaleX="0.7"
        android:scaleY="0.7"
        android:layout_weight="1"
        android:src="@drawable/proficon_crab"
        app:civ_border_color="#03A9F4"
        app:civ_border_width="12dp"
        app:civ_fill_color="#03A9F4"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintHorizontal_bias="0.493"
        app:layout_constraintStart_toStartOf="@+id/guideline"
        app:layout_constraintTop_toBottomOf="@+id/imageView" />

    <TextView
        android:id="@+id/dispName"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:text="AnonCrab_c343d"
        android:textSize="24sp"
        android:layout_weight="1"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintStart_toStartOf="@+id/guideline"
        app:layout_constraintTop_toBottomOf="@+id/circleImageView" />


    <com.google.android.gms.common.SignInButton
        android:id="@+id/sign_in_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="24dp"
        android:visibility="visible"
        android:layout_weight="1"
        app:layout_constraintBottom_toTopOf="@+id/guideline4"
        app:layout_constraintEnd_toStartOf="@+id/guideline2"
        app:layout_constraintStart_toStartOf="@+id/guideline"
        app:layout_constraintTop_toBottomOf="@+id/btnSettings"
        app:layout_constraintVertical_bias="0.815" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.1" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.9" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.95" />

    <androidx.constraintlayout.widget.Guideline
        android:id="@+id/guideline5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.05" />

</androidx.constraintlayout.widget.ConstraintLayout>

并将其添加到 styles.xml 中:

<style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
    <item name="android:fitsSystemWindows">true</item>
</style>

This is how it's supposed to look on Pixel2 screen

and this is how it looks on my Nexus 5 (almost the same size as pixel2)

正如您在水平方向上看到的那样，一切正常，但在垂直方向上，并非如此，谷歌登录按钮滑出并且间距不同。任何帮助将不胜感激:)

最佳答案

确实您没有为 View 使用硬编码尺寸，但请注意您将它们用作边距。

尝试像这样使用它:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  tools:context=".MainActivity">

<Button
    android:id="@+id/btnPlay"
    style="@android:style/Widget.DeviceDefault.Button"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:layout_marginEnd="8dp"
    android:layout_weight="1"
    android:background="@color/colorPrimary"
    android:paddingTop="4dp"
    android:paddingBottom="4dp"
    android:text="BUTTON_PLAY"
    android:textColor="#FAFAFA"
    app:layout_constraintBottom_toTopOf="@+id/btnStats"
    app:layout_constraintEnd_toStartOf="@+id/guideline2"
    app:layout_constraintStart_toStartOf="@+id/guideline"
    app:layout_constraintTop_toBottomOf="@+id/dispName" />

<Button
    android:id="@+id/btnSettings"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@color/colorPrimary"
    android:paddingTop="4dp"
    android:paddingBottom="4dp"
    android:text="BUTTON_SETTINGS"
    android:textColor="#FAFAFA"
    app:layout_constraintBottom_toTopOf="@+id/sign_in_button"
    app:layout_constraintEnd_toStartOf="@+id/guideline2"
    app:layout_constraintStart_toStartOf="@+id/btnPlay"
    app:layout_constraintTop_toBottomOf="@+id/btnStats" />

<Button
    android:id="@+id/btnStats"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@color/colorPrimary"
    android:paddingTop="4dp"
    android:paddingBottom="4dp"
    android:text="BUTTON_STATS"
    android:textColor="#FAFAFA"
    app:layout_constraintBottom_toTopOf="@+id/btnSettings"
    app:layout_constraintEnd_toStartOf="@+id/guideline2"
    app:layout_constraintStart_toStartOf="@+id/btnPlay"
    app:layout_constraintTop_toBottomOf="@+id/btnPlay" />

<ImageView
    android:id="@+id/imageView"
    android:layout_width="313dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:layout_marginEnd="8dp"
    android:layout_weight="1"
    android:adjustViewBounds="true"
    app:layout_constraintBottom_toTopOf="@+id/dispName"
    app:layout_constraintEnd_toStartOf="@+id/guideline2"
    app:layout_constraintStart_toStartOf="@+id/guideline"
    app:layout_constraintTop_toBottomOf="@+id/circleImageView"
    app:srcCompat="@drawable/ic_launcher_background" />

<de.hdodenhof.circleimageview.CircleImageView
    android:id="@+id/circleImageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:layout_marginEnd="8dp"
    android:layout_weight="1"
    android:scaleX="0.7"
    android:scaleY="0.7"
    android:src="@drawable/proficon_crab"
    app:civ_border_color="#03A9F4"
    app:civ_border_width="12dp"
    app:civ_fill_color="#03A9F4"
    app:layout_constraintBottom_toTopOf="@+id/imageView"
    app:layout_constraintEnd_toStartOf="@+id/guideline2"
    app:layout_constraintStart_toStartOf="@+id/guideline"
    app:layout_constraintTop_toTopOf="parent" />

<TextView
    android:id="@+id/dispName"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginStart="8dp"
    android:layout_marginEnd="8dp"
    android:layout_weight="1"
    android:text="AnonCrab_c343d"

    app:layout_constraintBottom_toTopOf="@+id/btnPlay"
    app:layout_constraintEnd_toStartOf="@+id/guideline2"
    app:layout_constraintStart_toStartOf="@+id/guideline"
    app:layout_constraintTop_toBottomOf="@+id/imageView" />


<com.google.android.gms.common.SignInButton
    android:id="@+id/sign_in_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:visibility="visible"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toStartOf="@+id/guideline2"
    app:layout_constraintStart_toStartOf="@+id/guideline"
    app:layout_constraintTop_toBottomOf="@+id/btnSettings" />

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/guideline"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_percent="0.1" />

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/guideline2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical"
    app:layout_constraintGuide_percent="0.9" />

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/guideline4"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.95" />

<androidx.constraintlayout.widget.Guideline
    android:id="@+id/guideline5"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    app:layout_constraintGuide_percent="0.05" />

</androidx.constraintlayout.widget.ConstraintLayout>

它看起来像这样:

这是来自布局编辑器的图片，因为这只是一个示例，您可以根据需要随意使用样式。

关于android - ConstraintLayout 不会正确调整大小(实际上)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57018668/

文章推荐： mysql - 如何在 phpMyAdmin 中创建带有输入参数的插入过程

文章推荐： mysql - SQL-如何从另一个表中选择包含多个值的行

文章推荐： php - 当 SELECT SUM() 应该是 xxx 金额时，它总是返回 0

文章推荐： php - 将 2 条 mysql 行变成 1 行，其中

javascript - 实际上，渐进增强和优雅降级是一回事吗？
渐进增强和优雅降级基本是一回事吗？最佳答案不完全是。他们从不同的 Angular 解决类似的问题。 “优雅的降级”意味着你有漂亮的功能，并且可以在不支持它的浏览器中处理它不那么漂亮(但仍然需要它以
PostgreSQL 性能调整和最大连接数(实际上)
在过去的几周里，我一直在调优和处理 PostgreSQL，我将在我的下一个项目中使用它。我的规范是: DigitalOcean 8 核 16GB SSD x2(一个用于数据库，另一个用于 Web)
c++ - 实际上，负数的模数是多少？
我看过很多关于负数模的问题的答案。每一个答案都放了标准 (a/b)*b + a%b is equal to a 解释。我可以用这种方法计算任何模数，而且我知道有必要使用一个模数函数，如果它是负数，则将
java - 实际上，我会使用鸭子类型还是控制反转？
关闭。这个问题是opinion-based .它目前不接受答案。想要改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它. 关闭 9 年前。 Improve
mercurial - 标签*实际上*是如何工作的？
The docs假设所有标签都存储在 .hgtags 中，但这里显然存在一些黑魔法。我的标签如下所示: mbayazit:~/test$ cat .hgtags 0d80b6ba4ba3b51a44
perforce - 实际上，如何删除未提交的新/添加文件的待处理更改？
我正在尝试强制删除待处理的更改列表。所有文件(20 个旧文件)都是新文件，但尚未提交/提交。所以在 p4Win 中，它们显示红色 + 十字。我无法从更改列表中删除这些文件。我该如何删除这些文件？感谢
perforce - 实际上，如何从工作区中的目录中删除文件，而这些文件不属于工作区？
如果我要删除的文件不属于工作区，那么如何从工作区的目录中删除文件？我的文件系统上有一个目录，其中包含从 perforce 获取的文件，但在某些进程运行后，它会在这些目录中创建一些新文件。是否有 p
c# - 什么时候函数内的局部变量*实际上*被分配
就是好奇这个。以下是同一功能的两个代码片段: void MyFunc1() { int i = 10; object obj = null; if(something) ret
android - ConstraintLayout 不会正确调整大小(实际上)
我对使用约束布局还很陌生，我在调整布局大小方面遇到了问题，我希望它能够响应，这样我就不必再为不同的屏幕尺寸制作 10 个布局。在布局编辑器中，一切在不同尺寸下看起来都很完美，但实际上并非如此。我做了
java - 为什么用某些编译器编译的程序可以被反编译而其他的(实际上)不能？
按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持，但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开，visit the
c - 有没有办法(实际上)保护对象不被修改？
如果试图修改声明为 const 的对象，const 类型限定符会导致编译器发出错误消息，但这还不够保护。例如以下程序修改声明为 const 的数组的两个元素: #include int main(v
ios - 实际上，NSAssert 的意义何在？
我不得不问这个，因为:我唯一知道的是，如果断言失败，应用程序就会崩溃。这就是为什么要使用 NSAssert 的原因吗？或者这样做还有什么好处？将 NSAssert 置于我在代码中所做的任何假设之上是否
posix - 实际上，一般使用哪些 pthreads 功能？
我正在处理我的操作系统项目的 POSIX 子系统，并且我已经达到了我想要处理 pthreads 支持的地步。但是，我不确定我应该在多大程度上实现它们。最常用的 pthreads 功能是什么？现在有什
Mercurial clone 缺少文件(实际上，只是进入了不同的分支)
这个问题不太可能对任何 future 的访客有帮助；它只与一个小的地理区域、一个特定的时间点或一个非常狭窄的情况相关，通常不适用于互联网的全局受众。如需帮助使这个问题更广泛适用，visit the h
java - 如何解决实际上，Mockito 中与此模拟错误的交互为零
我正在尝试运行测试类，但抛出错误实际上有零交互。 class Xtractor{ void extractValues(request,Map m1, Map m2,Map m3){
java - 如何返回扩展对象(子类)？实际上，如何返回已传递给方法的确切对象？
我有一个抽象类UIObject，如下所示: public abstract class UIObject { private final int tabOrder; public UI
Emacs Lisp 数字运算(实际上，简单的加法)
这是我尝试在 emacs lisp 中进行一些计算时得到的... (+ 2082844800. 1274511600.0) => 1209872752.0 (+ 2082844800.0 127451
swift - 实际上，如何在 Xcode 中使用一条横跨整个屏幕的垂直线分隔两个部分
我想用一条垂直线将屏幕分成两部分。垂直线应该从屏幕底部一直延伸到导航栏。如果我们使用 html/css，我只会有 2 个 div，并在右侧 div 上放置一个左边框。如果有办法在 View 的单侧放置
amazon-web-services - 实际上，如何设置Amazon AWS以使其自动缩放？
我有一个EC2实例可以正常工作数月(仍在开发中，应用程序尚未启用)，但是我只是意识到我什至不知道如何根据流量来扩大/缩小EC2实例。亚马逊提供的大量服务是压倒性的，我对此感到非常困惑。最初，虽然我
c++ - 实际上，为什么不同的编译器会计算不同的 int x =++i+++i; 值？
考虑这个代码: int i = 1; int x = ++i + ++i; 我们对编译器可能会为这段代码做些什么有一些猜测，假设它可以编译。两者 ++i返回 2 ，导致 x=4 . 一 ++i返回

行者123

个人简介

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

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

android - ConstraintLayout 不会正确调整大小(实际上)