Android开发之实现图片自动滚动显示标签的ViewPager
Android中实现图片自动滚动的效果非常的常见,我们可以自己动画去实现功能。但是在Android中提供了一个ViewPager类,实现了滚动效果,在Android的extras目录下android-support-vx.jar中,x代表版本4,7等等。使用时我们需要android.support.v4.view.ViewPager的viewPager标签。
博客来源:http://blog.csdn.net/fengshizty
代码非常的简单,不用解释:
xml布局文件如下:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context="com.andy.viewpagedemo.MainActivity" > <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="wrap_content" android:layout_height="200dip" /> <LinearLayout android:layout_alignBottom="@id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content" android:background="#33000000" android:orientation="vertical" > <TextView android:id="@+id/image_desc" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="center" android:text="@string/app_name" android:textColor="@android:color/white" android:textSize="18sp" /> <LinearLayout android:id="@+id/point_group" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center" android:orientation="horizontal" > </LinearLayout> </LinearLayout> </RelativeLayout>
Activity代码如下:
package com.andy.viewpagedemo; import java.util.ArrayList; import android.app.Activity; import android.os.Bundle; import android.os.Handler; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.support.v4.view.ViewPager.OnPageChangeListener; import android.view.View; import android.view.ViewGroup; import android.widget.ImageView; import android.widget.LinearLayout; import android.widget.TextView; public class MainActivity extends Activity { private ViewPager viewPager; private LinearLayout point_group; private TextView image_desc; // 图片资源id private final int[] images = { R.drawable.a, R.drawable.b, R.drawable.c, R.drawable.d, R.drawable.e }; // 图片标题集合 private final String[] imageDescriptions = { "巩俐不低俗,我就不能低俗", "扑树又回来啦!再唱经典老歌引万人大合唱", "揭秘北京电影如何升级", "乐视网TV版大派送", "热血屌丝的反杀" }; private ArrayList<ImageView> imageList; // 上一个页面的位置 protected int lastPosition = 0; // 判断是否自动滚动viewPager private boolean isRunning = true; private Handler handler = new Handler() { public void handleMessage(android.os.Message msg) { // 执行滑动到下一个页面 viewPager.setCurrentItem(viewPager.getCurrentItem() + 1); if (isRunning) { // 在发一个handler延时 handler.sendEmptyMessageDelayed(0, 2000); } }; }; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); viewPager = (ViewPager) findViewById(R.id.viewPager); point_group = (LinearLayout) findViewById(R.id.point_group); image_desc = (TextView) findViewById(R.id.image_desc); image_desc.setText(imageDescriptions[0]); // 初始化图片资源 imageList = new ArrayList<ImageView>(); for (int i : images) { // 初始化图片资源 ImageView imageView = new ImageView(this); imageView.setBackgroundResource(i); imageList.add(imageView); // 添加指示小点 ImageView point = new ImageView(this); LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(5, 5); params.rightMargin = 20; point.setLayoutParams(params); point.setBackgroundResource(R.drawable.point_bg); if (i == R.drawable.a) { point.setEnabled(true); } else { point.setEnabled(false); } point_group.addView(point); } viewPager.setAdapter(new MyPageAdapter()); // 设置当前viewPager的位置 viewPager.setCurrentItem(Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % imageList.size())); viewPager.setOnPageChangeListener(new OnPageChangeListener() { @Override public void onPageSelected(int position) { // 页面切换后调用, position是新的页面位置 // 实现无限制循环播放 position %= imageList.size(); image_desc.setText(imageDescriptions[position]); // 把当前点设置为true,将上一个点设为false point_group.getChildAt(position).setEnabled(true); point_group.getChildAt(lastPosition).setEnabled(false); lastPosition = position; } @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { // 页面正在滑动时间回调 } @Override public void onPageScrollStateChanged(int state) { // 当pageView 状态发生改变的时候,回调 } }); /** * 自动循环: 1.定时器:Timer 2.开子线程:while true循环 3.ClockManger * 4.用Handler发送延时信息,实现循环,最简单最方便 * */ handler.sendEmptyMessageDelayed(0, 2000); } @Override protected void onDestroy() { // 停止滚动 isRunning = false; super.onDestroy(); } private class MyPageAdapter extends PagerAdapter { // 需要实现以下四个方法 @Override public int getCount() { // 获得页面的总数 return Integer.MAX_VALUE; } @Override public boolean isViewFromObject(View view, Object object) { // 判断view和Object对应是否有关联关系 if (view == object) { return true; } else { return false; } } @Override public Object instantiateItem(ViewGroup container, int position) { // 获得相应位置上的view; container view的容器,其实就是viewpage自身, // position: viewpager上的位置 // 给container添加内容 container.addView(imageList.get(position % imageList.size())); return imageList.get(position % imageList.size()); } @Override public void destroyItem(ViewGroup container, int position, Object object) { // 销毁对应位置上的Object // super.destroyItem(container, position, object); container.removeView((View) object); object = null; } } }
其效果如下:
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。