Android LinearLayout перекрывающееся изображение View

Question

Я пытаюсь использовать вид карты, чтобы получить изображение, и справа от него - линейное расположение, проблема, с которой я сталкиваюсь, заключается в том, что линейное изображение рисуется поверх моего изображения.

Я использую список для получения элементов и отображения каждого элемента в меню.

Синий квадрат - это мое линейное расположение, изображение - выделенная часть.

код 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

В режиме просмотра карты используйте вид списка. После этого создайте пользовательский макет для элемента списка, т.е. создайте XML-файл для макета элемента списка. После этого создайте пользовательский адаптер для адаптации элемента списка к макету списка в представлении карты. Вы можете взять ссылку из этого видео: - https://youtu.be/A-_hKWMA7mk

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

Вы должны использовать 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>