Android Studio 實現九宮格功能

運行結果

1.圖

2.動圖

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

3.分享個GIF動圖的.exe

鏈接: link.

代碼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: 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: android:layout_width='wrap_content' android:layout_height='wrap_content' android:layout_centerHorizontal='true'> </ImageView> <TextView android: 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九宮格內容請搜索好吧啦網以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持好吧啦網！