Android Wear入门开发之GridViewPager

在手持设备开发中有一个ViewPager的控件，通过左右滑动加载不同view或者Fragment，用来做一些同一个容器中实现不同的多种布局，那手表中有没有类似的控件？当然有，而且体验感觉更佳，那就是今天我们要学习的GridViewPager。
1.新建一个GridViewPagerActivity和一个activity_grid.xml布局。

Paste_Image.png

初始化控件

Paste_Image.png

既然GridViewPager和ViewPager类似的控件，那么核心的部分肯定也是在适配器上面，我们需要自定义一个继承FragmentGridPagerAdapter的类。

package com.tangyx.wear.adapter;

import android.app.Fragment;
import android.app.FragmentManager;
import android.support.wearable.view.CardFragment;
import android.support.wearable.view.FragmentGridPagerAdapter;

import com.tangyx.wear.R;

import java.util.ArrayList;
import java.util.List;

/**
 * Created by tangyx on 2016/12/14.
 *
 */

public class SampleGridPagerAdapter extends FragmentGridPagerAdapter {
    /**
     * 一共有多少行（上下滑动的页面）
     */
    private List mRows;

    /**
     *上下滑动的页面
     */
    private static class Row{
        /**
         * 每一个上下滑动页面里面又有多少个其他页面内容
         * （左右滑动的页面）
         */
        List pages;
        Row(){
            pages = new ArrayList<>();
        }

        /**
         * 添加页面
         * @param page
         */
        void addPages(Page page){
            pages.add(page);
        }

        /**
         * 每一行左右页面的总数
         * @return
         */
        int size(){
            return pages.size();
        }

        /**
         * 获取左右滑动的页面
         * @param i
         * @return
         */
        Page getPage(int i){
            return pages.get(i);
        }
    }

    /**
     * 每一行左右滑动页面的内容
     */
    private static class Page {
        String title;
        String text;
        int iconRes;

        Page(String title, String text, int iconRes) {
            this.title = title;
            this.text = text;
            this.iconRes = iconRes;
        }
    }



    public SampleGridPagerAdapter(FragmentManager fm) {
        super(fm);
        mRows = new ArrayList<>();
        initData();
    }

    /**
     * 初始化模拟数据
     */
    private void initData(){
        Row row1 = new Row();
        row1.addPages(new Page("标题1","内容1",0));
        row1.addPages(new Page("标题2","内容2",R.mipmap.ic_launcher));
        row1.addPages(new Page("标题3","内容3",R.mipmap.ic_launcher));

        Row row2 = new Row();
        row2.addPages(new Page("标题4","内容5",R.mipmap.ic_launcher));
        row2.addPages(new Page("标题6","内容6",0));

        Row row3 = new Row();
        row3.addPages(new Page("标题7","内容5",R.mipmap.ic_launcher));

        mRows.add(row1);
        mRows.add(row2);
        mRows.add(row3);
    }


    @Override
    public Fragment getFragment(int i, int i1) {
        Page page = mRows.get(i).getPage(i1);
        String title = page.title;
        String text = page.text;
        int icon = page.iconRes;
        if(icon==0){
            return CardFragment.create(title,text);
        }
        return CardFragment.create(title,text,icon);
    }

    /**
     * 上下页面的数量
     * @return
     */
    @Override
    public int getRowCount() {
        return mRows.size();
    }

    /**
     * 每一个上下滑动页面的左右滑动页面
     * @param i
     * @return
     */
    @Override
    public int getColumnCount(int i) {
        return mRows.get(i).size();
    }
}

上面代码就是适配器的核心内容，每一个主要的方法我直接把作用和说明写在了注释上，如果你了解ViewPager那么这个肯定也不是问题，上面的fragment是我们前面提到过的CardFragment，所以如果不明白请自行进入传送门（传送门：http://www.jianshu.com/p/e8971daaef80 ）。

90845A35A26691C4C970150DB435A21F.jpg

061610746478E9276E28C072606DA23A.jpg

C8BDAB2233A475D9920675D3F3F6E8E3.jpg

总结：其实如果最开始用手表的时候你就会发现表盘上的多个应用消息提示就是通过GridViewPager实现的，不但可以左右滑动还能上下滑动，是不是感觉体验更好？

下一篇