android编程一个简单的排行榜,Android编程简单实现九宫格示例

本文实例讲述了Android编程简单实现九宫格。分享给大家供大家参考&＃xff0c;具体如下&＃xff1a;

实现的步骤

1. 一个整体的容器部分。就是上图中包括整个图片项个各个部分&＃xff0c;这里我们使用gridView(表格布局)来实现

2.整个界面里需要注意的是 “重复的部分”&＃xff0c;就是 各个图片项和&＃xff0c;图片下方显示的文字了。那么我们需要描述这个部分。在描述时&＃xff0c;要说明图片位于上方&＃xff0c;文字位于下方。

3.迭代&＃xff0c;或者说重复的将各项 插入(放入)到容器内。

需要添加/修改3个文件&＃xff1a;main.xml、meunitem.xml、activity

main.xml源代码如下&＃xff0c;本身是个GirdView&＃xff0c;用于装载Item&＃xff1a;

android:id&＃61;"&＃64;&＃43;id/GridView"

android:layout_width&＃61;"fill_parent"

android:layout_height&＃61;"fill_parent"

android:numColumns&＃61;"auto_fit"

android:horizontalSpacing&＃61;"10dp"

android:verticalSpacing&＃61;"10dp"

android:columnWidth&＃61;"90dp"

android:stretchMode&＃61;"columnWidth"

android:gravity&＃61;"center">

在这里需要关注的属性是columnWidth&＃xff0c;这里指定了列的宽度&＃xff0c;一个列对象&＃xff0c;对应一个 “可重复的子项”&＃xff0c;这个子项就是我们 的图片项和图片下方文字显示的部分。如果不指定这个宽度的话&＃xff0c;默认是每行(展示的行&＃xff0c;界面)仅仅只显示一个 “可重复的子项”&＃xff0c;而当指定了宽度时&＃xff0c;本文指定为90dp,如果每行实际行尺寸大于90&＃xff0c;他就会继续将下一个的“可重复的子项”&＃xff0c;放置在本行。于是就呈现一种 一行显示多个子项的情况。numColumns属性&＃xff0c;指定一个自动填充的值&＃xff0c;指示了自动填充行。

2。指定“可重复的子项”&＃xff0c;就是需要迭代显示的部分

Android:numColumns&＃61;"auto_fit" &＃xff0c;GridView的列数设置为自动

android:columnWidth&＃61;"90dp"&＃xff0c;每列的宽度&＃xff0c;也就是Item的宽度

android:stretchMode&＃61;"columnWidth"&＃xff0c;缩放与列宽大小同步

android:verticalSpacing&＃61;"10dp"&＃xff0c;两行之间的边距&＃xff0c;如&＃xff1a;行一(NO.0~NO.2)与行二(NO.3~NO.5)间距为10dp

android:horizontalSpacing&＃61;"10dp"&＃xff0c;两列之间的边距。

接下来介绍 meunitem.xml&＃xff0c;这个XML跟前面ListView的ImageItem.xml很类似&＃xff1a;

android:layout_width&＃61;"fill_parent"

android:layout_height&＃61;"wrap_content"

>

android:id&＃61;"&＃64;&＃43;id/ItemImage"

android:layout_height&＃61;"wrap_content"

android:layout_centerHorizontal&＃61;"true"/>

android:layout_height&＃61;"wrap_content"

android:layout_below&＃61;"&＃64;&＃43;id/ItemImage"

android:id&＃61;"&＃64;&＃43;id/ItemText"

android:layout_centerHorizontal&＃61;"true"

/>

最后是JAVA的源代码

&＃64;Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.mainmenu);

GridView gridview &＃61; (GridView) findViewById(R.id.GridView);

ArrayList> meumList &＃61; new ArrayList>();

for(int i &＃61; 1;i <10;i&＃43;&＃43;) {

HashMap map &＃61; new HashMap();

map.put("ItemImage", R.drawable.icon);

map.put("ItemText", "NO."&＃43;i);

meumList.add(map);

}

SimpleAdapter saMenuItem &＃61; new SimpleAdapter(this,

meumList, //数据源

R.layout.menuitem, //xml实现

new String[]{"ItemImage","ItemText"}, //对应map的Key

new int[]{R.id.ItemImage,R.id.ItemText}); //对应R的Id

//添加Item到网格中

gridview.setAdapter(saMenuItem);

gridview.setOnItemClickListener(new OnItemClickListener() {

public void onItemClick(AdapterView> arg0, View arg1, int arg2,long arg3) {

System.out.println("click index:"&＃43;arg2);

}

});

}

希望本文所述对大家Android程序设计有所帮助。