Android LinearLayout 重叠 imageView

Question

我正在尝试使用 cardview 来获得图像视图，并在其右侧设置线性布局，我遇到的问题是线性布局被绘制在我的图像视图之上。

我正在使用列表视图获取项目并在菜单上显示每个项目。

蓝色方块是我的线性布局，图片是高亮部分

axml代码

    <?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <android.support.v7.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:padding="8dp"
        android:layout_margin="5dp"
        android:background="@drawable/listitemshadow"
        card_view:cardCornerRadius="2dp"
        card_view:contentPadding="10dp">
        <ImageView
            android:id="@+id/menuItemImageView"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:padding="5dp"
            android:src="@drawable/picking" />
        <LinearLayout
            android:orientation="vertical"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingLeft="10dip">
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingLeft="10dip"
                android:layout_marginLeft="0.0dp">
                <TextView
                    android:id="@+id/menuItemNameTextView"
                    android:layout_width="200dp"
                    android:textSize="16dp"
                    android:layout_height="wrap_content"
                android:textColor="@android:color/black"
                android:layout_alignParentLeft="true"
                android:textStyle="bold"
                android:gravity="left" />
            <TextView
                android:id="@+id/shortDescriptionTextView"
                android:layout_width="200dp"
                android:layout_height="wrap_content"
                android:layout_alignParentLeft="true"
                android:gravity="left"
                android:textSize="12dp"
                android:textColor="@android:color/black"
                android:layout_below="@+id/menuItemNameTextView" />
        </RelativeLayout>
    </LinearLayout>
</android.support.v7.widget.CardView>

Answer 1

您应该使用 RelativeLayout 否则您将不得不使用太多不利于性能的布局。并且也不要使用 cardView 作为父元素，因为它会与元素重叠。在 RelativeLayout 或 constraintLayout.

中使用它

    <?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/card_view"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:background="@drawable/listitemshadow"
    android:padding="8dp">


    <ImageView
        android:id="@+id/menuItemImageView"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:padding="5dp"
        android:src="@drawable/picking" />

    <android.support.v7.widget.CardView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_toEndOf="@+id/menuItemImageView">


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:orientation="vertical"
            android:paddingLeft="10dip">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="0.0dp"
                android:paddingLeft="10dip">

                <TextView
                    android:id="@+id/menuItemNameTextView"
                    android:layout_width="200dp"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:gravity="left"
                    android:textColor="@android:color/black"
                    android:textSize="16dp"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/shortDescriptionTextView"
                    android:layout_width="200dp"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_below="@+id/menuItemNameTextView"
                    android:gravity="left"
                    android:textColor="@android:color/black"
                    android:textSize="12dp" />
            </RelativeLayout>
        </LinearLayout>
    </android.support.v7.widget.CardView>
</RelativeLayout>

Answer 2

不要使用卡片视图作为主要布局，总是在 cardview 中使用另一个布局，因为卡片视图作为框架布局，整个东西都放在另一个布局下，那个布局应该在 cardview

<android.support.v7.widget.CardView
    android:id="@+id/card_view"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_margin="5dp"
    android:background="@drawable/ic_launcher_background"
    android:padding="8dp"
    card_view:cardCornerRadius="2dp"
    card_view:contentPadding="10dp">

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

        <ImageView
            android:id="@+id/menuItemImageView"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:layout_alignParentLeft="true"
            android:background="@color/colorPrimary"
            android:padding="5dp"
            android:src="@drawable/ic_launcher_foreground" />

        <LinearLayout
            android:id="@+id/ll"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_centerVertical="true"
            android:layout_toRightOf="@+id/menuItemImageView"
            android:background="@color/colorAccent"
            android:orientation="vertical"
            android:paddingLeft="10dip">

            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_marginLeft="0.0dp"
                android:paddingLeft="10dip">

                <TextView
                    android:id="@+id/menuItemNameTextView"
                    android:layout_width="200dp"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:gravity="left"
                    android:textColor="@android:color/black"
                    android:textSize="16dp"
                    android:textStyle="bold" />

                <TextView
                    android:id="@+id/shortDescriptionTextView"
                    android:layout_width="200dp"
                    android:layout_height="wrap_content"
                    android:layout_alignParentLeft="true"
                    android:layout_below="@+id/menuItemNameTextView"
                    android:gravity="left"
                    android:textColor="@android:color/black"
                    android:textSize="12dp" />
            </RelativeLayout>
        </LinearLayout>

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

Answer 3

尝试将您的线性布局和图像放在另一个水平线性布局中，而不是将它们直接放在卡片视图中。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">
    <android.support.v7.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:padding="8dp"
        android:layout_margin="5dp"
        android:background="@drawable/listitemshadow"
        card_view:cardCornerRadius="2dp"
        card_view:contentPadding="10dp">


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

            <ImageView
                android:id="@+id/menuItemImageView"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:padding="5dp"
                android:src="@drawable/picking" />

            <LinearLayout
                android:orientation="vertical"
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:paddingLeft="10dip">
                <RelativeLayout
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:paddingLeft="10dip"
                    android:layout_marginLeft="0.0dp">
                    <TextView
                        android:id="@+id/menuItemNameTextView"
                        android:layout_width="200dp"
                        android:textSize="16dp"
                        android:layout_height="wrap_content"
                        android:textColor="@android:color/black"
                        android:layout_alignParentLeft="true"
                        android:textStyle="bold"
                        android:gravity="left" />
                    <TextView
                        android:id="@+id/shortDescriptionTextView"
                        android:layout_width="200dp"
                        android:layout_height="wrap_content"
                        android:layout_alignParentLeft="true"
                        android:gravity="left"
                        android:textSize="12dp"
                        android:textColor="@android:color/black"
                        android:layout_below="@+id/menuItemNameTextView" />
                </RelativeLayout>
            </LinearLayout>


        </LinearLayout>


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

Answer 4

在卡片视图中，使用列表视图。之后，为列表项制作一个自定义布局，即为列表项布局制作一个 XML 文件。之后创建一个自定义适配器，用于将列表项调整为卡片视图中的列表布局。您可以从此视频中获取参考：- https://youtu.be/A-_hKWMA7mk

Android LinearLayout 重叠 imageView

Android LinearLayout overlapping imageView

layout

android

android-linearlayout

xamarin

android-cardview