对齐卡片视图中的项目答案

【问题标题】：Aligning items in cardview对齐卡片视图中的项目
【发布时间】：2016-03-23 03:08:19
【问题描述】：

我希望我的卡片如下所示

我保持这样的布局

    <android.support.v7.widget.CardView
        android:layout_gravity="center"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        card_view:cardCornerRadius="2dp"
        >

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

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal">
        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Order# GAMH2103"
            android:layout_marginStart="5dp"
            android:layout_marginLeft="5dp"
            android:gravity="start"
            android:textSize="15dp"/>

            <TextView
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:text="Confirmed"
                android:drawableRight="@drawable/check"
                android:textColor="#00FF00"
                android:gravity="end"
                android:textSize="15dp"/>

        </LinearLayout>
            <View
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:background="@android:color/darker_gray"
                android:layout_marginTop="5dp"
                />

        </LinearLayout>

不知何故，我无法让“已确认”的 TextView 可见。我可以看到订单#。

我玩过gravity 和layout_gravity，但不知怎么打不通。

请帮忙。

谢谢，拉克什曼。

【问题讨论】：

因为您设置了“order#though”TextView android:layout_width="match_parent" 的宽度，所以“已确认”TextView 不可见。更改为android:layout_width="wrap_content"。如果您希望“已确认”的 TextView 始终可见，可以添加 android:layout_weight="1"。

标签： android android-layout android-linearlayout android-cardview

【解决方案1】：

使用以下布局。这对你有用。

为了更好的视图对齐，总是首选使用相对布局而不是线性布局。

<android.support.v7.widget.CardView
    android:layout_gravity="center"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    card_view:cardCornerRadius="2dp">

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Order# GAMH2103"
            android:layout_marginStart="5dp"
            android:layout_marginLeft="5dp"
            android:gravity="start"
            android:textSize="15dp"/>

        <TextView
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="Confirmed"
            android:textColor="#00FF00"
            android:gravity="end"
            android:textSize="15dp"/>


    </RelativeLayout>

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

【讨论】：

【解决方案2】：

一个简单的相对布局应该可以完成这项工作。

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="Order# GAMH2103"
        android:layout_marginStart="5dp"
        android:layout_marginLeft="5dp"
        android:gravity="start"
        android:textSize="15dp"/>

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Confirmed"
        android:drawableRight="@drawable/check"
        android:textColor="#00FF00"
        android:layout_gravity="end"
        android:textSize="15dp"/>

</RelativeLayout>

注意gravity和layout_gravity之间的区别，如果你在TextView中使用gravity，它与文本在不可见框内的位置有关，即边框TextView，例如，另一方面，layout_gravity 与视图在父视图中的位置有关。

【讨论】：