Как использовать отрицательную маржу без наложения?

Question

Ниже приведен GridLayout, содержащий элементы с нулевыми полями:

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="400dp"
    android:layout_height="400dp"
    android:columnCount="2"
    android:rowCount="2"
    android:orientation="horizontal">
    <ImageView
        android:layout_row="0"
        android:layout_column="0"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@drawable/android"
        android:scaleType="centerCrop"/>
    <ImageView
        android:layout_row="0"
        android:layout_column="1"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@drawable/android"
        android:scaleType="centerCrop"/>
    <ImageView
        android:layout_row="1"
        android:layout_column="0"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@drawable/android"
        android:scaleType="centerCrop"/>
    <ImageView
        android:layout_row="1"
        android:layout_column="1"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:src="@drawable/android"
        android:scaleType="centerCrop"/>
</GridLayout>

Ниже приведен GridLayout, содержащий его элементы с отрицательными полями:

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="400dp"
    android:layout_height="400dp"
    android:columnCount="2"
    android:rowCount="2"
    android:orientation="horizontal">
    <ImageView
        android:layout_row="0"
        android:layout_column="0"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_margin="-40dp"
        android:src="@drawable/android"
        android:scaleType="centerCrop"/>
    <ImageView
        android:layout_row="0"
        android:layout_column="1"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_margin="-40dp"
        android:src="@drawable/android"
        android:scaleType="centerCrop"/>
    <ImageView
        android:layout_row="1"
        android:layout_column="0"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_margin="-40dp"
        android:src="@drawable/android"
        android:scaleType="centerCrop"/>
    <ImageView
        android:layout_row="1"
        android:layout_column="1"
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_margin="-40dp"
        android:src="@drawable/android"
        android:scaleType="centerCrop"/>
</GridLayout>

Есть ли способ предотвратить перекрытие? Другими словами, каждая ячейка сетки показывает увеличенный и обрезанный элемент.
Я использую ImageView для этого примера. Элементами могут быть любые другие типы, например SurfaceView.

Answer 1

Вставьте каждый ваш ImageView в LinearLayout и добавьте масштаб к вашему ImageView для увеличения.Пожалуйста, попробуйте ниже код

<?xml version="1.0" encoding="utf-8"?>
<GridLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="400dp"
    android:layout_height="400dp"
    android:columnCount="2"
    android:orientation="horizontal"
    android:rowCount="2">

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_row="0"
        android:layout_column="0">

        <ImageView
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:scaleType="centerCrop"
            android:scaleX="1.2"
            android:scaleY="1.2"
            android:src="@drawable/android" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_row="0"
        android:layout_column="1">

        <ImageView
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:scaleType="centerCrop"
            android:scaleX="1.2"
            android:scaleY="1.2"
            android:src="@drawable/android" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_row="1"
        android:layout_column="0">

        <ImageView
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:scaleType="centerCrop"
            android:scaleX="1.2"
            android:scaleY="1.2"
            android:src="@drawable/android" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="200dp"
        android:layout_height="200dp"
        android:layout_row="1"
        android:layout_column="1">

        <ImageView
            android:layout_width="200dp"
            android:layout_height="200dp"
            android:scaleType="centerCrop"
            android:scaleX="1.2"
            android:scaleY="1.2"
            android:src="@drawable/android" />
    </LinearLayout>
</GridLayout>

Надеюсь, это поможет !!!