如何在cardview中对齐文本和图像?

Posted

技术标签:

【中文标题】如何在cardview中对齐文本和图像?【英文标题】:How to align text and image in cardview? 【发布时间】:2021-09-04 14:36:45 【问题描述】:

我设计了一个布局,其中数据将来自 recyclerview。我面临的问题是我无法对齐项目。

下面是sn-p图片。

这是我的布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_
    android:layout_>

    <androidx.cardview.widget.CardView

        android:layout_
        android:layout_
        >

        <LinearLayout
            android:background="@color/white"
            android:orientation="horizontal"
            android:layout_
            android:layout_>

            <TextView
                android:gravity="center"
                android:text="prnce"
                android:textColor="@color/black"
                android:backgroundTint="@color/white"
                android:id="@+id/groupname"
                android:layout_weight="1"
                android:textAlignment="center"
                android:layout_
                android:layout_>

            </TextView>
            <TextView
                android:gravity="center"
                android:text="1"
                android:textColor="@color/black"
                android:backgroundTint="@color/white"
                android:id="@+id/groupCount"
                android:textAlignment="center"
                android:layout_weight="1"
                android:layout_
                android:layout_>

            </TextView>
            <ImageButton

                android:backgroundTint="@color/white"
                android:src="@drawable/myhomegrey"
                android:id="@+id/homeWindow"
                android:layout_weight="1"
                android:layout_
                android:layout_>

            </ImageButton>

            <ImageButton
                android:backgroundTint="@color/white"
                android:src="@drawable/stargrey"
                android:id="@+id/favorite"
                android:layout_weight="1"
                android:layout_
                android:layout_>

            </ImageButton>

        </LinearLayout>

    </androidx.cardview.widget.CardView>


</RelativeLayout>

如何将每个项目对齐在中心,以便它们可以排成一行,这样如果 textview 文本大小增加或减少,它不应该影响其他布局的对齐方式

【问题讨论】:

【参考方案1】:

您分配的权重导致多余的空间在小部件之间均匀分布。为文本字段“groupName”指定权重并删除其他字段的权重。这会将所有多余的空间分配给“groupName”文本视图。这也会将所有其他小部件推到右侧。您可以分配边距或填充以将这些小部件隔开。

您可能还需要考虑为文本视图“groupCount”分配特定大小。

另一种方法是使用 ConstraintLayout

【讨论】:

以上是关于如何在cardview中对齐文本和图像?的主要内容,如果未能解决你的问题,请参考以下文章

如何在 TD 元素中垂直对齐图像和文本?

如何对齐图像中心的文本

如何垂直对齐div的文本和图像中间? [复制]

如何垂直对齐浮动图像中的替代文本?

如何在背景图像上垂直对齐文本? [复制]

如何垂直对齐浮动图像旁边的文本?