[Android] Grid View

Layouts - Grid View

http://docs.androidside.com/resources/tutorials/views/hello-gridview.html

* Project name: HelloGridView

* Application name: Hello, GridView

* Package name: com.example.hellogridview

* Create Activity: HelloGridView

1. HelloGridView.java

----------------------------------------------------------

package com.example.hellogridview;

import! android.app.*;

import! android.os.*;

import! android.view.*;

import! android.widget.*;

import! android.widget.AdapterView.OnItemClickListener;

public class HelloGridView extends Activity {

/** Called when the activity is first created. */

@Override

public void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.main);

GridView gridview = (GridView) findViewById(R.id.gridview);

gridview.setAdapter(new ImageAdapter(this));

gridview.setOnItemClickListener(new OnItemClickListener() {

public void onItemClick(AdapterView<?> parent, View v, int position, long id) {

Toast.makeText(HelloGridView.this, "" + position, Toast.LENGTH_SHORT).show();

}

});

}

}

----------------------------------------------------------

- onCreate : Activity가 처음 생성될때 호출되는 메소드

- setContentView(R.layout.main) : layout resource를 activity content에 설정 메소드

- findViewById : 엘리멘트의 핸들을 얻기위해 사용되는 Activity 메소드

- gridview.setAdapter : 지정adapter를 grid에 보여지도록한다.

- setOnItemClickListener : grid를 click했을때 발생하는 메소드

- onItemClick : 선택된 item의 index를 toast에 표시되도록 하는 callback 메소드

2. ImageAdapter.java

----------------------------------------------------------

package com.example.hellogridview;

import! android.content.*;

import! android.view.*;

import! android.widget.*;

public class ImageAdapter extends BaseAdapter {

private Context mContext;

public ImageAdapter(Context c) {

mContext = c;

}

public int getCount() {

return mThumbIds.length;

}

public Object getItem(int position) {

return null;

}

public long getItemId(int position) {

return 0;

}

// create a new ImageView for each item referenced by the Adapter

public View getView(int position, View convertView, ViewGroup parent) {

ImageView imageView;

if (convertView == null) { // if it's not recycled, initialize some attributes

imageView = new ImageView(mContext);

imageView.setLayoutParams(new GridView.LayoutParams(85, 85));

imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);

imageView.setPadding(8, 8, 8, 8);

} else {

imageView = (ImageView) convertView;

}

imageView.setImageResource(mThumbIds[position]);

return imageView;

}

// references to our images

private Integer[] mThumbIds = {

R.drawable.sample_2, R.drawable.sample_3,

R.drawable.sample_4, R.drawable.sample_5,

R.drawable.sample_6, R.drawable.sample_7,

R.drawable.sample_0, R.drawable.sample_1,

R.drawable.sample_2, R.drawable.sample_3,

R.drawable.sample_4, R.drawable.sample_5,

R.drawable.sample_6, R.drawable.sample_7,

R.drawable.sample_0, R.drawable.sample_1,

R.drawable.sample_2, R.drawable.sample_3,

R.drawable.sample_4, R.drawable.sample_5,

R.drawable.sample_6, R.drawable.sample_7

};

}

----------------------------------------------------------

- ImageAdapter 는 BaseAdapter를 상속

- getCount() : 갯수리턴

- getItem(int), getItemId(int) : 필요하지 않아 null, 0으로 처리

- getView : Apaper에 image가 추가된 view를 생성

- imageView.setLayoutParams : View의 높이와 너비를 설정

- imageView.setScaleType : ImageView 의 크기에 맞게 이미지 크기를 조작하거나 이동설정

- imageView.setPadding : 패딩값설정

3. drawable

mThumbIds 배열에 설정된 이미지

4. main.xml

----------------------------------------------------------

<?xml version="1.0" encoding="utf-8"?>

<GridView xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/gridview"

android:layout_width="fill_parent"

android:layout_height="fill_parent"

android:columnWidth="90dp"

android:numColumns="auto_fit"

android:verticalSpacing="10dp"

android:horizontalSpacing="10dp"

android:stretchMode="columnWidth"

android:gravity="center"

/>

----------------------------------------------------------

- android:layout_width : layout 너비설정

wrap_content: 뷰가 그릴만큼의 크기 , fill_parent : 부모가 갖는모든 크기

- android:layout_height : layout 높이설정

wrap_content: 뷰가 그릴만큼의 크기 , fill_parent : 부모가 갖는모든 크기

- android:id="@+id/gridview" : 클레스의 이름을 지정

- android:columnWidth : Column의 너비지정

- android:numColumns : Grid 한 Row에 나열될 Column의 개수를 지정

- android:verticalSpacing(horizontalSpacing) : Grid의 셀 간 간격. verticalSpacing은 상하 간, horizontalSpacing은 좌우 간의 간격

- android:stretchMode : auto_fit을 하고 남은 좌우 공간을 어떻게 분배할지를 결정설정

- android:gravity : layout 문자열 정열지정

top, bottom, left, right, center, center_vertical, center_horizontal등이 | 연산자와 사용