android - 如何制作二维图像网格？

Question

我是 Android 开发的新手，我正在尝试制作一个应用程序，该应用程序将具有由 3x3 图像网格组成的菜单。我无法让图像缩放，每个图像占据屏幕宽度的 1/3。我想我应该使用RelativeLayout，但我似乎不支持android:weight。然后我尝试了 LinearLayout，但它只能水平缩放。

我整天都在研究这个，但一直没弄明白。任何帮助将不胜感激。

*编辑:我找到了一种可行的方法，使用 TableLayout 和 android:shrinkColumns="*" 宽度，并添加 android:layout_weight="1" 到所有 TableRows 的高度。我使用了 android:scaleType="fitCenter"。但是比例类型不是问题，让 View 适合才是问题。此方法适用于太大的图像，但可能不适用于太小的图像。 `

Answer 1

1st 获取屏幕设备的高度和宽度2nd 将图像缩放到图像的三分之一值并重新分配

检查这段代码

Main.xml

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0.33"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.33"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imageView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.33"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.33"
        android:src="@drawable/ic_launcher" />

</LinearLayout>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0.33"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/imageView4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.33"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imageView5"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.33"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imageView6"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.33"
        android:src="@drawable/ic_launcher" />

</LinearLayout>

<LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0.33"
    android:orientation="horizontal" >

    <ImageView
        android:id="@+id/imageView7"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.33"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imageView8"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.33"
        android:src="@drawable/ic_launcher" />

    <ImageView
        android:id="@+id/imageView9"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_weight="0.33"
        android:src="@drawable/ic_launcher" />

</LinearLayout>

</LinearLayout>

这是 MainActivity.java 文件

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Matrix;
import android.os.Bundle;
import android.view.Display;
import android.widget.ImageView;

public class MainActivity extends Activity {


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    ImageView img[] = new ImageView[9];
    img[0] = (ImageView) findViewById(R.id.imageView1);
    img[1] = (ImageView) findViewById(R.id.imageView2);
    img[2] = (ImageView) findViewById(R.id.imageView3);
    img[3] = (ImageView) findViewById(R.id.imageView4);
    img[4] = (ImageView) findViewById(R.id.imageView5);
    img[5] = (ImageView) findViewById(R.id.imageView6);
    img[6] = (ImageView) findViewById(R.id.imageView7);
    img[7] = (ImageView) findViewById(R.id.imageView8);
    img[8] = (ImageView) findViewById(R.id.imageView9);


    Display mDisplay= getWindowManager().getDefaultDisplay();
    int Devicewidth= mDisplay.getWidth();
    int DeviceHeight= mDisplay.getHeight();
    for(int i=0; i<9 ; i++){
        //You can use different images here since i have only one I have used only one
        Bitmap oldBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.ic_launcher);
        Bitmap newBitmap = getResizedBitmap(oldBitmap, DeviceHeight/3, Devicewidth/3);
        img[i].setImageBitmap(newBitmap);
    }

}

public Bitmap getResizedBitmap(Bitmap bm, int newHeight, int newWidth) {
    int width = bm.getWidth();
    int height = bm.getHeight();
    float scaleWidth = ((float) newWidth) / width;
    float scaleHeight = ((float) newHeight) / height;
    Matrix matrix = new Matrix();
    matrix.postScale(scaleWidth, scaleHeight);
    Bitmap resizedBitmap = Bitmap.createBitmap(bm, 0, 0, width, height, matrix, false);
    return resizedBitmap;
}


}