GridView的使用在android中是比較頻繁的，常規的GridView就是類似於表格形式的存在，說的可能不是特別的確切。而有些時候，我們會使用到單行的橫向滑動的GridView的控制元件，今天就在這裡介紹一下橫向滑動的GridView的使用。

首先是橫向GridView的佈局檔案：

<HorizontalScrollView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/rela_jieduan"
android:scrollbars=
 
"none">
    <LinearLayout
android:layout_width="match_parent"
android:layout_height="220dp">
        <GridView
android:id="@+id/grid_jieduan"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="15dp"
android:gravity="center">
        </GridView>
 
    </LinearLayout>
</HorizontalScrollView>

這種佈局我查看了很多資料，GridView外部的linearlayout是必須的。至於原因，自己也沒有研究透徹。然後就是gridview_item的xml檔案：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="170dp"
android:layout_height=
 
"220dp"
android:background="#353535">
    <LinearLayout
android:id="@+id/line_my_plan"
android:layout_width="match_parent"
android:layout_height="51dp"
android:orientation="vertical">
        <TextView
android:id="@+id/my_plan_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginTop="10dp"android:textColor="#de6654"
android:textSize="14sp" />
        <TextView
android:id="@+id/my_plan_num"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginLeft="10dp"
android:layout_marginTop="3dp"android:textColor="#cccccc"
android:textSize="12sp" />
    </LinearLayout>
    <ImageView
android:id="@+id/img_my_plan"
android:layout_width="wrap_content"
android:layout_height="170dp"
android:layout_below="@id/line_my_plan"
android:layout_marginRight="17dp"
android:layout_marginTop="5dp"
android:background="@mipmap/my_plan1" />
</RelativeLayout>

item的佈局就看自己的需求了，我只是給大家一個參考。根據自己的需求來進行佈局的設定。這時候佈局已經準備完畢了，那麼我們就要開始重點部分了，就是對我們的item進行適配到gridView，實現我們的顯示部分了。下面是adapter的程式碼：

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;import java.util.List;
/**
 * Created by Administrator on 2016/8/10 0010.
 */
public class GridViewAdapter extends BaseAdapter {
    Context context;
List<MyPlan> list;
    public GridViewAdapter(Context _context, List<MyPlan> _list) {
        this.list = _list;
        this.context = _context;
}

    @Override
public int getCount() {
        return list.size();
}

    @Override
public Object getItem(int position) {
        return list.get(position);
}
    
    @Override
public long getItemId(int position) {
        return position;
}

    @Override
public View getView(int position, View convertView, ViewGroup parent) {
        LayoutInflater layoutInflater = LayoutInflater.from(context);
convertView = layoutInflater.inflate(R.layout.myplan_grid_item, null);
TextView tvTitle = (TextView) convertView.findViewById(R.id.my_plan_title);
TextView tvNum = (TextView) convertView.findViewById(R.id.my_plan_num);
MyPlan myPlan = list.get(position);
tvTitle.setText(myPlan.getMyPlanTitle());
tvNum.setText(myPlan.getMyPlanNum());
        return convertView;
}
}

這部分程式碼可以直接拷貝，然後根據自己的item的佈局將inflate的資料繫結進行一個修改，修改成自己的item的layout。這部分涉及到了我們的一個實體類，MyPlan.class程式碼如下：

import android.widget.ImageView;
import android.widget.TextView;
/**
 * Created by Administrator on 2016/8/10 0010.
 */
public class MyPlan {
    private String MyPlanTitle;
    private String MyPlanNum;
    public String getMyPlanTitle() {
        return MyPlanTitle;
}

    public void setMyPlanTitle(String myPlanTitle) {
        MyPlanTitle = myPlanTitle;
}


    public String getMyPlanNum() {
        return MyPlanNum;
}

    public void setMyPlanNum(String myPlanNum) {
        MyPlanNum = myPlanNum;
}
}

實體類主要就是方便我們在主activity中進行賦值。具體的使用以及我們主activity的程式碼如下：

List<MyPlan> myplanList;

GridViewgridview_jieduan；

gridview_jieduan = (GridView) findViewById(R.id.grid_jieduan);

 /**
     * 設定資料
*/
private void setData() {
        myplanList_jieduan = new ArrayList<MyPlan>();
MyPlan item = new MyPlan();
item.setMyPlanTitle("初級階段");
item.setMyPlanNum("共30課時");
myplanList_jieduan.add(item);
item = new MyPlan();
item.setMyPlanTitle("初級階段");
item.setMyPlanNum("共31課時");
myplanList_jieduan.add(item);
item = new MyPlan();
item.setMyPlanTitle("初級階段");
item.setMyPlanNum("共32課時");
myplanList_jieduan.add(item);
item = new MyPlan();
item.setMyPlanTitle("初級階段");
item.setMyPlanNum("共33課時");
myplanList_jieduan.add(item);
//        myplanList.addAll(myplanList);
}

 private void setGridView() {
        int listSize = myplanList.size();
// 得到畫素密度
DisplayMetrics outMetrics = new DisplayMetrics();
getWindowManager().getDefaultDisplay().getMetrics(outMetrics);
        float density = outMetrics.density; // 畫素密度
// 根據item的數目，動態設定gridview的寬度,現假定每個item的寬度和高度均為170dp，列間距為10dpViewGroup.LayoutParams params_jieduan = gridview_jieduan.getLayoutParams();        int itemWidth_jieduan = (int) (170 * density);        int spacingWidth = (int) (10 * density);params_jieduan.width = itemWidth_jieduan * listSize + (listSize - 1) * spacingWidth;
gridview_jieduan.setStretchMode(GridView.NO_STRETCH); // 設定為禁止拉伸模式
gridview_jieduan.setNumColumns(listSize);
gridview_jieduan.setHorizontalSpacing(spacingWidth);
gridview_jieduan.setColumnWidth(itemWidth_jieduan);
gridview_jieduan.setLayoutParams(params_jieduan);
GridViewAdapter adapter = new GridViewAdapter(getApplicationContext(),
myplanList);gridview_jieduan.setAdapter(adapter);}

這部分主要設定GridView的LayoutParams，然後對我們的gridview的item之間的間距，也就是setHorizontalSpacing，還有我們的ColumnWidth，這個設定我們的item的寬度，還有params.width設定我們的girdview的寬度，演算法就是每個item的寬度，加上我們item之間的間距，就是我們gridview的寬度。

通過上述的步驟，就實現了我們所謂的橫向滑動的gridview了。

還有什麼好的建議希望大家能夠共同探討，共同進步。如果有更新修改的話或者更好的辦法，我還會後續更新。