Android ViewPager嵌套GridView实现滚动菜单(demo)

来源：互联网发布：js 扫描条形码编辑：程序博客网时间：2024/06/03 12:28
目前国内的app很常见的一种首页菜单布局就是类似于大众点评等团购网站的首页菜单交,如下图
这里写图片描述
上边的菜单区域,通常在Android中是将GridView装填到ViewPager中进行显示,网上的例子或多或少都有点小问题,下边写一个小例子来实现一下.
先看效果图
这里写图片描述
主要代码如下,最后有demo下载链接,代码写的不是很完美,可以再封装一下,但功能没问题
package com.example.gridviewactivity;import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import java.util.concurrent.atomic.AtomicInteger;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import android.os.Handler;import android.os.Message;import android.support.v4.view.PagerAdapter;import android.support.v4.view.ViewPager;import android.support.v4.view.ViewPager.OnPageChangeListener;import android.util.DisplayMetrics;import android.view.View;import android.view.View.OnClickListener;import android.view.ViewGroup;import android.view.ViewGroup.LayoutParams;import android.widget.AdapterView;import android.widget.AdapterView.OnItemClickListener;import android.widget.BaseAdapter;import android.widget.GridView;import android.widget.ImageView;import android.widget.LinearLayout;import android.widget.Toast;public class MainActivity extends Activity {    private LinearLayout linear01;    private LinearLayout linear02;    private List<Map<String, Object>> listView;    private int next = 0;    private ViewPager adViewPager;    private AdPageAdapter adapter;    private ImageView[] imageViews;    private ImageView imageView;    private AtomicInteger atomicInteger = new AtomicInteger(0);    private boolean isContinue = true;    private List<View> gridViewlist = new ArrayList<View>();    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        setContentView(R.layout.activity_main);        initView();    }    private void initView() {        linear01 = (LinearLayout) findViewById(R.id.view_pager_content);        linear02 = (LinearLayout) findViewById(R.id.viewGroup);        listView = new ArrayList<Map<String, Object>>();        // 创建ViewPager        adViewPager = new ViewPager(this);        DisplayMetrics dm = new DisplayMetrics();        getWindowManager().getDefaultDisplay().getMetrics(dm);        // 设置属性        adViewPager.setLayoutParams(new LayoutParams(dm.widthPixels, dm.heightPixels));        linear01.addView(adViewPager);        getView();        initCirclePoint();        // 将GridView添加到ViewPager显示        adViewPager.setAdapter(adapter);        adViewPager.setOnPageChangeListener(new AdPageChangeListener());        for (int i = 0; i < gridViewlist.size(); i++) {            GridView view = (GridView) gridViewlist.get(i);            view.setOnItemClickListener(new OnItemClickListener() {                @Override                public void onItemClick(AdapterView<?> parent, View view, int position, long id) {                    Map<String, Object> item = (Map<String, Object>) parent.getItemAtPosition(position);                    Toast.makeText(getApplicationContext(), item.get("image").toString(), 0).show();                }            });        }    }    private final class AdPageChangeListener implements OnPageChangeListener {        @Override        public void onPageScrollStateChanged(int arg0) {        }        @Override        public void onPageScrolled(int arg0, float arg1, int arg2) {        }        @Override        public void onPageSelected(int arg0) {            atomicInteger.getAndSet(arg0);            for (int i = 0; i < imageViews.length; i++) {                imageViews[arg0].setBackgroundResource(R.drawable.point_focused);                if (arg0 != i) {                    imageViews[i].setBackgroundResource(R.drawable.point_unfocused);                }            }        }    }    private void initCirclePoint() {        System.out.println("initCirclePoint()");        imageViews = new ImageView[gridViewlist.size()];        for (int i = 0; i < gridViewlist.size(); i++) {            imageView = new ImageView(this);            LinearLayout.LayoutParams layoutParams = new LinearLayout.LayoutParams(                    LinearLayout.LayoutParams.WRAP_CONTENT, LinearLayout.LayoutParams.FILL_PARENT);            layoutParams.setMargins(10, 0, 10, 0);            imageView.setLayoutParams(layoutParams);            imageViews[i] = imageView;            if (i == 0) {                imageViews[i].setBackgroundResource(R.drawable.point_focused);            } else {                imageViews[i].setBackgroundResource(R.drawable.point_unfocused);            }            linear02.addView(imageViews[i]);        }    }    private void getView() {        int[] intView = { R.drawable.one, R.drawable.two, R.drawable.three, R.drawable.four, R.drawable.five,                R.drawable.six, R.drawable.seven, R.drawable.eight, R.drawable.nine, R.drawable.ten, R.drawable.eleven,                R.drawable.twelve, R.drawable.thirteen, R.drawable.fourteen, R.drawable.fifteen, R.drawable.sixteen,                R.drawable.seventeen, R.drawable.sixteen, R.drawable.seventeen, R.drawable.sixteen,                R.drawable.seventeen, R.drawable.sixteen, R.drawable.seventeen, R.drawable.sixteen,                R.drawable.seventeen, R.drawable.sixteen, R.drawable.seventeen, R.drawable.sixteen,                R.drawable.seventeen, R.drawable.sixteen, R.drawable.seventeen, R.drawable.seven, R.drawable.eight,                R.drawable.seven, R.drawable.eight, R.drawable.seven, R.drawable.eight };        for (int i = 0; i < intView.length; i++) {            Map<String, Object> mapView = new HashMap<String, Object>();            mapView.put("image", intView[i]);            listView.add(mapView);        }        getGridView();    }    private void getGridView() {        System.out.println("getGridView" + listView.size());        boolean bool = true;        while (bool) {            int result = next + 10;            System.out.println("result" + result);            if (listView.size() != 0 && result < listView.size()) {                System.out.println("result+kkkkkkkkkk" + result);                GridView gridView = new GridView(this);                gridView.setNumColumns(5);                List<Map<String, Object>> gridlist = new ArrayList<Map<String, Object>>();                for (int i = next; i < result; i++) {                    gridlist.add(listView.get(i));                }                MyAdapter myAdapter = new MyAdapter(gridlist);                gridView.setAdapter(myAdapter);                next = result;                gridViewlist.add(gridView);            } else if (result - listView.size() <= 10) {                List<Map<String, Object>> gridlist = new ArrayList<Map<String, Object>>();                for (int i = next; i < listView.size(); i++) {                    gridlist.add(listView.get(i));                }                GridView gridView = new GridView(this);                gridView.setNumColumns(5);                MyAdapter myAdapter = new MyAdapter(gridlist);                gridView.setAdapter(myAdapter);                next = listView.size() - 1;                gridViewlist.add(gridView);                bool = false;            } else {                bool = false;            }        }        adapter = new AdPageAdapter(gridViewlist);    }    private final class AdPageAdapter extends PagerAdapter {        private List<View> views = null;        public AdPageAdapter(List<View> views) {            this.views = views;        }        @Override        public void destroyItem(View container, int position, Object object) {            ((ViewPager) container).removeView(views.get(position));        }        @Override        public int getCount() {            return views.size();        }        @Override        public Object instantiateItem(View container, final int position) {            ((ViewPager) container).addView(views.get(position), 0);            return views.get(position);        }        @Override        public boolean isViewFromObject(View view, Object object) {            return view == object;        }    }    private class MyAdapter extends BaseAdapter {        List<Map<String, Object>> listgrid;        private MyAdapter(List<Map<String, Object>> listgrid) {            this.listgrid = listgrid;        }        @Override        public int getCount() {            return listgrid.size();        }        @Override        public Object getItem(int position) {            return listgrid.get(position);        }        @Override        public long getItemId(int position) {            return position;        }        @Override        public View getView(int position, View convertView, ViewGroup parent) {            convertView = getLayoutInflater().inflate(R.layout.grid_view_item, null);            ImageView getViewLinear = (ImageView) convertView.findViewById(R.id.getViewLinear);            getViewLinear.setBackgroundResource(Integer.parseInt(listgrid.get(position).get("image").toString()));            return convertView;        }    }}
demo下载链接
0 0