脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 软件编程 → Android → Android 实时滑动ViewPager

Android实现实时滑动ViewPager的2种方式

 更新时间：2016年10月31日 16:23:30   作者：Saflyer  
这篇文章主要为大家详细介绍了Android实现实时滑动ViewPager的2种方式,具有一定的参考价值，感兴趣的小伙伴们可以参考一下

先看看效果图：

activity_main.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.example.welcome.MainActivity" > 
 
 <android.support.v4.view.ViewPager 
 android:id="@+id/mViewPager" 
 android:layout_width="fill_parent" 
 android:layout_height="fill_parent" /> 
 
 <FrameLayout 
 android:layout_width="fill_parent" 
 android:layout_height="wrap_content" 
 android:layout_alignParentTop="true" 
 android:layout_centerHorizontal="true" 
 android:layout_marginTop="30dp" > 
 
 <com.example.welcome.PagerCursor 
  android:id="@+id/pagerCursor" 
  android:layout_width="fill_parent" 
  android:layout_height="5dp" /> 
 </FrameLayout> 
 
 <FrameLayout 
 android:layout_width="wrap_content" 
 android:layout_height="wrap_content" 
 android:layout_alignParentBottom="true" 
 android:layout_centerHorizontal="true" 
 android:layout_marginBottom="30dp" > 
 
 <com.example.welcome.CustomeDotGroup 
  android:id="@+id/ll_point_group" 
  android:layout_width="fill_parent" 
  android:layout_height="10dp" 
  android:orientation="horizontal" > 
 </com.example.welcome.CustomeDotGroup> 
 
 <View 
  android:id="@+id/red_point" 
  android:layout_width="10dp" 
  android:layout_height="10dp" 
  android:background="@drawable/point_red" /> 
 </FrameLayout> 
 
</RelativeLayout>

MainActivity

package com.example.welcome; 
 
import java.util.ArrayList; 
 
import android.app.Activity; 
import android.os.Bundle; 
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.view.animation.TranslateAnimation; 
import android.widget.ImageView; 
 
public class MainActivity extends Activity { 
 private ViewPager mViewPager; 
 
 MyAdapter mAdapter; 
 private ArrayList<ImageView> imageViewList; 
 View red_point; 
 private int lastDis; 
 PagerCursor pagerCursor; 
 @SuppressWarnings("deprecation") 
 @Override 
 protected void onCreate(Bundle savedInstanceState) { 
 super.onCreate(savedInstanceState); 
 setContentView(R.layout.activity_main); 
 pagerCursor = (PagerCursor) findViewById(R.id.pagerCursor); 
 red_point = findViewById(R.id.red_point); 
 imageViewList = new ArrayList<ImageView>(); 
 int[] imagesInt = {R.drawable.p1,R.drawable.p2,R.drawable.p3}; 
 for (int i = 0; i < imagesInt.length; i++) { 
  ImageView imageView = new ImageView(MainActivity.this); 
  imageView.setBackgroundResource(imagesInt[i]); 
  imageViewList.add(imageView); 
  
 } 
 mViewPager = (ViewPager) findViewById(R.id.mViewPager); 
  
 mAdapter = new MyAdapter(); 
  
 mViewPager.setAdapter(mAdapter); 
  
 mViewPager.setOnPageChangeListener(new OnPageChangeListener() { 
  
  private boolean isDragging; 
  
 
  @Override 
  public void onPageSelected(int arg0) { 
   
  } 
  
  @Override 
  public void onPageScrolled(int position, float screenOffSet, int arg2) { 
  TranslateAnimation animation = null; 
  if (isDragging) { 
   
   int dp2px = PhoneUtils.dp2px(MainActivity.this, 20f); 
   int offSet = (int) (position*dp2px + dp2px*screenOffSet); 
   
   animation = new TranslateAnimation(lastDis, offSet, 0f, 0f); 
   animation.setDuration(200); 
   animation.setFillAfter(true); 
   red_point.startAnimation(animation); 
   
   lastDis = offSet; 
   
   
   
  } 
  float[] screenSize = MeasureUtil.getScreenSize(MainActivity.this); 
  float itemWidth = screenSize[0]/3; 
   
  pagerCursor.SetOffSet(position,screenOffSet,itemWidth); 
   
  } 
  
  @Override 
  public void onPageScrollStateChanged(int arg0) { 
  switch (arg0) { 
  case ViewPager.SCROLL_STATE_DRAGGING://滑动 
   isDragging = true; 
   break; 
  case ViewPager.SCROLL_STATE_IDLE://空闲 
   isDragging = false; 
   break; 
 
  default: 
   break; 
  } 
  } 
 }); 
 } 
 
 
 class MyAdapter extends PagerAdapter{ 
 
 @Override 
 public int getCount() { 
  return imageViewList.size(); 
 } 
 
 @Override 
 public boolean isViewFromObject(View arg0, Object arg1) { 
  return arg0 == arg1; 
 } 
  
 @Override 
 public void destroyItem(ViewGroup container, int position, Object object) { 
  container.removeView(imageViewList.get(position)); 
 } 
  
 @Override 
 public Object instantiateItem(ViewGroup container, int position) { 
  container.addView(imageViewList.get(position)); 
  return imageViewList.get(position); 
 } 
  
 } 
}

CustomeDotGroup

package com.example.welcome; 
import android.content.Context; 
import android.util.AttributeSet; 
import android.view.View; 
import android.widget.ImageView; 
import android.widget.LinearLayout; 
 
public class CustomeDotGroup extends LinearLayout { 
 
 private Context context; 
 public CustomeDotGroup(Context context, AttributeSet attrs, int defStyle) { 
 super(context, attrs, defStyle); 
 this.context = context; 
 initRes(); 
 } 
 
 public CustomeDotGroup(Context context, AttributeSet attrs) { 
 this(context, attrs, 0); 
 } 
 
 public CustomeDotGroup(Context context) { 
 this(context, null); 
 } 
 
 
 
 private void initRes() { 
 int dotWidthOrHeight = PhoneUtils.dp2px(context, 10); 
  
 for (int i = 0; i < 3; i++) { 
  ImageView dotImageView = new ImageView(context); 
  dotImageView.setBackgroundResource(R.drawable.point_normal); 
  
  LayoutParams dotImageViewParams = new LayoutParams(dotWidthOrHeight, dotWidthOrHeight); 
  if (i != 0) { 
  dotImageViewParams.leftMargin = dotWidthOrHeight; 
  } 
  dotImageView.setLayoutParams(dotImageViewParams); 
  this.addView(dotImageView); 
 } 
  
 } 
 
}

 PagerCursor

package com.example.welcome; 
 
import android.app.Activity; 
import android.content.Context; 
import android.graphics.Canvas; 
import android.graphics.Paint; 
import android.util.AttributeSet; 
import android.util.Log; 
import android.view.View; 
 
public class PagerCursor extends View { 
 Context context; 
 private Paint mPaint; 
 private int screenWidth; 
 private int desRight; 
 private float itemWidth; 
 
 public PagerCursor(Context context, AttributeSet attrs, int defStyle) { 
 super(context, attrs, defStyle); 
 // TODO Auto-generated constructor stub 
 } 
 
 public PagerCursor(Context context, AttributeSet attrs) { 
 super(context, attrs); 
 this.context = context; 
 initRes(); 
 // TODO Auto-generated constructor stub 
 } 
 
 public PagerCursor(Context context) { 
 super(context); 
 // TODO Auto-generated constructor stub 
 } 
 
 private void initRes() { 
 float[] screenSize = MeasureUtil.getScreenSize((Activity) context); 
 screenWidth = (int) screenSize[0]; 
 Log.d("TAG", ",screenWidth" + screenWidth); 
 
 mPaint = new Paint(); 
 mPaint.setColor(getResources().getColor(R.color.contentPressColor)); 
 mPaint.setStyle(Paint.Style.FILL); 
 mPaint.setAntiAlias(true); 
 } 
 
 public void SetOffSet(int position, float screenOffSet, float itemWidth) { 
 int offSet = (int) (position * itemWidth + itemWidth * screenOffSet); 
 this.itemWidth = itemWidth; 
 desRight = offSet; 
 Log.d("TAG", "screenOffSet:" + screenOffSet + ",position" + position 
  + ",desRigh-->t" + desRight + ",itemWidth" + itemWidth); 
 
 invalidate(); 
 } 
 
 @Override 
 protected void onDraw(Canvas canvas) { 
 super.onDraw(canvas); 
 Log.d("TAG", "onDraw,desRigh-->t" + desRight + ",itemWidth" + itemWidth); 
 canvas.drawRect(desRight, 0f, desRight + itemWidth, 
  PhoneUtils.dp2px(context, 5), mPaint); 
 } 
}

MeasureUtil

package com.example.welcome; 
 
import android.app.Activity; 
import android.util.DisplayMetrics; 
 
/** 
 * 测绘工具�? 
 */ 
public final class MeasureUtil { 
 /** 
 * 获取屏幕尺寸 
 * 
 * @param activity 
 *  Activity 
 * @return 屏幕尺寸像素值，下标�?的�?为宽，下标为1的�?为高 
 */ 
 public static float[] getScreenSize(Activity activity) { 
 DisplayMetrics metrics = new DisplayMetrics(); 
 activity.getWindowManager().getDefaultDisplay().getMetrics(metrics); 
 return new float[] { metrics.widthPixels, metrics.heightPixels }; 
 } 
}

PhoneUtils

package com.example.welcome; 
 
import android.content.Context; 
 
public class PhoneUtils { 
 
 public static int dp2px(Context context,float dpValue){ 
 float scale = context.getResources().getDisplayMetrics().density; 
 return (int)(dpValue * scale +0.5f); 
 } 
}

源码下载：http://xiazai.jb51.net/201610/yuanma/androidviewpaper(jb51.net).rar

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。

您可能感兴趣的文章:

相关文章

  • Flutter系列重学Container示例详解

    Flutter系列重学Container示例详解

    这篇文章主要为大家介绍了Flutter系列重学Container示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-01-01
  • 如何在Android上使用opencv

    如何在Android上使用opencv

    这篇文章主要介绍了如何在Android上使用opencv，帮助大家更好的利用opencv处理图像，感兴趣的朋友可以了解下
    2020-12-12
  • Android Recyclerview实现上拉加载更多功能

    Android Recyclerview实现上拉加载更多功能

    在项目中使用列表的下拉刷新和上拉加载更多是很常见的功能。下文给大家带来了Android Recyclerview上拉加载更多功能，需要的朋友参考下吧
    2017-05-05
  • 一个简单的Android定时任务

    一个简单的Android定时任务

    这篇文章主要为大家详细介绍了一个简单的Android定时任务，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2017-06-06
  • Android实现扩展Menu的方法

    Android实现扩展Menu的方法

    这篇文章主要介绍了Android实现扩展Menu的方法,涉及Android操作menu菜单的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-10-10
  • Kotlin 协程异步热数据流的设计与使用讲解

    Kotlin 协程异步热数据流的设计与使用讲解

    这篇文章主要为大家介绍了Kotlin 协程协程异步热数据流的设计与使用讲解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-09-09
  • Android自定义HorizontalScrollView实现qq侧滑菜单

    Android自定义HorizontalScrollView实现qq侧滑菜单

    本文主要介绍了android自定义HorizontalScrollView实现qq侧滑菜单的相关知识。具有很好的参考价值。下面跟着小编一起来看下吧
    2017-04-04
  • 2021最新Android笔试题总结美团Android岗职能要求

    2021最新Android笔试题总结美团Android岗职能要求

    这篇文章主要介绍了2021最新Android笔试题总结以及美团Android岗职能要求，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
    2021-08-08
  • Android程序启动时出现黑屏问题的解决方法

    Android程序启动时出现黑屏问题的解决方法

    这篇文章主要介绍了Android程序启动时出现黑屏问题的解决方法,分析了黑屏出现的原因及相应的解决方法,需要的朋友可以参考下
    2016-08-08
  • Android优质索尼滚动相册

    Android优质索尼滚动相册

    这篇文章主要介绍了Android优质索尼滚动相册,桌面小部件滚动相册,具有一定的参考价值，感兴趣的小伙伴们可以参考一下
    2016-09-09

最新评论