Android中使用gridview如何讓圖片在上文字在下

來源:互聯網
上載者:User
你說的是這樣子嗎?
如果是這樣子的話就看源碼吧:
gridview.xml Xml代碼  
  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <GridView xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:id="@+id/gridview"  
  4.     android:layout_width="fill_parent"  
  5.     android:layout_height="fill_parent"  
  6.     android:numColumns="auto_fit"  
  7.     android:verticalSpacing="10dp"  
  8.     android:horizontalSpacing="10dp"  
  9.     android:columnWidth="90dp"  
  10.     android:stretchMode="columnWidth"  
  11.     android:gravity="center"    
  12.     />  
<?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:verticalSpacing="10dp"android:horizontalSpacing="10dp"android:columnWidth="90dp"android:stretchMode="columnWidth"android:gravity="center" />

item.xml Xml代碼  

  1. <?xml version="1.0" encoding="utf-8"?>  
  2. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  3.     android:layout_height="wrap_content"  
  4.     android:layout_width="fill_parent"  
  5.     android:paddingBottom="4dip"  
  6.     >  
  7.     <ImageView  
  8.         android:id="@+id/ItemImage"  
  9.         android:layout_height="wrap_content"  
  10.         android:layout_width="wrap_content"  
  11.         android:layout_centerHorizontal="true"  
  12.         />  
  13.     <TextView  
  14.         android:id="@+id/ItemText"  
  15.         android:layout_width="wrap_content"  
  16.         android:layout_below="@+id/ItemImage"  
  17.         android:layout_height="wrap_content"  
  18.         android:layout_centerHorizontal="true"  
  19.         android:text="TextView01"  
  20.         />  
  21. </RelativeLayout>  
<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"android:layout_height="wrap_content"android:layout_width="fill_parent"android:paddingBottom="4dip"><ImageViewandroid:id="@+id/ItemImage"android:layout_height="wrap_content"android:layout_width="wrap_content"android:layout_centerHorizontal="true"/><TextViewandroid:id="@+id/ItemText"android:layout_width="wrap_content"android:layout_below="@+id/ItemImage"android:layout_height="wrap_content"android:layout_centerHorizontal="true"android:text="TextView01"/></RelativeLayout>

activity Java代碼  

  1. package com.test;   
  2.   
  3. import java.util.ArrayList;   
  4. import java.util.HashMap;   
  5.   
  6. import android.app.Activity;   
  7. import android.os.Bundle;   
  8. import android.view.View;   
  9. import android.widget.AdapterView;   
  10. import android.widget.AdapterView.OnItemClickListener;   
  11. import android.widget.GridView;   
  12. import android.widget.SimpleAdapter;   
  13.   
  14. public class TestGridView extends Activity {   
  15.     private GridView gridview;   
  16.   
  17.     public void onCreate(Bundle savedInstanceState) {   
  18.         super.onCreate(savedInstanceState);   
  19.         setContentView(R.layout.gridview);   
  20.            
  21.         gridview = (GridView) findViewById(R.id.gridview);   
  22.   
  23.         // 產生動態數組,並且轉入資料   
  24.         ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();   
  25.         for (int i = 0; i < 10; i++) {   
  26.             HashMap<String, Object> map = new HashMap<String, Object>();   
  27.             map.put("ItemImage", R.drawable.icon);// 添加映像資源的ID   
  28.             map.put("ItemText", "NO." + String.valueOf(i));// 按序號做ItemText   
  29.             lstImageItem.add(map);   
  30.         }   
  31.         // 產生適配器的ImageItem <====> 動態數組的元素,兩者一一對應   
  32.         SimpleAdapter saImageItems = new SimpleAdapter(this, // 沒什麼解釋   
  33.                 lstImageItem,// 資料來源   
  34.                 R.layout.item,// night_item的XML實現   
  35.                 // 動態數組與ImageItem對應的子項   
  36.                 new String[] { "ItemImage", "ItemText" },   
  37.                 // ImageItem的XML檔案裡面的一個ImageView,兩個TextView ID   
  38.                 new int[] { R.id.ItemImage, R.id.ItemText });   
  39.         // 添加並且顯示   
  40.         gridview.setAdapter(saImageItems);   
  41.         // 添加訊息處理   
  42.         gridview.setOnItemClickListener(new ItemClickListener());   
  43.     }   
  44.   
  45.     // 當AdapterView被單擊(觸控螢幕或者鍵盤),則返回的Item單擊事件   
  46.     class ItemClickListener implements OnItemClickListener {   
  47.         public void onItemClick(AdapterView<?> arg0,// The AdapterView where the click happened   
  48.                 View arg1,// The view within the AdapterView that was clicked   
  49.                 int arg2,// The position of the view in the adapter   
  50.                 long arg3// The row id of the item that was clicked   
  51.         ) {   
  52.             // 在本例中arg2=arg3   
  53.             @SuppressWarnings("unchecked")   
  54.             HashMap<String, Object> item = (HashMap<String, Object>) arg0.getItemAtPosition(arg2);   
  55.             // 顯示所選Item的ItemText   
  56.             setTitle((String) item.get("ItemText"));   
  57.         }   
  58.     }   
  59. }  
package com.test;import java.util.ArrayList;import java.util.HashMap;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;public class TestGridView extends Activity {private GridView gridview;public void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.gridview);gridview = (GridView) findViewById(R.id.gridview);// 產生動態數組,並且轉入資料ArrayList<HashMap<String, Object>> lstImageItem = new ArrayList<HashMap<String, Object>>();for (int i = 0; i < 10; i++) {HashMap<String, Object> map = new HashMap<String, Object>();map.put("ItemImage", R.drawable.icon);// 添加映像資源的IDmap.put("ItemText", "NO." + String.valueOf(i));// 按序號做ItemTextlstImageItem.add(map);}// 產生適配器的ImageItem <====> 動態數組的元素,兩者一一對應SimpleAdapter saImageItems = new SimpleAdapter(this, // 沒什麼解釋lstImageItem,// 資料來源R.layout.item,// night_item的XML實現// 動態數組與ImageItem對應的子項new String[] { "ItemImage", "ItemText" },// ImageItem的XML檔案裡面的一個ImageView,兩個TextView IDnew int[] { R.id.ItemImage, R.id.ItemText });// 添加並且顯示gridview.setAdapter(saImageItems);// 添加訊息處理gridview.setOnItemClickListener(new ItemClickListener());}// 當AdapterView被單擊(觸控螢幕或者鍵盤),則返回的Item單擊事件class ItemClickListener implements OnItemClickListener {public void onItemClick(AdapterView<?> arg0,// The AdapterView where the click happenedView arg1,// The view within the AdapterView that was clickedint arg2,// The position of the view in the adapterlong arg3// The row id of the item that was clicked) {// 在本例中arg2=arg3@SuppressWarnings("unchecked")HashMap<String, Object> item = (HashMap<String, Object>) arg0.getItemAtPosition(arg2);// 顯示所選Item的ItemTextsetTitle((String) item.get("ItemText"));}}}
相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.