GridViewカスタマイズで周りのマージンを削除

【目的】
AndroidでGridViewをカスタマイズした際のGridViewの周りのマージンを削除します。



【使用例】
グリッドビューの項目に枠線などを装飾したい場合。
※簡易な方法でGridViewの周りのマージンを削除します



【手順１】
１．「Androidプロジェクトの作成・実行方法(バージョン別一覧)」のAndroidプロジェクトの作成手順で、「AndroidSample13-004-GridViewCustomDeleteMargin」といプロジェクトを作成。
※プロジェクトの設定は以下の通り。
※他の項目は任意。

項目名	項目に設定する値
アプリケーション名(Application Name)	com.example.androidsample13_004
プロジェクト名(Project Name)	AndroidSample13-004-GridViewCustomDeleteMargin
パッケージ名(Package Name)	com.example.androidsample13_004
Build SDK	API 8
Minimum Required SDK	API 8

【手順２】
１．「AndroidManifest.xml」は以下の通り。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.androidsample13_004"
    android:versionCode="1"
    android:versionName="1.0" >

    <uses-sdk
        android:minSdkVersion="8"
        android:targetSdkVersion="8" />

    <application
        android:allowBackup="true"
        android:icon="@drawable/ic_launcher"
        android:label="@string/app_name"
        android:theme="@style/AppTheme" >
        <activity
            android:name="com.example.androidsample13_004.MainActivity"
            android:label="@string/title_activity_main" >
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
    </application>

</manifest>

２．「Ctrl+Shift+F」を押し、コードをフォーマッティング。
３．「Ctrl+S」を押し、ファイルを保存。



【手順３】
１．「任意のディレクトリの作成方法」の手順で「res/drawable」ディレクトリを作成。
２．「任意のファイルの作成方法」の手順で「res/drawable/border.xml」を作成。
３．「res/drawable/border.xml」は以下の通り。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <solid android:color="#FFFFFF" />

    <stroke
        android:width="5dp"
        android:color="#FF0000" />

</shape>

４．「Ctrl+Shift+F」を押し、コードをフォーマッティング。
５．「Ctrl+S」を押し、ファイルを保存。



【手順４】
１．「res/layout/activity_main.xml」は以下の通り。

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

    <GridView
        android:id="@+id/gridView"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:listSelector="@null"
        android:numColumns="3" />

</LinearLayout>

２．「Ctrl+Shift+F」を押し、コードをフォーマッティング。
３．「Ctrl+S」を押し、ファイルを保存。



【手順５】
１．「任意のファイルの作成方法」の手順で「res/layout/grid_main.xml」を作成。
２．「res/layout/grid_main.xml」は以下の通り。

<?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="50dp"
    android:background="@drawable/border"
    android:gravity="center" />

２．「Ctrl+Shift+F」を押し、コードをフォーマッティング。
３．「Ctrl+S」を押し、ファイルを保存。



【手順６】
１．「src/com/example/androidsample13_004/MainActivity.java」は以下の通り。

package com.example.androidsample13_004;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.GridView;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends Activity {
    private static final String[] WORDS = { "AAA", "BBB", "CCC", "DDD", "EEE", "FFF", "GGG" };

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        GridView gridView = (GridView) findViewById(R.id.gridView);
        ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.grid_main, WORDS);
        gridView.setAdapter(adapter);
        gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                TextView textView = (TextView) view;
                Toast.makeText(MainActivity.this, textView.getText().toString(), Toast.LENGTH_SHORT).show();
            }
        });

    }
}

２．「Ctrl+Shift+F」を押し、コードをフォーマッティング。
３．「Ctrl+S」を押し、ファイルを保存。



【手順７】
１．「Androidプロジェクトの作成・実行方法(バージョン別一覧)」のAndroidプロジェクトの実行手順で、実行。



【手順８】
１．以下の様に表示されれば成功です。

【結論】
GridViewをカスタマイズした際の周りのマージンはGridViewに「android:listSelector="@null"」を指定することで簡単に消せます。

しかし、この方法の場合、クリックした際の色付け等が出来なくなるので注意が必要です。



以上です。