`
龙哥IT
  • 浏览: 252792 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
文章分类
社区版块
存档分类
最新评论

ViewPager实现左右滑动效果功能

 
阅读更多

 

多个标题以及标题下的每个View视图

   <com.shizhefei.view.indicator.ScrollIndicatorView
        android:id="@+id/moretab_indicator"
        android:layout_width="match_parent"
        android:layout_height="45dp" />
    <View
        android:layout_width="match_parent"
        android:layout_height="0.5dp"
        android:background="#f2f2f2"
        />
    <android.support.v4.view.ViewPager
        android:id="@+id/moretab_viewPager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

 

在build.gradle添加包:

  //左右滑动布局框架
    compile 'com.shizhefei:ViewPagerIndicator:1.1.4'

 

然后在代码中实现功能:

ScrollIndicatorView scrollIndicatorView;
    ViewPager viewPager;
    private String[] titles = {"在线申办", "信用卡代换", "信用卡取现", "办卡进度"};
    private IndicatorViewPager indicatorViewPager;
    private LayoutInflater inflate;
    private Context mContext;



 private void initViewPager() {
//        默认字体是14
        float unSelectSize = 14;
//        滑动字体是14*1.2f
        float selectSize = unSelectSize;
        scrollIndicatorView.setOnTransitionListener(new OnTransitionTextListener().setColor(0xFF1DA9FF, Color.GRAY).setSize(selectSize, unSelectSize));
        scrollIndicatorView.setScrollBar(new ColorBar(mContext, 0xFF1DA9FF, 2));

        viewPager.setOffscreenPageLimit(1);
        indicatorViewPager = new IndicatorViewPager(scrollIndicatorView, viewPager);
        inflate = LayoutInflater.from(mContext);
        indicatorViewPager.setAdapter(new MyAdapter(getFragmentManager()));
    }

    private int size = titles.length;


    private class MyAdapter extends IndicatorViewPager.IndicatorFragmentPagerAdapter {

        public MyAdapter(FragmentManager fragmentManager) {
            super(fragmentManager);
        }


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

        @Override
        public View getViewForTab(int position, View convertView, ViewGroup container) {
            if (convertView == null) {
                convertView = inflate.inflate(R.layout.tab_top, container, false);
            }
            TextView textView = (TextView) convertView;
            textView.setText(titles[position % titles.length]);
            int padding = dipToPix(10);
            textView.setPadding(padding, 0, padding, 0);
            return convertView;
        }

        @Override
        public Fragment getFragmentForPage(int position) {
            CreditCardFragment fragment = new CreditCardFragment();
            /*  Bundle bundle = new Bundle();
            bundle.putInt(MoreFragment.INTENT_INT_INDEX, position);
            fragment.setArguments(bundle);*/
            return fragment;

//            MoreFragment fragment = new MoreFragment();
//            Bundle bundle = new Bundle();
//            bundle.putInt(MoreFragment.INTENT_INT_INDEX, position);
//            fragment.setArguments(bundle);
//            return fragment;
        }

        @Override
        public int getItemPosition(Object object) {
            //这是ViewPager适配器的特点,有两个值 POSITION_NONE,POSITION_UNCHANGED,默认就是POSITION_UNCHANGED,
            // 表示数据没变化不用更新.notifyDataChange的时候重新调用getViewForPage
            return PagerAdapter.POSITION_NONE;
        }

    }

    private int dipToPix(float dip) {
        int size = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dip, getResources().getDisplayMetrics());
        return size;
    }

 

  • 大小: 487.5 KB
分享到:
评论
发表评论

文章已被作者锁定,不允许评论。

相关推荐

    ViewPager实现左右滑动效果

    在这个场景中,我们利用ViewPager来实现左右滑动的动画效果,特别是在应用首次启动时,可以为用户提供指导性的帮助。 首先,我们需要在布局文件中添加ViewPager组件。在XML布局中,你可以这样定义一个ViewPager: ...

    viewPager实现左右滑动

    本篇文章将详细探讨如何利用ViewPager实现类似Android桌面的左右滑动效果。 **一、ViewPager基本概念** ViewPager是由Android Support Library提供的一个视图容器,它允许用户通过水平滑动手势在多个全屏页面间...

    android——viewpager实现左右滑动

    标题“android——viewpager实现左右滑动”表明我们将探讨如何使用ViewPager来实现类似微信标签栏的滑动功能。下面将详细介绍ViewPager的基本用法、相关组件以及实现这一功能的关键步骤。 首先,ViewPager是Android...

    ViewPager实现自定义左右滑动效果

    在Android开发中,ViewPager是一个非常重要的组件,常用于创建滑动页面效果,它可以承载多个页面并且用户可以通过左右滑动来切换。在这个实例中,我们将会探讨如何使用ViewPager来实现一个Activity加载多个自定义...

    Android ViewPager实现左右滑动翻页效果

    "Android ViewPager实现左右滑动翻页效果" Android ViewPager是Android平台上一种常用的滑动翻页控件,能够实现左右滑动翻页效果,下面将详细介绍ViewPager实现左右滑动翻页效果的知识点。 一、ViewPager概述 ...

    Android ViewPager实现左右循环滑动及轮播效果

    在标题“Android ViewPager实现左右循环滑动及轮播效果”中,提到的关键技术点是使ViewPager具备循环滑动和轮播功能。下面我们将深入探讨如何实现这些效果。 1. **ViewPager基础**: ViewPager最初是Android ...

    实现viewPager左右滑动效果.zip

    "实现viewPager左右滑动效果.zip"这个压缩包文件提供了一个简单易用的解决方案,帮助开发者快速构建具有左右滑动功能的ViewPager。 ViewPager源自Android Support Library,它允许用户通过手势左右滑动来切换不同的...

    viewPager的左右滑动事件

    本篇文章将深入探讨如何监听和处理ViewPager的左右滑动事件,以及如何根据这些事件切换其内容。 首先,了解ViewPager的基本工作原理是至关重要的。ViewPager内部维护了一个Adapter,这个Adapter负责为ViewPager提供...

    RadioButton和ViewPager实现页面滑动效果

    通过以上步骤,我们可以实现一个功能完备的基于RadioButton和ViewPager的页面滑动效果。这种方式不仅提供了清晰的页面切换指示,还使得用户可以通过点击或滑动两种方式自由切换页面,增强了交互性和可用性。同时,...

    Android应用源码使用ViewPager实现左右滑动翻页.zip

    本压缩包中的源码着重展示了如何在实际项目中运用ViewPager实现左右滑动翻页功能。下面我们将深入探讨这个知识点。 1. **ViewPager基本概念** ViewPager是Android SDK中的一个ViewGroup,它负责管理一系列可以横向...

    使用ViewPager实现左右滑动翻页.zip

    本资料包"使用ViewPager实现左右滑动翻页.zip"显然是提供了一个关于如何在Android应用中运用ViewPager的示例代码。 首先,我们要理解ViewPager的基本概念。ViewPager是Android Support Library中的一个控件,它继承...

    九宫格viewpager实现左右滑动

    通过以上步骤,你就能成功实现一个具有左右滑动效果的九宫格视图。记得在实际开发中,要根据项目需求和用户体验进行适当的调整和优化。在提供的`ViewPagerDemo`文件中,你应该能找到实现这一功能的具体代码示例,这...

    Android ViewPager实现左右滑动

    本文将深入讲解如何利用Android的ViewPager实现页面的左右滑动,并且当用户滑动时,对应的标题能够同步变化,同时标题也支持左右滑动。 首先,我们需要在布局文件中添加ViewPager组件。在XML布局文件中,你可以这样...

    Android项目使用ViewPager实现左右滑动翻页.rar

    通过以上步骤,你可以在Android项目中实现一个具备左右滑动翻页功能的应用。在这个过程中,你可以根据实际需求调整适配器和页面切换效果,以创建个性化的用户体验。这个RAR文件提供的就是一个实际示例,你可以下载并...

Global site tag (gtag.js) - Google Analytics