不得不说，要用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的高度。
最后的效果如图
Image 1.png
这个项目我已经传到全球最大同性程序员交友网站Github上了，23333，欢迎来围观给Star哦
Dota2Guide Github
