ViewPager+GridView实现横向滑动 仿大众点评

先看演示效果:

1  ViewPager类提供了多界面切换的新效果。

新效果有如下特征: 
[1] 当前显示一组界面中的其中一个界面。 
[2] 当用户通过左右滑动界面时,当前的屏幕显示当前界面和下一个界面的一部分。

[3]滑动结束后,界面自动跳转到当前选择的界面中

2 介绍里面几个比较重要的方法与接口

1,OnPageChangeListener  ViewPager页面进行切换监听接口  其中我们经常要实现public void onPageSelected(int arg0),public void onPageScrolled(int arg0, float arg1, int arg2),public void onPageScrollStateChanged(int arg0)着三个方面,其中第一个方法是更多的用到;

2,setCurrentItem(int item),来设置跳转到当前的页面;

3,要显示ViewPager,当然还少不了PagerAdapter类,进行适配;其中我们经常也要实现以下方法才可以:public void destroyItem(View arg0, int arg1, Object arg2),public int getCount(),public Object instantiateItem(View arg0, int arg1),public boolean isViewFromObject(View arg0, Object arg1),具体的使用方法等会看例子就ok了

3 例子代码

java代码

package mm.shandong.com.testviewpagergrid;

import android.content.res.TypedArray;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.GridView;
import android.widget.ImageView;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.TextView;
import android.widget.Toast;

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

import mm.shandong.com.testviewpagergrid.entity.Catogray;

public class TestViewpagerGridActivity extends AppCompatActivity {
    ViewPager viewPagerHomeFragment;
    List<Catogray> catogarys;
    String[] catogary_names;
    int[] catogary_resourceIds;
    LayoutInflater layoutInflater;
    List<View> gridViews;
    RadioGroup radioGroup_index_fragment;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_test_viewpager_grid);
        catogary_names = getResources().getStringArray(R.array.catogary_names);
        TypedArray typedArray = getResources().obtainTypedArray(R.array.catogary_resourceIds);
        catogary_resourceIds = new int[typedArray.length()];
        for (int i = 0; i < typedArray.length(); i++) {
            catogary_resourceIds[i] = typedArray.getResourceId(i, 0);
        }

        catogarys = new ArrayList<Catogray>();
        viewPagerHomeFragment = (ViewPager) findViewById(R.id.viewPagerHomeFragment);
        layoutInflater = getLayoutInflater();
        radioGroup_index_fragment =
                 (RadioGroup) findViewById(R.id.radioGroup_index_fragment);
        for (int i = 0; i < catogary_names.length; i++) {
            Catogray catogary = new Catogray();
            catogary.setName(catogary_names[i]);
            catogary.setImage_source(catogary_resourceIds[i]);
            catogarys.add(catogary);
        }
        initViewPager();
    }

    public void initViewPager() {

        gridViews = new ArrayList<View>();
        ///定义第一个GridView
        GridView gridView1 =
                (GridView) layoutInflater.inflate(R.layout.grid_fragment_home, null);
        MyGridViewAdapter myGridViewAdapter1 = new MyGridViewAdapter(0, 8);
        gridView1.setAdapter(myGridViewAdapter1);
        ///定义第二个GridView
        GridView gridView2 = (GridView)
                layoutInflater.inflate(R.layout.grid_fragment_home, null);
        MyGridViewAdapter myGridViewAdapter2 = new MyGridViewAdapter(1, 8);
        gridView2.setAdapter(myGridViewAdapter2);
        ///定义第三个GridView
        GridView gridView3 = (GridView)
                layoutInflater.inflate(R.layout.grid_fragment_home, null);
        MyGridViewAdapter myGridViewAdapter3 = new MyGridViewAdapter(2, 8);
        gridView3.setAdapter(myGridViewAdapter3);
        gridViews.add(gridView1);
        gridViews.add(gridView2);
        gridViews.add(gridView3);

      ///定义viewpager的PagerAdapter
        viewPagerHomeFragment.setAdapter(new PagerAdapter() {
            @Override
            public boolean isViewFromObject(View arg0, Object arg1) {
                // TODO Auto-generated method stub
                return arg0 == arg1;
            }
            @Override
            public int getCount() {
                // TODO Auto-generated method stub
                return gridViews.size();
            }
            @Override
            public void destroyItem(ViewGroup container, int position,
                                    Object object) {
                // TODO Auto-generated method stub
                container.removeView(gridViews.get(position));
                //super.destroyItem(container, position, object);
            }
            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                // TODO Auto-generated method stub
                container.addView(gridViews.get(position));
                return gridViews.get(position);
            }
        });
        ///注册viewPager页选择变化时的响应事件
        viewPagerHomeFragment.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {

            @Override
            public void onPageScrollStateChanged(int position) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageScrolled(int arg0, float arg1, int arg2) {
                // TODO Auto-generated method stub

            }

            @Override
            public void onPageSelected(int position) {
                // TODO Auto-generated method stub
                RadioButton radioButton = (RadioButton)
                        radioGroup_index_fragment.getChildAt(position);
                radioButton.setChecked(true);
            }
        });
    }
    ///定影GridView的Adapter
    public class MyGridViewAdapter extends BaseAdapter {
        private int page;
        private int count;

        public MyGridViewAdapter(int page, int count) {
            this.page = page;
            this.count = count;
        }

        @Override
        public int getCount() {
            // TODO Auto-generated method stub
            return 8;
        }

        @Override
        public Catogray getItem(int position) {
            // TODO Auto-generated method stub
            return catogarys.get(page * count + position);
        }

        @Override
        public long getItemId(int position) {
            // TODO Auto-generated method stub
            return 0;
        }

        @Override
        public View getView(int position, View convertView, ViewGroup parent) {
            // TODO Auto-generated method stub
            ViewHolder viewHolder = null;
            final Catogray catogary = catogarys.get(page * count + position);
            if (convertView == null) {
                viewHolder = new ViewHolder();
                convertView = layoutInflater.inflate(R.layout.grid_fragment_home_item, null);
                viewHolder.grid_fragment_home_item_img =
                        (ImageView) convertView.findViewById(R.id.grid_fragment_home_item_img);
                viewHolder.grid_fragment_home_item_txt =
                        (TextView) convertView.findViewById(R.id.grid_fragment_home_item_txt);
                convertView.setTag(viewHolder);
            } else {
                viewHolder = (ViewHolder) convertView.getTag();
            }
            viewHolder.grid_fragment_home_item_img.setImageResource(catogary.getImage_source());
            viewHolder.grid_fragment_home_item_txt.setText(catogary.getName());
            viewHolder.grid_fragment_home_item_img.
                    setOnClickListener(new View.OnClickListener() {

                @Override
                public void onClick(View view) {
                    // TODO Auto-generated method stub
                    Toast.makeText(TestViewpagerGridActivity.this,
                            catogary.getName(), Toast.LENGTH_SHORT).show();
                }

            });
            return convertView;
        }

    }
    public class ViewHolder {
        public ImageView grid_fragment_home_item_img;
        public TextView grid_fragment_home_item_txt;
    }
}

  

Demo下载
最后,以上例子都来源与安卓无忧,请去应用宝或者豌豆荚下载:http://android.myapp.com/myapp/detail.htm?apkName=com.shandong.mm.androidstudy,源码例子文档一网打尽。

时间: 2024-10-17 09:37:47

ViewPager+GridView实现横向滑动 仿大众点评的相关文章

Android仿大众点评引导页(ViewPage)+主页面(Fragment)的实现

大家好,今天主要是实现仿大众点评引导页和主页面以及城市定位的实现,主要使用ViewPager+Fragment+SharedPreferences,实现了第一次打开程序出现引导页,再次打开跳过引导页,这也是一般应用常用的应用基本架构方式.下面首先来看最终实现效果如下图: 1.布局文件说明 1)欢迎页布局文件welcome.xml 2) 引导页布局文件welcome_guide.xml 3)首页布局文件main_home.xml 4)团购布局文件main_tuan.xml 5) 发现布局文件mai

高仿大众点评商家列表

原生android,高仿大众点评商家列表; 首先欢迎大家关注我 http://weibo.com/u/2841033197 废话不多说了,上代码,效果图 适配器 class MyAdapter extends BaseAdapter { protected final int mItemLayoutId; List<Businesses> data = new ArrayList<Businesses>(); private Context context; private Lay

高仿大众点评第二版

高仿大众点评第二版 项目包含Android客户端的源码,服务端的代码,数据库的代码-- 下载地址:http://www.devstore.cn/code/info/933.html 运行截图:    

高仿大众点评应用安卓源码

该源码是高仿大众点评应用源码,本源码只用于个人研究使用,不可用于商业用途,由于本源码引起的纠纷皆与作者无关. 本套源码是本人在校的时候做的一个练手的列子,高仿大众点评,项目源码不算是太完善,还请专业人士指导并完善他. 源码部分没有完成,服务器部分也不是太完善,只是实现了查询方面的东西. 由于现在没有时间去优化,所以把源码发出来给新手们参考学习,代码不规范的地方还请扣扣告诉我, 我想多向大家学习,充实自己,希望大家多多提供意见让我更快的去成长,谢谢. <ignore_js_op> 运行截图 &l

【Android重量级】高仿大众点评源码

高仿大众点评源码   下载地址:http://url.cn/Nzj3Lc    源码简介 声明:本源码只用于个人研究使用,不可用于商业用途,由于本源码引起的纠纷皆与作者无关. 本套源码是本人在校的时候做的一个练手的列子,高仿大众点评,项目源码不算是太完善,还请专业人士指导并完善他. 源码部分没有完成,服务器部分也不是太完善,只是实现了查询方面的东西. 由于现在没有时间去优化,所以把源码发出来给新手们参考学习,代码不规范的地方还请扣扣告诉我, 我想多向大家学习,充实自己,希望大家多多提供意见让我更

【Android重量级源码】高仿大众点评源码

高仿大众点评源码   下载地址:http://url.cn/Nzj3Lc   源码简介声明:本源码只用于个人研究使用,不可用于商业用途,由于本源码引起的纠纷皆与作者无关. 本套源码是本人在校的时候做的一个练手的列子,高仿大众点评,项目源码不算是太完善,还请专业人士指导并完善他. 源码部分没有完成,服务器部分也不是太完善,只是实现了查询方面的东西. 由于现在没有时间去优化,所以把源码发出来给新手们参考学习,代码不规范的地方还请扣扣告诉我, 我想多向大家学习,充实自己,希望大家多多提供意见让我更快的

iOS开发-仿大众点评iPad侧边导航栏

昨天其实已经写了一篇侧边栏的文章,不过感觉还不是很清晰,这篇文章算是补充吧,iPad上看了大众点评的侧边栏,基本上百分之九十类似,具体效果可参考下图: 对比昨天主要做了两个修改,一个是图片和文字的显示位置,另外一个就是关于底部的定位和设置的位置在横竖屏时显示的问题,侧边栏的区域是是自己控制的,需要注意一下横竖屏的时候设置一下autoresizingMask,底部图标定位的时候也是一样设置. 导航栏上每个按钮提取出了一个父类GPDockItem,头文件中的代码: // // GPDockItem.

Android 自定义view实现上下滑动,大众点评,美团地图导航界面。

主函数: package com.example.slideview; import com.example.fdadsf.R; import android.os.Bundle; import android.widget.ArrayAdapter; import android.widget.LinearLayout; import android.widget.ListView; import android.app.Activity; /** * 滑动菜单Demo主Activity *

横向滑动的GridView

思路: GridView行数设置为一行,外面套一个HorizontalScrollView,代码中设置GridView宽度 xml代码 <HorizontalScrollView android:layout_width="match_parent" android:layout_height="wrap_content" android:scrollbars="none" > <LinearLayout android:lay