android - 我如何设计此 Activity 以方形样式显示

Question

我有一个 activity_main.xml 带有嵌套的 linear layout 用于创建 block ，但我对这个 xml 代码有一点问题:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <android.support.v7.widget.Toolbar
        xmlns:android="http://schemas.android.com/apk/res/android"
        android:id="@+id/xmlToolbarMain"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="#f44336"/>

    <ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            tools:context="gridheader.majid.com.bahaltarinha.MainActivity">

            <!-- row  1 -->

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="3dp">

                <!-- Cooking -->
                <ImageView
                    android:layout_width="0dp"
                    android:layout_height="130dp"
                    android:layout_marginRight="2dp"
                    android:layout_weight="1"
                    android:scaleType="fitXY"
                    android:src="@drawable/cooking_r" />

                <!-- Celebrity -->
                <ImageView
                    android:layout_width="0dp"
                    android:layout_height="130dp"
                    android:layout_marginLeft="2dp"
                    android:layout_marginRight="2dp"
                    android:layout_weight="2"
                    android:scaleType="fitXY"
                    android:src="@drawable/celebrity_r" />

            </LinearLayout>

            <!-- row  2 -->
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:layout_margin="2dp">

                <!-- MakeUp -->
                <ImageView
                    android:layout_width="0dp"
                    android:layout_height="260dp"
                    android:layout_marginLeft="3dp"
                    android:layout_marginRight="2dp"
                    android:layout_weight="2"
                    android:background="#63ae4f"
                    android:scaleType="fitXY"
                    android:src="@drawable/makeup_r" />

                <LinearLayout
                    android:layout_width="0dp"
                    android:layout_height="260dp"
                    android:layout_marginLeft="2dp"
                    android:layout_weight="1"
                    android:orientation="vertical">


                    <!-- Kids -->

                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="130dp"
                        android:layout_marginBottom="2dp"
                        android:layout_marginRight="2dp"
                        android:layout_weight="1"
                        android:scaleType="fitXY"
                        android:src="@drawable/kids_r" />


                    <!-- Fashion -->
                    <ImageView
                        android:layout_width="match_parent"
                        android:layout_height="130dp"
                        android:layout_marginRight="2dp"
                        android:layout_marginTop="2dp"
                        android:layout_weight="1"
                        android:scaleType="fitXY"
                        android:src="@drawable/fashion_r" />

                </LinearLayout>

            </LinearLayout>

            <!-- row  3 -->

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

                <!-- LifeStyle  -->
                <ImageView
                    android:layout_width="0dp"
                    android:layout_height="130dp"
                    android:layout_marginLeft="2dp"
                    android:layout_marginRight="2dp"
                    android:layout_weight="1"
                    android:scaleType="fitXY"
                    android:src="@drawable/lifestyle_r" />

                <!-- taghzieh  -->
                <ImageView
                    android:layout_width="0dp"
                    android:layout_height="130dp"
                    android:layout_marginLeft="1dp"
                    android:layout_marginRight="2dp"
                    android:layout_weight="1"
                    android:scaleType="fitXY"
                    android:src="@drawable/nutr_r" />

            </LinearLayout>
            <!-- Fal -->

            <!--<ImageView-->
            <!--android:layout_margin="2dp"-->
            <!--android:layout_width="match_parent"-->
            <!--android:layout_height="130dp"-->
            <!--android:background="#e74c3c"/>-->


            <!-- row  4 -->


        </LinearLayout>
    </ScrollView>
</LinearLayout>

这是布局的屏幕截图。左图是我的activity_main，右图是我想要的布局。我想以正方形样式(具有相同的长度和宽度)显示图像而不是拉伸(stretch)矩形:

好的，我希望你明白我的意思，我认为这张图片很有用:

Answer 1

将 ImageView 的比例类型从 fit_xy 更改为 center_crop

这应该可以修复扭曲的图像。