Android編程簡單實現(xiàn)九宮格示例
本文實例講述了Android編程簡單實現(xiàn)九宮格。分享給大家供大家參考,具體如下:
實現(xiàn)的步驟
1. 一個整體的容器部分。就是上圖中包括整個圖片項個各個部分,這里我們使用gridView(表格布局)來實現(xiàn)
2.整個界面里需要注意的是 “重復(fù)的部分”,就是 各個圖片項和,圖片下方顯示的文字了。那么我們需要描述這個部分。在描述時,要說明圖片位于上方,文字位于下方。
3.迭代,或者說重復(fù)的將各項 插入(放入)到容器內(nèi)。
需要添加/修改3個文件:main.xml、meunitem.xml、activity
main.xml源代碼如下,本身是個GirdView,用于裝載Item:
<?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:numColumns="auto_fit" android:horizontalSpacing="10dp" android:verticalSpacing="10dp" android:columnWidth="90dp" android:stretchMode="columnWidth" android:gravity="center"> </GridView>
在這里需要關(guān)注的屬性是columnWidth,這里指定了列的寬度,一個列對象,對應(yīng)一個 “可重復(fù)的子項”,這個子項就是我們 的圖片項和圖片下方文字顯示的部分。如果不指定這個寬度的話,默認(rèn)是每行(展示的行,界面)僅僅只顯示一個 “可重復(fù)的子項”,而當(dāng)指定了寬度時,本文指定為90dp,如果每行實際行尺寸大于90,他就會繼續(xù)將下一個的“可重復(fù)的子項”,放置在本行。于是就呈現(xiàn)一種 一行顯示多個子項的情況。numColumns屬性,指定一個自動填充的值,指示了自動填充行。
2。指定“可重復(fù)的子項”,就是需要迭代顯示的部分
Android:numColumns="auto_fit" ,GridView的列數(shù)設(shè)置為自動
android:columnWidth="90dp",每列的寬度,也就是Item的寬度
android:stretchMode="columnWidth",縮放與列寬大小同步
android:verticalSpacing="10dp",兩行之間的邊距,如:行一(NO.0~NO.2)與行二(NO.3~NO.5)間距為10dp
android:horizontalSpacing="10dp",兩列之間的邊距。
接下來介紹 meunitem.xml,這個XML跟前面ListView的ImageItem.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" > <ImageView android:layout_width="wrap_content" android:id="@+id/ItemImage" android:layout_height="wrap_content" android:layout_centerHorizontal="true"/> <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/ItemImage" android:id="@+id/ItemText" android:layout_centerHorizontal="true" /> </RelativeLayout>
最后是JAVA的源代碼
@Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.mainmenu); GridView gridview = (GridView) findViewById(R.id.GridView); ArrayList<HashMap<String, Object>> meumList = new ArrayList<HashMap<String, Object>>(); for(int i = 1;i < 10;i++) { HashMap<String, Object> map = new HashMap<String, Object>(); map.put("ItemImage", R.drawable.icon); map.put("ItemText", "NO."+i); meumList.add(map); } SimpleAdapter saMenuItem = new SimpleAdapter(this, meumList, //數(shù)據(jù)源 R.layout.menuitem, //xml實現(xiàn) new String[]{"ItemImage","ItemText"}, //對應(yīng)map的Key new int[]{R.id.ItemImage,R.id.ItemText}); //對應(yīng)R的Id //添加Item到網(wǎng)格中 gridview.setAdapter(saMenuItem); gridview.setOnItemClickListener(new OnItemClickListener() { public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,long arg3) { System.out.println("click index:"+arg2); } }); }
更多關(guān)于Android相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《Android開發(fā)入門與進階教程》、《Android調(diào)試技巧與常見問題解決方法匯總》、《Android基本組件用法總結(jié)》、《Android視圖View技巧總結(jié)》、《Android布局layout技巧總結(jié)》及《Android控件用法總結(jié)》
希望本文所述對大家Android程序設(shè)計有所幫助。
相關(guān)文章
Android RecyclerView添加FootView和HeadView
這篇文章主要介紹了Android RecyclerView添加FootView和HeadView的相關(guān)資料,具有一定的參考價值,感興趣的小伙伴們可以參考一下2016-10-10Android實現(xiàn)動態(tài)自動匹配輸入內(nèi)容
這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)動態(tài)自動匹配輸入內(nèi)容,具有一定的參考價值,感興趣的小伙伴們可以參考一下2018-08-08詳解Retrofit2.0 公共參數(shù)(固定參數(shù))
這篇文章主要介紹了Retrofit2.0 公共參數(shù)(固定參數(shù)),小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-04-04Android開發(fā)筆記之: 數(shù)據(jù)存儲方式詳解
本篇文章是對Android中數(shù)據(jù)存儲方式進行了詳細(xì)的分析介紹,需要的朋友參考下2013-05-05Android 開源項目側(cè)邊欄菜單(SlidingMenu)使用詳解
SlidingMenu的是一種比較新的設(shè)置界面或配置界面效果,在主界面左滑或者右滑出現(xiàn)設(shè)置界面,能方便的進行各種操作.目前有大量的應(yīng)用都在使用這一效果。如Evernote、Google+、Foursquare等,國內(nèi)的豌豆夾,人人,360手機助手等都使用SlidingMenu的界面方案。2016-05-05android使用SkinManager實現(xiàn)換膚功能的示例
本篇文章主要介紹了android使用SkinManager實現(xiàn)換膚功能的示例,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2018-02-02Java語言讀取配置文件config.properties的方法講解
今天小編就為大家分享一篇關(guān)于Java語言讀取配置文件config.properties的方法講解,小編覺得內(nèi)容挺不錯的,現(xiàn)在分享給大家,具有很好的參考價值,需要的朋友一起跟隨小編來看看吧2019-03-03Android獲取本地相冊圖片和拍照獲取圖片的實現(xiàn)方法
這篇文章主要為大家詳細(xì)介紹了Android獲取本地相冊圖片和拍照獲取圖片的實現(xiàn)方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-03-03