将图像布置为已处理的一副纸牌

Question

我想在屏幕上显示我的图像，使它们看起来像一张纸牌游戏的 4 手牌，一组在屏幕顶部，一组在底部，一组在左侧，一组在正确的。我有以下代码在顶部和底部显示它们，但是如何在不将顶部和底部推离屏幕的情况下让它们显示在右侧和左侧？我应该将布局更改为网格布局吗？我正在使用 Android Studio。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="20dp"
    tools:context=".layoutdeck">

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

    <ImageView
        android:id="@+id/iv_card_top1"
        android:layout_width="0dp"
        android:layout_height="61dp"

        android:layout_weight="1"
        android:scaleType="centerInside"
        android:src="@drawable/aback" />

        <ImageView
            android:id="@+id/iv_card_top2"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top3"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top4"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top5"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top6"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top7"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top8"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top9"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top10"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top11"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top12"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_top13"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"

            android:src="@drawable/aback" />

        <ImageView
            android:id="@+id/iv_card_top14"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:layout_gravity="top"
            android:src="@drawable/aback" />

        <ImageView
            android:id="@+id/iv_card_top15"
            android:layout_width="0dp"
            android:layout_height="61dp"
            android:layout_weight="1"
            android:src="@drawable/aback" />

    </LinearLayout>

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

        <ImageView
            android:id="@+id/iv_card_bottom1"
            android:layout_width="0dp"
            android:layout_height="655dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />

        <ImageView
            android:id="@+id/iv_card_bottom2"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom3"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom4"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom5"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom6"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom7"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom8"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom9"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom10"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom11"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom12"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom13"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />
        <ImageView
            android:id="@+id/iv_card_bottom14"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />

        <ImageView
            android:id="@+id/iv_card_bottom15"
            android:layout_width="0dp"
            android:layout_height="55dp"
            android:layout_gravity="bottom"
            android:layout_weight="1"
            android:scaleType="centerInside"
            android:src="@drawable/aback" />


    </LinearLayout>

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

    <ImageView
        android:id="@+id/iv_card_bottom14"
        android:layout_width="50dp"
        android:layout_height="55dp"
        android:layout_marginEnd="661dp"

        android:layout_marginRight="661dp"
        android:layout_weight="1"
        android:foregroundGravity="right"
        android:rotation="90"
        android:scaleType="centerInside"
        android:src="@drawable/aback" />
    <ImageView
        android:id="@+id/iv_card_bottom14"
        android:layout_width="0dp"
        android:layout_height="55dp"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:layout_alignParentBottom="true"
        android:layout_gravity="bottom"
        android:layout_marginEnd="711dp"
        android:layout_marginRight="711dp"
        android:layout_marginBottom="336dp"
        android:layout_weight="1"
        android:scaleType="centerInside"
        android:src="@drawable/aback" />




></LinearLayout>
</RelativeLayout>

Answer 1

在基本布局中使用 FitToWindows = True 并尝试将卡片组相对放置。这会将卡片组相互绑定。

我希望它有效