이미지의 2D 그리드를 만드는 방법은 무엇입니까?

Question

Android 개발이 처음인데 3x3 크기의 이미지 격자로 된 메뉴가있는 앱을 만들려고합니다. 이미지를 크기 조정하고 화면 너비의 1/3을 차지하는 데 문제가 있습니다. 내가 RelativeLayout을 사용해야한다고 생각하지만, android:weight을 지원하지 않는 것 같습니다. 그런 다음 LinearLayout을 시도했지만 가로로만 조정되었습니다.

저는 하루 종일이 작업을 해오 고 있으며이를 파악하지 못했습니다. 어떤 도움을 주시면 감사하겠습니다.

* 편집 : 나는 폭 android:shrinkColumns="*"와 TableLayout을 사용하고 높이에 대한 모든 TableRows에 android:layout_weight="1"를 추가, 작동하는 방법을 발견했다. 나는 android:scaleType="fitCenter"을 사용했다. 스케일 유형이 문제가 아니기 때문에 View를 적합하게 만들 수있었습니다. 이 방법은 너무 큰 이미지에서는 작동하지만 이미지가 너무 작 으면 작동하지 않을 수 있습니다. `

Answer 1

1 화면 장치의 높이 및 너비 2 스케일 이미지의 삼분의 값으로 이미지를 확인하고이 코드

에게

을 확인 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; 
} 


} 

Answer 2

당신은의 GridView를 사용할 수 있습니다

등, 당신은 예를 들어, 경우에 가장 적합한 하나의 볼 ScaleType와 FIT_XY을 재생할 수 있습니다 ( http://developer.android.com/guide/topics/ui/layout/gridview.html보고 http://developer.android.com/reference/android/widget/GridView.html) 및 이미지 뷰에 대한 3으로 numColumns 설정

희망이 도움이됩니다.