（三）向Fragment里面嵌套GridView做出Hero L

不得不说，要用BLOG来记录一个App完整的开发过程不太可能，因为有太多的东西需要调试了，昨天写的内容说不定今天就有50%需要修改，而写BLOG可能只反映出来30%，所以从今以后具体的代码写法我就不贴了，写一个大概工作内容吧。

开始撸代码咯

增加了选择英雄的网格界面，是通过在上一篇文章（二）用TabLayout搭建首屏界面 中的Fragment嵌套一个GridView来放下一Item，每个Item由一张Image(英雄头像)和一个Text(英雄名字)组成。既然又是一个新类型的View，就需要一个新的Adapter——AvatarAdapter，代码如下：

package com.noisay.dota2guide.adapter;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.ImageView;
import android.widget.TextView;

import com.noisay.dota2guide.R;
import com.noisay.dota2guide.entity.Avatar;

import java.util.LinkedList;

/**
 * Created by noisa on 2016/3/15.
 */
public class AvatarAdapter extends BaseAdapter {
    private LinkedList<Avatar> Avatarlist;
    private Context mContext;
    private Avatar avatar;

    public AvatarAdapter(LinkedList<Avatar> Avatarlist, Context mContext) {
        this.Avatarlist = Avatarlist;
        this.mContext = mContext;
    }

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

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

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

    @Override
    public View getView(int position, View convertView, ViewGroup parent) {
        ViewHolder holder;
        if (convertView == null) {
            convertView = LayoutInflater.from(mContext).inflate(R.layout.item_pick, parent, false);
            holder = new ViewHolder();
            holder.img_avatar = (ImageView) convertView.findViewById(R.id.avatar);
            holder.txt_name = (TextView) convertView.findViewById(R.id.name);
            convertView.setTag(holder);
        } else {
            holder = (ViewHolder) convertView.getTag();
        }
        holder.img_avatar.setBackgroundResource(Avatarlist.get(position).getaId());
        holder.txt_name.setText(Avatarlist.get(position).getaName());
        return convertView;
    }

    static class ViewHolder{
        ImageView img_avatar;
        TextView txt_name;
    }
}

最重要的就是其中getView方法，我直接使用带有convertView的高效写法。GridView本身并不是一个高效的View，要是这中间的代码不优化一下，估计老一点的机器上运行就要卡翔了。

接着需要把AvatarAdapter关联到Fragment里面去，我范了一个错误，直接在MainActivity里面关联AvatarAdapter，结果GridView直接飘在所有界面上，我现在都觉得自己好蠢T T ，好了，贴Fragment的代码了：

package com.noisay.dota2guide.fragment;

import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.GridView;

import com.noisay.dota2guide.R;
import com.noisay.dota2guide.adapter.AvatarAdapter;
import com.noisay.dota2guide.entity.Avatar;

import java.util.LinkedList;


public class PageFragment extends Fragment {
    public static final String ARG_PAGE = "ARG_PAGE";
    private int mPage;//此变量纯粹用来做Fragment内容的展示编号，后期会删除

    private LinkedList<Avatar> Avatarlist = null;
//    private Context mContext;
    private AvatarAdapter avatarAdapter;
    private GridView item_pick;

    public static PageFragment newInstance(int page) {
        Bundle args = new Bundle();
        args.putInt(ARG_PAGE, page);
        PageFragment pageFragment = new PageFragment();
        pageFragment.setArguments(args);
        return pageFragment;
    }

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mPage = getArguments().getInt(ARG_PAGE)
        ;
    }

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment_page, container, false);
        /*TextView textView = (TextView) view;
        textView.setText("Fragment #" + mPage);*/
        item_pick = (GridView) view.findViewById(R.id.grid_avatar);//
        Avatarlist = new LinkedList<>();
        //下面这5个add方法后续需要调整
        Avatarlist.add(new Avatar(R.mipmap.abaddon_full, "亚巴顿"));
        Avatarlist.add(new Avatar(R.mipmap.alchemist_full, "炼金术师"));
        Avatarlist.add(new Avatar(R.mipmap.ancient_apparition_full, "远古冰魂"));
        Avatarlist.add(new Avatar(R.mipmap.antimage_full, "敌法师"));
        Avatarlist.add(new Avatar(R.mipmap.arc_warden_full, "天穹守望者"));
        avatarAdapter = new AvatarAdapter(Avatarlist,getContext());
        item_pick.setAdapter(avatarAdapter);
        return view;
    }
}

和上篇文章中的PageFragment肯定有重复的地方，BLOG的问题就在于即时无法体现出来哪里有修改，只有自己去对比了。。。其中可以看到，英雄头像和名字的添加都还是用的add方法，好蠢，不过我现在不会别的。。。后面肯定要想办法通过其他手段批量导入的，不然100多个英雄这么导入，要蠢出天际了= =。。。。
然后还有两个xml需要创建，第一个item.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:padding="5dp">
    <ImageView
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:id="@+id/avatar"
        android:scaleType="centerInside"
        android:layout_alignParentTop="true"
        />
    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/name"
        android:layout_below="@id/avatar"
        android:layout_alignParentBottom="true"
        android:layout_centerHorizontal="true"
        android:textColor="@color/text_enabled"/>
</RelativeLayout>

其中的Java android:layout_height="60dp"把它给写死了，故意的，GridView的高度调节是个非常蛋疼的事情，还好我这一个Grid里面有图片和文字，通过图片的大小间接调整了Grid的高度。
最后的效果如图

这个项目我已经传到全球最大同性程序员交友网站Github上了，23333，欢迎来围观给Star哦
Dota2Guide Github