android - ConstraintLayout 不包装内容-6ren

android - ConstraintLayout 不包装内容

转载作者：太空狗更新时间：2023-10-29 13:08:45

我在 cardview 中有一个 constraintLayout。如图所示，按钮以网格格式排列。但出于某种原因，空格显示在按钮下方。我想删除这个空格。

这是xml代码

             <android.support.v7.widget.CardView
        android:id="@+id/cvSpecialisations"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        app:cardElevation="2dp"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/bViewAll">

        <android.support.constraint.ConstraintLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content">


            <TextView
                android:id="@+id/tvSearchBySpecialisation"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_marginEnd="8dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginStart="8dp"
                android:layout_marginTop="8dp"
                android:text="Search by specialisation"
                android:textSize="14dp"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="parent" />

            <View
                android:id="@+id/vDividerInSpecialisationCard"
                style="@style/Divider"
                android:layout_width="0dp"
                android:layout_height="1dp"
                android:layout_marginBottom="8dp"
                android:layout_marginEnd="8dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginStart="8dp"
                android:layout_marginTop="8dp"
                app:layout_constraintBottom_toTopOf="parent"
                app:layout_constraintHorizontal_bias="1.0"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/tvSearchBySpecialisation"
                app:layout_constraintVertical_bias="0.0" />

            <Button
                android:id="@+id/bSpecialisation1"
                style="@style/Widget.AppCompat.Button.Borderless"
                android:layout_width="88dp"
                android:layout_height="92dp"
                android:layout_marginLeft="32dp"
                android:layout_marginStart="32dp"
                android:drawablePadding="8dp"
                android:drawableTop="@mipmap/ic_launcher"
                android:fontFamily="san-serif"
                android:paddingLeft="-5dp"
                android:paddingRight="-5dp"
                android:text="Car"
                android:textAllCaps="false"
                android:theme="@style/AppTheme.WhiteButton"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="@+id/bSpecialisation2" />

            <Button
                android:id="@+id/bSpecialisation2"
                style="@style/Widget.AppCompat.Button.Borderless"
                android:layout_width="88dp"
                android:layout_height="92dp"
                android:layout_marginEnd="8dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginStart="8dp"
                android:layout_marginTop="16dp"
                android:drawablePadding="8dp"
                android:drawableTop="@mipmap/ic_launcher"
                android:fontFamily="san-serif"
                android:paddingLeft="-5dp"
                android:paddingRight="-5dp"
                android:text="Car"
                android:textAllCaps="false"
                android:theme="@style/AppTheme.WhiteButton"
                app:layout_constraintLeft_toRightOf="@+id/bSpecialisation1"
                app:layout_constraintRight_toLeftOf="@+id/bSpecialisation3"
                app:layout_constraintTop_toBottomOf="@+id/vDividerInSpecialisationCard" />

            <Button
                android:id="@+id/bSpecialisation3"
                style="@style/Widget.AppCompat.Button.Borderless"
                android:layout_width="88dp"
                android:layout_height="92dp"
                android:layout_marginEnd="32dp"
                android:layout_marginRight="32dp"
                android:drawablePadding="8dp"
                android:drawableTop="@mipmap/ic_launcher"
                android:fontFamily="san-serif"
                android:paddingLeft="-5dp"
                android:paddingRight="-5dp"
                android:text="Car"
                android:textAllCaps="false"
                android:theme="@style/AppTheme.WhiteButton"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="@+id/bSpecialisation2" />

            <Button
                android:id="@+id/bSpecialisation4"
                style="@style/Widget.AppCompat.Button.Borderless"
                android:layout_width="88dp"
                android:layout_height="92dp"
                android:layout_marginEnd="32dp"
                android:layout_marginRight="32dp"
                android:drawablePadding="8dp"
                android:drawableTop="@mipmap/ic_launcher"
                android:fontFamily="san-serif"
                android:paddingLeft="-5dp"
                android:paddingRight="-5dp"
                android:text="Car"
                android:textAllCaps="false"
                android:theme="@style/AppTheme.WhiteButton"
                app:layout_constraintRight_toRightOf="parent"
                app:layout_constraintTop_toTopOf="@+id/bSpecialisation5" />

            <Button
                android:id="@+id/bSpecialisation5"
                style="@style/Widget.AppCompat.Button.Borderless"
                android:layout_width="88dp"
                android:layout_height="92dp"
                android:layout_marginEnd="8dp"
                android:layout_marginLeft="8dp"
                android:layout_marginRight="8dp"
                android:layout_marginStart="8dp"
                android:layout_marginTop="14dp"
                android:drawablePadding="8dp"
                android:drawableTop="@mipmap/ic_launcher"
                android:fontFamily="san-serif"
                android:paddingLeft="-5dp"
                android:paddingRight="-5dp"
                android:text="Car"
                android:textAllCaps="false"
                android:theme="@style/AppTheme.WhiteButton"
                app:layout_constraintLeft_toRightOf="@+id/bSpecialisation6"
                app:layout_constraintRight_toLeftOf="@+id/bSpecialisation4"
                app:layout_constraintTop_toBottomOf="@+id/bSpecialisation2" />

            <Button
                android:id="@+id/bSpecialisation6"
                style="@style/Widget.AppCompat.Button.Borderless"
                android:layout_width="88dp"
                android:layout_height="92dp"
                android:layout_marginLeft="32dp"
                android:layout_marginStart="32dp"
                android:drawablePadding="8dp"
                android:drawableTop="@mipmap/ic_launcher"
                android:fontFamily="san-serif"
                android:paddingLeft="-5dp"
                android:paddingRight="-5dp"
                android:text="Car"
                android:textAllCaps="false"
                android:theme="@style/AppTheme.WhiteButton"
                app:layout_constraintLeft_toLeftOf="parent"
                app:layout_constraintTop_toTopOf="@+id/bSpecialisation5" />


        </android.support.constraint.ConstraintLayout>

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

我尝试将宽度和高度更改为 match_parent wrap_content

最佳答案

您的 CardView 不会包装内容，因为所有垂直元素都应放置在“包装”链中。

所以我添加了 app:layout_constraintVertical_chainStyle="packed" 和一些额外的垂直边距:

<android.support.v7.widget.CardView
    android:id="@+id/cvSpecialisations"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="8dp"
    app:cardElevation="2dp"
    app:layout_constraintLeft_toLeftOf="parent"
    app:layout_constraintRight_toRightOf="parent"
    app:layout_constraintTop_toBottomOf="@+id/bViewAll" >

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:id="@+id/tvSearchBySpecialisation"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginTop="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:text="Search by specialisation"
            android:textSize="14dp"
            app:layout_constraintTop_toTopOf="parent"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintBottom_toTopOf="@+id/vDividerInSpecialisationCard"
            app:layout_constraintVertical_chainStyle="packed"/>

        <View
            android:id="@+id/vDividerInSpecialisationCard"
            style="@style/Divider"
            android:layout_width="0dp"
            android:layout_height="1dp"
            android:layout_marginTop="8dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:layout_marginBottom="8dp"
            app:layout_constraintTop_toBottomOf="@+id/tvSearchBySpecialisation"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintBottom_toTopOf="@+id/bSpecialisation2"/>

        <Button
            android:id="@+id/bSpecialisation1"
            style="@style/Widget.AppCompat.Button.Borderless"
            android:layout_width="88dp"
            android:layout_height="92dp"
            android:layout_marginLeft="32dp"
            android:drawablePadding="8dp"
            android:drawableTop="@mipmap/ic_launcher"
            android:fontFamily="san-serif"
            android:paddingLeft="-5dp"
            android:paddingRight="-5dp"
            android:text="Car"
            android:textAllCaps="false"
            android:theme="@style/AppTheme.WhiteButton"
            app:layout_constraintTop_toTopOf="@+id/bSpecialisation2"
            app:layout_constraintLeft_toLeftOf="parent" />

        <Button
            android:id="@+id/bSpecialisation2"
            style="@style/Widget.AppCompat.Button.Borderless"
            android:layout_width="88dp"
            android:layout_height="92dp"
            android:layout_marginTop="16dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:drawablePadding="8dp"
            android:drawableTop="@mipmap/ic_launcher"
            android:fontFamily="san-serif"
            android:paddingLeft="-5dp"
            android:paddingRight="-5dp"
            android:text="Car"
            android:textAllCaps="false"
            android:theme="@style/AppTheme.WhiteButton"
            app:layout_constraintTop_toBottomOf="@+id/vDividerInSpecialisationCard"
            app:layout_constraintLeft_toRightOf="@+id/bSpecialisation1"
            app:layout_constraintRight_toLeftOf="@+id/bSpecialisation3"
            app:layout_constraintBottom_toTopOf="@+id/bSpecialisation5" />

        <Button
            android:id="@+id/bSpecialisation3"
            style="@style/Widget.AppCompat.Button.Borderless"
            android:layout_width="88dp"
            android:layout_height="92dp"
            android:layout_marginRight="32dp"
            android:drawablePadding="8dp"
            android:drawableTop="@mipmap/ic_launcher"
            android:fontFamily="san-serif"
            android:paddingLeft="-5dp"
            android:paddingRight="-5dp"
            android:text="Car"
            android:textAllCaps="false"
            android:theme="@style/AppTheme.WhiteButton"
            app:layout_constraintTop_toTopOf="@+id/bSpecialisation2"
            app:layout_constraintRight_toRightOf="parent" />

        <Button
            android:id="@+id/bSpecialisation4"
            style="@style/Widget.AppCompat.Button.Borderless"
            android:layout_width="88dp"
            android:layout_height="92dp"
            android:layout_marginEnd="32dp"
            android:layout_marginRight="32dp"
            android:drawablePadding="8dp"
            android:drawableTop="@mipmap/ic_launcher"
            android:fontFamily="san-serif"
            android:paddingLeft="-5dp"
            android:paddingRight="-5dp"
            android:text="Car"
            android:textAllCaps="false"
            android:theme="@style/AppTheme.WhiteButton"
            app:layout_constraintRight_toRightOf="parent"
            app:layout_constraintTop_toTopOf="@+id/bSpecialisation5" />

        <Button
            android:id="@+id/bSpecialisation5"
            style="@style/Widget.AppCompat.Button.Borderless"
            android:layout_width="88dp"
            android:layout_height="92dp"
            android:layout_marginTop="14dp"
            android:layout_marginLeft="8dp"
            android:layout_marginRight="8dp"
            android:drawablePadding="8dp"
            android:drawableTop="@mipmap/ic_launcher"
            android:fontFamily="san-serif"
            android:paddingLeft="-5dp"
            android:paddingRight="-5dp"
            android:text="Car"
            android:textAllCaps="false"
            android:theme="@style/AppTheme.WhiteButton"
            app:layout_constraintTop_toBottomOf="@+id/bSpecialisation2"
            app:layout_constraintLeft_toRightOf="@+id/bSpecialisation6"
            app:layout_constraintRight_toLeftOf="@+id/bSpecialisation4"
            app:layout_constraintBottom_toBottomOf="parent"/>

        <Button
            android:id="@+id/bSpecialisation6"
            style="@style/Widget.AppCompat.Button.Borderless"
            android:layout_width="88dp"
            android:layout_height="92dp"
            android:layout_marginLeft="32dp"
            android:drawablePadding="8dp"
            android:drawableTop="@mipmap/ic_launcher"
            android:fontFamily="san-serif"
            android:paddingLeft="-5dp"
            android:paddingRight="-5dp"
            android:text="Car"
            android:textAllCaps="false"
            android:theme="@style/AppTheme.WhiteButton"
            app:layout_constraintTop_toTopOf="@+id/bSpecialisation5"
            app:layout_constraintLeft_toLeftOf="parent" />

    </android.support.constraint.ConstraintLayout>

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

它应该是这样的:

关于android - ConstraintLayout 不包装内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/43834475/

文章推荐： html - 具有突破标签解释的挑战性图表

文章推荐： git-tfs:需要对文件进行搁置的挂起更改

文章推荐： git - 移动包含子模块的 git 工作副本

文章推荐： html - 在 2 个不同宽度的 flex 元素之间水平居中 flex 元素

python 包装
正在尝试创建一个 python 包。似乎有效，但我收到警告。我的 setup.py 是: #! /usr/bin/env python from distutils.core import setup
haskell - 包装/展开通用量化类型
我导入了一个数据类型 X ，定义为 data X a = X a 在本地，我定义了一个通用量化的数据类型，Y type Y = forall a. X a 现在我需要定义两个函数， toY 和 fro
rust - 包装 AsyncRead
我似乎无法让编译器让我包装 Tokio AsyncRead: use std::io::Result; use core::pin::Pin; use core::task::{Context, Po
python - 一个接一个地调用Python函数，包装？
我有两个函数“a”和“b”。当用户上传文件时，“b”被调用。 “b”重命名文件并返回新文件名。之后应该编辑该文件。像这样: def a(): edits file def b(): r
.net - 包装 IQueryable
我使用 Entity Framework 作为我的 ORM，我的每个类都实现了一个接口(interface)，该接口(interface)基本上表示表结构(每个字段一个只读属性)。这些接口(inter
java - 包装 jframe
有没有办法打开一个程序，通常会打开一个新的jframe，进入一个现有的jframe？这里是解释，我下载了一个java游戏，其中一个是反射游戏，它在一个jframe中打开，框架内有一堆子面板，我想要做
Android 包装 block ？
我想要下面的布局 | AA BBBBBBB | 除非没有足够的空间，在这种情况下 | AA | | BBBBBBB | 在这种情况下，A 是复选框，B 是复选框旁边的 Text
CSS 问题 - 包装
我正在尝试以不同的方式包装我的网站，以便将背景分为 2 部分。灰色部分是主要背景，还有白色部分，它较小并包装主要内容。基本上我想要this看起来像this . 我不太确定如何添加图像来创建阴影效果，
Java - IntBuffer 包装
我正在使用 : 读取整数文件 int len = (int)(new File(file).length()); FileInputStream fis = new FileInputStream(f
JavaFX 包装 : NoClassDefFoundError
我使用 maven 和 OpenJDK 1.8 打包了一个 JavaFX 应用程序我的 pom.xml 中的相关部分: maven-assembly-plugin
.net - 包装 ItemsControls 的内容
我正在使用两个不同的 ItemsControl 来生成一个按钮列表。
macros - 包装 TimerOutputs 宏
我有一个情况，有一个变量会很方便，to , 可以是 TimerOutput或 nothing .我有兴趣提供一个采用与 @timeit 相同参数的宏来自 TimerOutputs(例如 @timeit
css - 包装 DIV 的边距问题
我正在尝试包装一个名为 content 的 div与另一个具有不同背景的 div。但是，当将“margin-top”与 content 一起使用时div，似乎包装 DIV 获得了边距顶部而不是 co
.net - 什么是 dnu 包装？
文档不清楚，它似乎允许包装 dll 和 csproj 以在 Asp.Net Core 5 应用程序中使用。它是否允许您在 .Net Core 5 网站中使用针对 .Net Framework 4.6
nservicebus3 - 包装 NServiceBus.IHandleMessages
我被要求开发一个层，该层将充当通用总线，而不直接引用 NServiceBus。到目前为止，由于支持不引人注目的消息，这并不太难。除了现在，我被要求为 IHandleMessages 提供我们自己的定义
javascript - 包装 getServerSideProps 抛出异常
我正在尝试包装 getServersideProps使用身份验证处理程序函数，但不断收到此错误:TypeError: getServerSideProps is not a function我的包装看
scala - 定制 SBT 包装
我有一个项目，它在特定位置(不是/src/resources)包含资源(模板文件)。我希望在运行 package-bin 时将这些资源打包。我看到了 package-options 和 packag
javascript - 优化 Jade 包装
我正在寻找打印从一系列对象中绘制的 div。我可以通过使用下面的管道语法来实现这一点。 each i, key in faq if (key == 0) |
javascript - 包装 Collection.insert
我在 Meteor.js“main.js - Server”中有这个方法。 Meteor.methods({ messageSent: function (message) { var a
dart - 包装 polymer 元素纸张输入的验证错误
我注意到，如果我的自定义Polymer 1.x元素的宽度比纸张输入元素上的验证错误消息的宽度窄，那么错误将超出自定义元素的右边界。参见下图: 有没有一种机制可以防止溢出，例如在到达自定义元素的边界时自

太空狗

个人简介

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

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

android - ConstraintLayout 不包装内容