CSDN的第一篇部落格，一直堅持下去，加油！！！
最近在公司專案開發中，有一個類似於QQ個人標籤的需求要完成，具體包括個人標籤的新增，刪除，新增過程中重複的標籤會提示使用者，不能夠進行新增。先給大家看一下效果圖。

點選標籤按鈕，彈出標籤選擇的頁面，顯示所有的標籤；點選全部標籤裡面的item，選擇的標籤會顯示在上方；再次點選相同的標籤進行新增，會提示使用者“標籤已存在，請重新新增”；點選上方已經選擇好的標籤，進行刪除操作

業務邏輯就是這樣，下面是具體實現過程：
一、介面佈局：

<LinearLayout
        android:layout_width="fill_parent"
 

        android:layout_height="@dimen/label_hei" >

        <GridView
            android:id="@+id/label_check_gv"
            style="@style/w_h_full"
            android:layout_margin="@dimen/margin"
            android:horizontalSpacing="@dimen/margin"
            android:numColumns="4"
            android:scrollbars="none"
 

            android:stretchMode="columnWidth"
            android:verticalSpacing="@dimen/margin" >
        </GridView>
    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="@dimen/activity_bar"
        android:background="@color
 
/gray_bg" >

        <TextView
            style="@style/w_wrap_h_wrap"
            android:layout_gravity="center_vertical"
            android:layout_marginLeft="@dimen/margin"
            android:text="@string/all_label" />
    </LinearLayout>

    <GridView
        android:id="@+id/label_gv"
        style="@style/w_h_full"
        android:layout_margin="@dimen/margin"
        android:horizontalSpacing="@dimen/margin"
        android:numColumns="4"
        android:scrollbars="none"
        android:stretchMode="columnWidth"
        android:verticalSpacing="@dimen/margin" >
    </GridView>

關鍵佈局就是兩個Gridview，其中屬性依次設定的是ID，高寬，邊距，水平邊距，列數，隱藏滾動條，縮放與列寬大小同步，垂直邊距。item裡面的佈局就是textview，背景是一個自定義的邊框。

二、Gridview的介面卡：

public class FragLabelGridViewAdapter extends BaseAdapter {

    class ViewHolder {
        @ViewInject(R.id.gv_label_txt)
        public TextView label;
    }

    private Context context;
    private LayoutInflater inflater;
    private List<String> labels;

    public FragLabelGridViewAdapter(List<String> labels, Context context) {
        this.context = context;
        inflater = LayoutInflater.from(context);
        this.labels = labels;

    }

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

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

    @Override
    public long getItemId(int id) {
        // TODO Auto-generated method stub
        return id;
    }

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder viewHolder;
        if (convertView == null) {
            convertView = inflater.inflate(R.layout.gv_item_label, null);
            viewHolder = new ViewHolder();
            ViewUtils.inject(viewHolder, convertView);
            convertView.setTag(viewHolder);
        } else {
            viewHolder = (ViewHolder) convertView.getTag();
        }
        viewHolder.label.setText(labels.get(position));
        return convertView;
    }

}

核心就是使用viewHolder來優化Gridview，原理就是convertView的複用：當第一次建立convertView物件時，便把item的子View控制元件物件例項化出來並儲存到ViewHolder物件中(這裡使用了Xutils的註解)。然後用convertView的setTag將viewHolder物件設定到Tag中， 當以後再次載入ListView的item時便可以直接從Tag中取出ViewHolder物件，不需要每次都去獲取item的子控制元件物件。這樣達到複用的目的，大大提高了效能。

三、主介面的程式碼：

public class FragmentLabel extends Fragment {

    @ViewInject(R.id.label_gv)
    GridView labelGridview;
    @ViewInject(R.id.label_check_gv)
    GridView labelCheckGridview;
    private Context context;
    private FragLabelGridViewAdapter adapter;
    private FragLabelCheckGridViewAdapter checkAdapter;
    // 所有標籤
    private List<String> labels = new ArrayList<String>();
    // 已選標籤
    private List<String> checkLabels = new ArrayList<String>();

    public View onCreateView(LayoutInflater inflater, ViewGroup container,
            Bundle savedInstanceState) {

        View view = inflater.inflate(R.layout.fragment_label, container, false);
        ViewUtils.inject(this, view);
        context = getActivity().getApplicationContext();
        return view;

    }

    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onActivityCreated(savedInstanceState);
        initviews();
    }

首先是通過註解來進行元件的宣告，效果與findviewbyid()一樣。然後就是兩個Gridview的介面卡的宣告，接下來就是模擬Gridview裡面的資料進行操作

private void initviews() {
        labels.add("高血壓");
        labels.add("糖尿病");
        labels.add("肺炎");
        labels.add("肝炎");
        labels.add("高血脂");
        labels.add("心臟病");
        labels.add("中暑");
        labels.add("肺炎");
        labels.add("感冒");
        labels.add("高血脂");
        labels.add("胃病");
        labels.add("糖尿病");
        labels.add("肺炎");
        labels.add("肝炎");
        labels.add("高血脂");
        labels.add("高血壓");
        labels.add("糖尿病");
        labels.add("肺炎");
        labels.add("肝炎");
        labels.add("高血脂");
        labels.add("高血壓");
        labels.add("糖尿病");
        labels.add("肺炎");

        adapter = new FragLabelGridViewAdapter(labels, context);
        labelGridview.setAdapter(adapter);
        labelGridview.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1,
                    int position, long arg3) {
                for (int i = 0; i < checkLabels.size(); i++) {
                    if (labels.get(position) == checkLabels.get(i)) {
                        UiUtil.showToast(context,
                                getResources().getString(R.string.label_toast));
                        return;
                    }

                }
                checkLabels.add(labels.get(position));

                refresh();
            }

        });
        checkAdapter = new FragLabelCheckGridViewAdapter(checkLabels, context);
        labelCheckGridview.setAdapter(checkAdapter);
        labelCheckGridview.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> arg0, View arg1,
                    int position, long arg3) {
                checkLabels.remove(position);
                refresh();
            }
        });

    }

    private void refresh() {
        checkAdapter.setLabels(checkLabels);
        checkAdapter.notifyDataSetChanged();
    }
}

首先往list集合新增資料，這裡都是模擬的資料，實際情況資料都會從伺服器獲取。通過構造方法傳遞了兩個引數來例項化介面卡，並給Gridview繫結介面卡。

給下面Gridview的item繫結監聽器，處理點選新增操作。點選事件裡面，首先要進行標籤唯一性的判斷，遍歷上面Gridview的list集合，如果與點選item的值一樣，會提示使用者“標籤存在”，如果標籤不存在，則會將資料新增在上面的Gridview的list中。最後執行refresh方法，將資料傳遞給adapter，然後呼叫notifyDataSetChanged()方法，這樣選擇的標籤會自動出現在上面，無需重新整理操作。
給上面Gridview的item繫結監聽器，處理點選刪除操作，呼叫的是list的remove(position)方法，刪除方法執行以後，再呼叫一下重新整理方法。最後執行的效果和剛開始的圖片一樣。