Автомасштабирование изображений в сетке

Question

У меня есть 3x3 GridLayout изображений, которые я хочу автомасштабировать, чтобы заполнить их родителя. Независимо от того, что я пытаюсь, что я накладываю для масштабирования или ширины, изображения остаются одинакового размера. Контейнер изменяет размер, но основное изображение не масштабируется. Что я делаю не так? Я знаю, что не все изображения ниже имеют одинаковые настройки - я просто играл с разными вещами сразу, чтобы посмотреть, что они будут делать.

<GridLayout 
    android:orientation="vertical" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" 
    android:background="#FFFFFF" 
    android:rowCount="3" 
    android:columnCount="3"> 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/icon2" 
     android:drawableTop="@drawable/sample" 
     android:background="#AAAAAA" 
     android:layout_row="0" 
     android:layout_column="0" 
     android:scaleType="centerInside" /> 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/icon3" 
     android:src="@drawable/sample" 
     android:layout_row="0" 
     android:layout_column="1" 
     android:scaleType="fitXY" /> 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/icon4" 
     android:drawableTop="@drawable/sample" 
     android:background="#AAAAAA" 
     android:layout_row="0" 
     android:layout_column="2" /> 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/icon5" 
     android:src="@drawable/sample" 
     android:background="#AAAAAA" 
     android:layout_row="1" 
     android:layout_column="0" 
     android:width="100dp" 
     android:height="100dp" /> 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/icon6" 
     android:drawableTop="@drawable/sample" 
     android:background="#AAAAAA" 
     android:layout_row="1" 
     android:layout_column="1" /> 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/icon7" 
     android:drawableTop="@drawable/sample" 
     android:background="#AAAAAA" 
     android:layout_row="1" 
     android:layout_column="2" /> 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/icon8" 
     android:drawableTop="@drawable/sample" 
     android:background="#AAAAAA" 
     android:layout_row="2" 
     android:layout_column="0" /> 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/icon9" 
     android:drawableTop="@drawable/sample" 
     android:background="#AAAAAA" 
     android:layout_row="2" 
     android:layout_column="1" /> 
    <ImageView 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/icon1" 
     android:drawableTop="@drawable/sample" 
     android:background="#AAAAAA" 
     android:layout_row="2" 
     android:layout_column="2" /> 
</GridLayout> 

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

Answer 1

Я не думаю, что мы можем добиться автоматического масштабирования в GridLayout с помощью Xml. мы можем исправить это про грамматически, вычислив размер и ширину экрана. Прочтите этот ответ here. Надеюсь, это поможет вам.