Android LinearLayout 重叠 imageView答案

【问题标题】：Android LinearLayout overlapping imageViewAndroid LinearLayout 重叠 imageView
【发布时间】：2018-06-28 13:35:03
【问题描述】：

我正在尝试使用 cardview 来拥有一个 imageview 并在它的右侧有一个线性布局，我遇到的问题是线性布局被绘制在我的 imageview 之上。

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

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

xml 代码

    <?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>

【问题讨论】：

不要使用卡片视图作为主布局，总是在cardview中使用另一个布局，因为cardview作为框架布局，整个东西放在另一个布局下，那个布局应该在cardview下.
因为父级是CardView 和CardView 允许重叠。将您的ImageView 和LinearLayout 放入LinearLayout 和horizontal 方向并将weights 设置为ImageView 和LinearLayout 或RelativeLayout 并在LinearLayout 和@ 98765438 属性中使用id 的 ImageView。

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

【解决方案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>

【讨论】：

【解决方案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>

【讨论】：

【解决方案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>

【讨论】：

【解决方案4】：

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

【讨论】：