【Android】GridView 橫向滾動

GridView和ListView都是android比較重要的控件，但是橫滾的控件不是太多。

這裡介紹怎麼把GridView橫向滾動起來，看到其他網友也有相應的解決方法，自己隻是把這些知識總結一下，供大家參考！

首先讓GridView橫向滾動需要HorizontalScrollView這個控件，例如：

[html] view plain copy print ?

1. <SPAN style="FONT-FAMILY: 'Microsoft YaHei'; FONT-SIZE: 14px"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="fill_parent" >  
5.     <HorizontalScrollView  
6.         android:layout_width="fill_parent"  
7.         android:layout_height="wrap_content"  
8.         android:scrollbars="none" >  
9.         <LinearLayout  
10.             android:layout_width="fill_parent"  
11.             android:layout_height="wrap_content"  
12.             android:orientation="horizontal" >  
13.             <GridView  
14.                 android:id="@+id/gridview"  
15.                 android:layout_width="fill_parent"  
16.                 android:layout_height="wrap_content"  
17.                 android:layout_gravity="center" >  
18.             </GridView>  
19.         </LinearLayout>  
20.     </HorizontalScrollView>  
21. </LinearLayout></SPAN>  

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >

    <HorizontalScrollView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:scrollbars="none" >

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation="horizontal" >

            <GridView
                android:id="@+id/gridview"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_gravity="center" >
            </GridView>
        </LinearLayout>
    </HorizontalScrollView>

</LinearLayout>
           

以上是主要布局，然後我們寫GridView中每個item中的布局，比較簡單，隻是給大家介紹下：

[html] view plain copy print ?

1. <SPAN style="FONT-FAMILY: 'Microsoft YaHei'; FONT-SIZE: 14px"><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="fill_parent"  
4.     android:layout_height="wrap_content"  
5.     android:orientation="vertical" >  
6.     <ImageView  
7.         android:layout_width="100dp"  
8.         android:layout_height="100dp"  
9.         android:background="#00ff00" />  
10.     <TextView  
11.         android:id="@+id/item_textview"  
12.         android:layout_width="100dp"  
13.         android:layout_height="20dp"  
14.         android:gravity="center" />  
15. </LinearLayout></SPAN>  

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:background="#00ff00" />

    <TextView
        android:id="@+id/item_textview"
        android:layout_width="100dp"
        android:layout_height="20dp"
        android:gravity="center" />

</LinearLayout>
           

上面是item的布局，比較簡單，就是一個ImageView和TextView,然後是主要實作GridView的Adapter。

以下是Activity的實作方法。

[java] view plain copy print ?

1. <SPAN style="FONT-FAMILY: 'Microsoft YaHei'; FONT-SIZE: 14px">public class MainActivity extends Activity {  
2.     private GridView gridView;  
3.     private LayoutInflater inflater;  
4.     private List<String> dataList = new ArrayList<String>();  
5.     @Override  
6.     public void onCreate(Bundle savedInstanceState) {  
7.         super.onCreate(savedInstanceState);  
8.         setContentView(R.layout.activity_main);  
9.         gridView = (GridView) this.findViewById(R.id.gridview);  
10.         for (int i = 0; i < 10; i++) {  
11.             dataList.add("測試" + i);  
12.         }  
13.         inflater = (LayoutInflater) this  
14.                 .getSystemService(Context.LAYOUT_INFLATER_SERVICE);  
15.         GridViewAdapter adapter = new GridViewAdapter();  
16.         gridView.setAdapter(adapter);  
17.         int size = dataList.size();  
18.         DisplayMetrics dm = new DisplayMetrics();  
19.         getWindowManager().getDefaultDisplay().getMetrics(dm);  
20.         float density = dm.density;  
21.         int allWidth = (int) (110 * size * density);  
22.         int itemWidth = (int) (100 * density);  
23.         LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(  
24.                 allWidth, LinearLayout.LayoutParams.FILL_PARENT);  
25.         gridView.setLayoutParams(params);  
26.         gridView.setColumnWidth(itemWidth);  
27.         gridView.setHorizontalSpacing(10);  
28.         gridView.setStretchMode(GridView.NO_STRETCH);  
29.         gridView.setNumColumns(size);  
30.     }  
31.     @Override  
32.     public boolean onCreateOptionsMenu(Menu menu) {  
33.         getMenuInflater().inflate(R.menu.activity_main, menu);  
34.         return true;  
35.     }  
36.     final class GridViewAdapter extends BaseAdapter {  
37.         @Override  
38.         public int getCount() {  
39.             return dataList.size();  
40.         }  
41.         @Override  
42.         public Object getItem(int position) {  
43.             return dataList.get(position);  
44.         }  
45.         @Override  
46.         public long getItemId(int position) {  
47.             return position;  
48.         }  
49.         @Override  
50.         public View getView(int position, View convertView, ViewGroup parent) {  
51.             convertView = inflater.inflate(R.layout.gridview_item, null);  
52.             TextView textView = (TextView) convertView  
53.                     .findViewById(R.id.item_textview);  
54.             String str = dataList.get(position);  
55.             textView.setText(str);  
56.             return convertView;  
57.         }  
58.     }  
59. }</SPAN>  

public class MainActivity extends Activity {

	private GridView gridView;
	private LayoutInflater inflater;
	private List<String> dataList = new ArrayList<String>();

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
		gridView = (GridView) this.findViewById(R.id.gridview);
		for (int i = 0; i < 10; i++) {
			dataList.add("測試" + i);
		}
		inflater = (LayoutInflater) this
				.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
		GridViewAdapter adapter = new GridViewAdapter();
		gridView.setAdapter(adapter);
		int size = dataList.size();
		DisplayMetrics dm = new DisplayMetrics();
		getWindowManager().getDefaultDisplay().getMetrics(dm);
		float density = dm.density;
		int allWidth = (int) (110 * size * density);
		int itemWidth = (int) (100 * density);
		LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(
				allWidth, LinearLayout.LayoutParams.FILL_PARENT);
		gridView.setLayoutParams(params);
		gridView.setColumnWidth(itemWidth);
		gridView.setHorizontalSpacing(10);
		gridView.setStretchMode(GridView.NO_STRETCH);
		gridView.setNumColumns(size);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.activity_main, menu);
		return true;
	}

	final class GridViewAdapter extends BaseAdapter {
		
		@Override
		public int getCount() {
			return dataList.size();
		}

		@Override
		public Object getItem(int position) {
			return dataList.get(position);
		}

		@Override
		public long getItemId(int position) {
			return position;
		}

		@Override
		public View getView(int position, View convertView, ViewGroup parent) {
			convertView = inflater.inflate(R.layout.gridview_item, null);
			TextView textView = (TextView) convertView
					.findViewById(R.id.item_textview);
			String str = dataList.get(position);
			textView.setText(str);
			return convertView;
		}

	}
}
           

主要是設定GridView的LayoutParams，new 這個LayoutParams對象必須是這個View所在Layout的布局類型，然後設定GridView總長度和每個item的長度，然後設定總個數就可以實作橫滾的效果！