android 多列显示 之 GridView(含源码)

 源码下载：
http://www.eoeandroid.com/thread-182395-1-1.html

 

----------------------------------------------------------------------

ViewPager多页面滑动切换以及动画效果(版主加个精呗~)
http://www.eoeandroid.com/thread-157771-1-1.html

使用ViewPager实现左右滑动翻页
http://www.eoeandroid.com/thread-158261-1-1.html

ANDROID左右滑屏仿QQ新功能引导界面（两种方式）
http://www.eoeandroid.com/thread-117817-1-1.html

 

大家可能遇到过这样的情况，一个应用要开发手机版和 Pad 版，在手机中一个ListView就可以搞定，并且是一列显示的，但运行在Pad上时，发现界面太长，需要在Pad上进行多列显示，这时候就希望实现多列的效果，这里我简单实现了个Demo，供大家参考(我也是遇到这样的情况才有这样的需求，大家共勉)，对于高手来说这些都是小意思，请高台贵手，勿拍!(最下方附有源码)

1.效果类似Hiapk的安卓市场，如下：

2.界面布局
　　main.xml

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

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

 

    android:layout_width="fill_parent"

    android:layout_height="fill_parent"

    android:orientation="vertical" >

 

    <GridView 

 

        android:id="@+id/list_gridView"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:columnWidth="100dp" 

        android:numColumns="5"/>

 

</LinearLayout>

Tips:上面的 android:numColumns="5" 表示显示的列数

　　item_main.xml 在这里布局需要显示的元素

 

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

 

<TableLayout xmlns:android="http://schemas.android.com/apk/res/android"

 

    android:layout_width="fill_parent"

    android:layout_height="wrap_content"

    android:padding="10dp"

    android:scrollbars="vertical" >

 

    <TableRow >

 

        <TextView

 

            android:id="@+id/key"

            android:ellipsize="end"

            android:gravity="left"/>

 

    </TableRow>

 

    <TableRow android:paddingTop="5dp" >

  

        <TextView



            android:id="@+id/title_1"

            android:ellipsize="end"

            android:gravity="left" />

 

    </TableRow>

 

    <TableRow android:paddingTop="5dp" >

 

        <TextView

 

           android:id="@+id/title_2"

            android:ellipsize="end"

            android:gravity="left"/>

 

        <ImageView

 

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:layout_alignParentRight="true"

            android:src="@drawable/item_more" />

 

    </TableRow>

  

   <TableRow android:paddingTop="5dp" >

  

        <TextView



            android:id="@+id/title_3"

            android:ellipsize="end“

            android:gravity="left"/>



    </TableRow>

 

    <TableRow android:paddingTop="5dp" >

  

        <TextView



             android:id="@+id/title_4"

            android:ellipsize="end"

             android:gravity="left" />



    </TableRow>

 

</TableLayout>

3.Activity处理

　　其实与使用ListView和GirdView没什么区别

package org.hanely.towne.activity;

 



import java.util.ArrayList;

 

import java.util.HashMap;

 

import java.util.List;

 

import android.app.Activity;

 

import android.os.Bundle;

 

import android.widget.GridView;



import android.widget.SimpleAdapter;

 

public class GirdviewActivity extends Activity {

 

        private GridView gridListView;

        private List<HashMap<String,String>> data;

        private String test ="多列显示Test";



    @Override

 

    public void onCreate(Bundle savedInstanceState) {

 

        super.onCreate(savedInstanceState);

        setContentView(R.layout.main);

 

        findVidwByIds();

 

        fillData();

 

        SimpleAdapter sa = new SimpleAdapter(this, data, R.layout.item_main, new String[]{"key","title_1","title_2","title_3","title_4"}, new int[]{R.id.key,R.id.title_1,R.id.title_2,R.id.title_3,R.id.title_4});

  

        gridListView.setAdapter(sa);



    }

 

    public void findVidwByIds(){

 

            gridListView = (GridView) findViewById(R.id.list_gridView);

 

    }

 

    public void fillData(){

 

            data = new ArrayList<HashMap<String,String>>();

 

            for(int i=0; i<10; i++){

 

                    HashMap<String,String> map = new HashMap<String,String>();

  

                    map.put("key", test+i);

 

                    map.put("title_1", test+i);

                    map.put("title_2", test+i);

                    map.put("title_3", test+i);

                    map.put("title_4", test+i); 

 

                   data.add(map);



            }

    }

}