ViewPager+GridView服务分类

效果图：

 

 <android.support.v4.view.ViewPager
            android:id="@+id/viewPager"
            android:layout_width="wrap_content"
            android:layout_height="150dp"
            android:layout_weight="0.30">
        </android.support.v4.view.ViewPager>

<GridView
        android:numColumns="4"
        android:id="@+id/gridView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </GridView>

    <ImageView
        android:layout_gravity="center"
        android:id="@+id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>


    <TextView
        android:layout_gravity="center"
        android:id="@+id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"/>

public class HomeIconInfo {
    String iconName;
    int iconID;

    public HomeIconInfo(String iconName, int iconID) {
        this.iconName = iconName;
        this.iconID = iconID;
    }

    public String getIconName() {
        return iconName;
    }

    public void setIconName(String iconName) {
        this.iconName = iconName;
    }

    public int getIconID() {
        return iconID;
    }

    public void setIconID(int iconID) {
        this.iconID = iconID;
    }

}

public class MyGridAdapter extends BaseAdapter {

    private List<HomeIconInfo> itemData = new ArrayList<>();
    private Context mContext;

    public MyGridAdapter(List<HomeIconInfo> itemData, Context context) {
        this.itemData = itemData;
        mContext = context;
    }


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

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

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

    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {

        View inflate;
        inflate = LayoutInflater.from(mContext).inflate(R.layout.grid_item, null);
        ImageView imageView = (ImageView) inflate.findViewById(R.id.iv);
        imageView.setImageResource(itemData.get(i).getIconID());
        TextView tv = (TextView) inflate.findViewById(R.id.tv);
        tv.setText(itemData.get(i).getIconName());
        return inflate;
    }
}

public class MyPagerAdapter extends PagerAdapter {

    private List<View> mViews = new ArrayList<>();

    public MyPagerAdapter(List<View> views) {
        mViews = views;
    }

    @Override
    public void destroyItem(ViewGroup container, int position, Object object) {
        container.removeView(mViews.get(position));

    }

    @Override
    public Object instantiateItem(ViewGroup container, int position) {

        View view = mViews.get(position);
        container.addView(view);
        return view;
    }

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

    @Override
    public boolean isViewFromObject(View view, Object object) {
        return view == object;
    }
}

private List<View> mViews = new ArrayList<>();
    private List<HomeIconInfo> mPagerOneData = new ArrayList<>();
    private List<HomeIconInfo> mPagerTwoData = new ArrayList<>();

    private void initData() {
        String[] iconName = getResources().getStringArray(R.array.home_bar_labels);
        TypedArray typedArray = getResources().obtainTypedArray(R.array.home_bar_icon);

        for (int i = 0; i < iconName.length; i++) {
            if (i < 8) {
                mPagerOneData.add(new HomeIconInfo(iconName[i], typedArray.getResourceId(i, 0)));
            } else {
                mPagerTwoData.add(new HomeIconInfo(iconName[i], typedArray.getResourceId(i, 0)));
            }
        }
    }


    private void initGridView( View view) {
        ViewPager viewPager = (ViewPager) view.findViewById(R.id.viewPager);

        View pagerOne = getActivity().getLayoutInflater().inflate(R.layout.home_gridview, null);
        GridView gridView01 = (GridView) pagerOne.findViewById(R.id.gridView);
        gridView01.setAdapter(new MyGridAdapter(mPagerOneData, this.getActivity()));
        gridView01.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {

            }
        });

        View pagerTwo =getActivity().getLayoutInflater().inflate(R.layout.home_gridview, null);
        GridView gridView02 = (GridView) pagerTwo.findViewById(R.id.gridView);
        gridView02.setAdapter(new MyGridAdapter(mPagerTwoData,this.getActivity()));
        gridView02.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {

            }
        });

        mViews.add(pagerOne);
        mViews.add(pagerTwo);
        viewPager.setAdapter(new MyPagerAdapter(mViews));
    }

具体跳转请看下篇文章，具体以解决

这里用了适配器，滑动切换分类，是不是应该加两个小点点

这里的分类我会做跳转到Webview 跳转到我们学校一些常用的网址，就用监听事件 进行跳转， 这里我在像能不能 用一个webview和activity 跳转16个不同的网页 intent 传递参数 ，进行匹配，就先想想。这样省很多webview 我觉得 大部分app嵌入网页 应该也是这种方式吧。

这个自定义的联动小点点 还是细化细节的时候再写吧 刚刚试了下 ，容易报错，还是等有功夫 单独试一下

每次写自定义控件都好痛苦 太容易报错了，需要细化去理解。