Android循环ViewPager(二)-低调大师

Android循环ViewPager(二)

2017-11-21 502

上午没事写了一篇，下午有事，晚上回来看看感觉写的差点意思，上篇文章大概的关于循环是自己添加了两个空的View，看到网上还有一种就是在自定义的Adapter中getCount中返回最大值，然后destroyItem不删除View，添加异常，说了这么多，我实验之后总是有问题，如果有弄成功的可以告知我一下，我的是三张图片~还是按照上午的那种方式就是第一个和最后一个是空View:

基础布局

看下效果吧，加了一排小圈圈，比上午的那个Demo好看:

activity_pager.xml:

 
         <FrameLayout xmlns:android=
         "http://schemas.android.com/apk/res/android" 
        
         android:layout_width=
         "fill_parent" 
        
         android:layout_height=
         "fill_parent" 
        
         android:orientation=
         "vertical" 
         > 
        
         <android.support.v4.view.ViewPager  
        
         android:id=
         "@+id/viewPager_pic" 
        
         android:layout_width=
         "fill_parent" 
        
         android:layout_height=
         "wrap_content" 
         /> 
        
         <RelativeLayout  
        
         android:layout_width=
         "fill_parent" 
        
         android:layout_height=
         "wrap_content" 
        
         android:orientation=
         "vertical" 
         >  
        
         <LinearLayout  
        
         android:id=
         "@+id/viewGroup_pic" 
        
         android:layout_width=
         "fill_parent" 
        
         android:layout_height=
         "wrap_content" 
        
         android:layout_alignParentBottom=
         "true" 
        
         android:layout_marginBottom=
         "30dp" 
        
         android:gravity=
         "center_horizontal" 
        
         android:orientation=
         "horizontal" 
         >  
        
         </LinearLayout>  
        
         </RelativeLayout>  
        
         </FrameLayout>

　　实现Demo

自定义一个MyPicViewPagerAdapter:

 
         private 
         class 
         MyPicViewPagerAdapter 
         extends 
         PagerAdapter { 
        
         @Override 
        
         public 
         int 
         getCount() { 
        
         // TODO Auto-generated method stub 
        
         return 
         viewList.size(); 
        
         } 
        
         @Override 
        
         public 
         boolean 
         isViewFromObject(View arg0, Object arg1) { 
        
         // TODO Auto-generated method stub 
        
         return 
         arg0 == arg1; 
        
         } 
        
         @Override 
        
         public 
         void 
         destroyItem(ViewGroup container, 
         int 
         position, Object object) { 
        
         // TODO Auto-generated method stub 
        
         container.removeView(viewList.get(position)); 
        
         } 
        
         @Override 
        
         public 
         Object instantiateItem(ViewGroup container, 
         int 
         position) { 
        
         // TODO Auto-generated method stub 
        
         container.addView(viewList.get(position), 
         0
         ); 
        
         return 
         viewList.get(position); 
        
         } 
        
         }

　activity中的字段:

 
         private 
         ViewPager viewPager; 
        
         private 
         int
         [] srcArr = 
         new 
         int
         [] { R.drawable.eagle, R.drawable.heron, 
        
         R.drawable.flamingo }; 
        
         private 
         ViewGroup viewGroup; 
        
         private 
         List<View> viewList; 
        
         private 
         ImageView[] cycleList;

　activity中的onCreate中实例化的ViewPager和ViewGroup，实例化的时候加入参数

 
         viewPager = (ViewPager) findViewById(R.id.viewPager_pic);
        
         viewGroup = (ViewGroup) findViewById(R.id.viewGroup_pic);
        
         viewList = 
         new 
         ArrayList<View>(); 
        
         viewList.add(
         new 
         View(
         this
         )); 
        
         for 
         (
         int 
         i = 
         0
         ; i < srcArr.length; i++) { 
        
         ImageView imageView = 
         new 
         ImageView(
         this
         ); 
        
         imageView.setBackgroundResource(srcArr[i]); 
        
         viewList.add(imageView); 
        
         }
        
         viewList.add(
         new 
         View(
         this
         )); 
        
         // 加载小圆圈
        
         cycleList = 
         new 
         ImageView[srcArr.length]; 
        
         for 
         (
         int 
         i = 
         0
         ; i < cycleList.length; i++) { 
        
         ImageView imageView = 
         new 
         ImageView(
         this
         ); 
        
         imageView.setLayoutParams(
         new 
         LayoutParams(
         10
         , 
         10
         )); 
        
         cycleList[i] = imageView;<br>　　　　　　　　　　　　　　
         //0的时候选中 
        
         if 
         (i ==
         0
         ) { 
        
         cycleList[i].setBackgroundResource(R.drawable.page_indicator_selected); 
        
         } 
         else 
         { 
        
         cycleList[i].setBackgroundResource(R.drawable.page_indicator_unselected); 
        
         } 
        
         LinearLayout.LayoutParams layoutParams = 
         new 
         LinearLayout.LayoutParams( 
        
         new 
         ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT, 
        
         LayoutParams.WRAP_CONTENT)); 
        
         layoutParams.leftMargin = 
         5
         ; 
        
         layoutParams.rightMargin = 
         5
         ; 
        
         viewGroup.addView(imageView, layoutParams); 
        
         }
        
         viewPager.setAdapter(
         new 
         MyPicViewPagerAdapter()); 
        
         viewPager.setCurrentItem(
         1
         );

　　Demo重要的是循环，由于是有五个View，三个小圈圈，所以就需要改变一下选中的setOnPageChangeListener:

 
         viewPager.setOnPageChangeListener(
         new 
         OnPageChangeListener() { 
        
         @Override 
        
         public 
         void 
         onPageSelected(
         int 
         arg0) { 
        
         // TODO Auto-generated method stub 
        
         for 
         (
         int 
         i = 
         0
         ; i < cycleList.length; i++) { 
        
         cycleList[i].setBackgroundResource(R.drawable.page_indicator_unselected); 
        
         if 
         (i == arg0-
         1
         ) { 
        
         cycleList[i].setBackgroundResource(R.drawable.page_indicator_selected); 
        
         } 
        
         } 
        
         if
         (arg0 == 
         0
         ) 
        
         viewPager.setCurrentItem(viewList.size()-
         2
         ); 
        
         else 
         if
         (arg0 == viewList.size() - 
         1
         ) 
        
         viewPager.setCurrentItem(
         1
         ); 
        
         } 
        
         @Override 
        
         public 
         void 
         onPageScrolled(
         int 
         arg0, 
         float 
         arg1, 
         int 
         arg2) { 
        
         // TODO Auto-generated method stub 
        
         } 
        
         @Override 
        
         public 
         void 
         onPageScrollStateChanged(
         int 
         arg0) { 
        
         // TODO Auto-generated method stub 
        
         } 
        
         });

　　最后看下效果图:

本文转自Fly_Elephant博客园博客，原文链接：http://www.cnblogs.com/xiaofeixiang/p/4150091.html，如需转载请自行联系原作者

微信关注我们

原文链接：https://yq.aliyun.com/articles/367217

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Android UI-底部旋转菜单栏

以前都是说每逢佳节倍思亲，现在的工作状态是每到周末倍亲切，年底真的是加班加的没完没了的，也没时间写博客，也没时间学习，周末闲来无事看到一个比较有意思的旋转菜单，没事自己实战了一下感觉还不错，代码倒是没什么，主要是有两个技术点，一个就是布局文件，第二个就是动画旋转，关于布局文件是仁者见仁智者见智，只能自己研究，动画的话之前写过这方面的文章有兴趣的可以看下本人之前的博客，开始正题吧: 基础布局先看下要实现的效果吧: 下面的主要是三个图片，一个半圆，两个版圆环，最外面的是三级菜单，中间的是二级菜单；一级菜单布局: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <RelativeLayout android:id= "@+id/menuFirst" android:layout_width= "100dp" android:layout_height= "50dp" android:layout_alignParentBottom= "true" android:layout_centerHorizontal= "true" android:b...

2017-11-22

599

Qt 内置对OpenGL ES的支持。选用Qt进行OpenGL ES的开发是很方便的，很多辅助类都已经具备。从Qt 5.0開始添加了一个QWindow类，该类既能够使用OpenGL绘制3D图形，也能够使用QPainter绘制2D传统的GDI+图形。5.0曾经的QGLWidget不推荐再使用。在即将到来（官方时间是今年秋天）Qt 5.4会全然废弃QGLWidget。作为替代将会新增QOpenGLWidget和QOpenGLWindow类来方便OpenGL的编程。好了废话不多说了。今天我会使用OpenGL ES绘制一个彩色立方体，先在桌面平台编译执行成功后，再针对Android平台编译一次就可以。以下是在Android上的执行效果。基于同一个着色器绘制了四个同样的彩色立方体。为了使用OpenGL，我从QWindow类和QOpenGLFunctions类派生出了一个OpenGLWindow类。该类声明例如以下： class OpenGLWindow : public QWindow, protected QOpenGLFunctions { Q_OBJECT public: explic...

2017-11-22

645

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

Rocky Linux

Rocky Linux（中文名：洛基）是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版，作为CentOS稳定版停止维护后与RHEL（Red Hat Enterprise Linux）完全兼容的开源替代方案，由社区拥有并管理，支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性，采用模块化包装和SELinux安全架构，默认包含GNOME桌面环境及XFS文件系统，支持十年生命周期更新。

Sublime Text

Sublime Text具有漂亮的用户界面和强大的功能，例如代码缩略图，Python的插件，代码段等。还可自定义键绑定，菜单和工具栏。Sublime Text 的主要功能包括：拼写检查，书签，完整的 Python API ， Goto 功能，即时项目切换，多选择，多窗口等等。Sublime Text 是一个跨平台的编辑器，同时支持Windows、Linux、Mac OS X等操作系统。