執行結果

1.圖

2.動圖

九個圖示是設定的，你也可以設定4 * 4 = 16都可以。

3.分享個GIF動圖的.exe

程式碼activity_main.xml

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

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:tools="http://schemas.android.com/tools"
 android:layout_width="match_parent"
 android:layout_height="match_parent">

 <GridView
  android:id="@+id/GridView"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:verticalSpacing="10dp"
  android:columnWidth="90dp"
  android:numColumns="3"
  android:stretchMode="columnWidth"
  android:gravity="center"
  android:background="#F3DCF3">
 </GridView>
 <!--
 容器大小和父容器一樣大：match_parent
 每列之間的間距為27dp：android:verticalSpacing="27dp"
 指定列寬為90dp：android:columnWidth="90dp"
 每一行自動填充3個：android:numColumns="3"
 空餘的位置均分給列填充：android:stretchMode="columnWidth"
 顯示位置居中：android:gravity="center"
 -->
</RelativeLayout>

item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:background="#F3DCF3">


 <ImageView
  android:id="@+id/ItemImage"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_centerHorizontal="true">
 </ImageView>

 <TextView
  android:id="@+id/ItemText"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_below="@+id/ItemImage"
  android:layout_centerHorizontal="true" >
 </TextView>
 <!--
 該控制元件設定在相對於父控制元件水平居中的位置:layout_centerHorizontal="true"
 該控制元件位於@+id的下面：layout_below="@+id/ItemImage"
 -->


</RelativeLayout>

MainActivity.java

package edu.hrbust.syoneninelayout;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.GridView;
import android.widget.SimpleAdapter;
import android.widget.Toast;

import java.util.ArrayList;
import java.util.HashMap;

public class MainActivity extends Activity {
 // 呼叫活動
 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  // 關聯activity_main.xml 和 控制元件GridView
  setContentView(R.layout.activity_main);
  GridView gridView = (GridView) findViewById(R.id.GridView);
  // 構建ArrayList是HashMap格式，HashMap格式是<String,Object>
  ArrayList<HashMap<String,Object>> meumList = new ArrayList<HashMap<String,Object>>();
  // 向ArrayList填入資料 圖片+i i設定為1~9,形成九宮格
  for(int i = 1; i < 10; i++){
   HashMap<String,Object> map = new HashMap<String,Object>();
   //R.mipmap.ic_luminggai是關聯的圖片 我的圖片在res的mipmap下面
   map.put("ItemImage",R.mipmap.ic_luminggai);
   map.put("ItemText",""+i);
   meumList.add(map);
  }
  // 構建資料介面卡
  SimpleAdapter saItem = new SimpleAdapter(this,meumList,R.layout.item,new String[]{"ItemImage","ItemText"},new int[]{R.id.ItemImage,R.id.ItemText});
  // 應用介面卡
  gridView.setAdapter(saItem);
  gridView.setOnItemClickListener(
    new OnItemClickListener() {
     @SuppressLint("WrongConstant")
     public void onItemClick(AdapterView<?> arg0,View arg1,int arg2,long arg3) {
      int index = arg2 + 1;
      Toast.makeText(getApplicationContext(),"點選了選項：" + index,0).show();
     }
    }
  );
 }
}

原始碼程式包

到此這篇關於Android Studio 實現九宮格功能的文章就介紹到這了,更多相關android studio九宮格內容請搜尋我們以前的文章或繼續瀏覽下面的相關文章希望大家以後多多支援我們！