欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

Android使用ViewPager实现图片滑动预览效果

程序员文章站 2023-01-26 23:41:28
本文为大家分享了android viewpager实现图片滑动预览效果展示的具体代码,供大家参考,具体内容如下 效果图: 滑动前: 滑动后: 代码非...

本文为大家分享了android viewpager实现图片滑动预览效果展示的具体代码,供大家参考,具体内容如下

效果图:

滑动前:

Android使用ViewPager实现图片滑动预览效果

滑动后:

Android使用ViewPager实现图片滑动预览效果

代码非常简单,实现起来很容易

xml代码:

<?xml version="1.0" encoding="utf-8"?> 
<android.support.constraint.constraintlayout 
  xmlns:android="http://schemas.android.com/apk/res/android" 
  xmlns:app="http://schemas.android.com/apk/res-auto" 
  xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" 
  android:layout_height="match_parent" tools:context="com.example.blog_0615.mainactivity"> 
 
  <android.support.v4.view.viewpager 
    android:layout_width="match_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/vp_main_viewpager" 
    ></android.support.v4.view.viewpager> 
 
</android.support.constraint.constraintlayout> 

activity代码:

package com.example.blog_0615; 
 
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.view; 
import android.view.viewgroup; 
import android.widget.imageview; 
 
import java.util.arraylist; 
import java.util.list; 
 
public class mainactivity extends appcompatactivity { 
 
  //定义图片数组 
  private int images[]={r.drawable.bird,r.drawable.cat,r.drawable.chicken}; 
  //定义一个view的数组 
  private list<view> views=new arraylist<>(); 
  private viewpager vp_main_viewpager; 
 
  @override 
  protected void oncreate(bundle savedinstancestate) { 
    super.oncreate(savedinstancestate); 
    setcontentview(r.layout.activity_main); 
 
    vp_main_viewpager = (viewpager) findviewbyid(r.id.vp_main_viewpager); 
 
    //将images数组中的图片放入imageview 
    for (int i = 0; i < images.length; i++) { 
      imageview imageview=new imageview(this); 
      imageview.setimageresource(images[i]); 
      views.add(imageview); 
    } 
 
    //为viewpager设置适配器 
    vp_main_viewpager.setadapter(new myadapter()); 
  } 
 
  class myadapter extends pageradapter { 
 
    @override 
    public int getcount() { 
      return views.size(); 
    } 
 
    @override 
    public boolean isviewfromobject(view view, object object) { 
      return view==object; 
    } 
 
    @override 
    public object instantiateitem(viewgroup container, int position) { 
      view v=views.get(position); 
      container.addview(v); 
 
      return v; 
    } 
 
    @override 
    public void destroyitem(viewgroup container, int position, object object) { 
      view v=views.get(position); 
      //前一张图片划过后删除该view 
      container.removeview(v); 
    } 
 
 
  } 
} 

以上代码就可以实现android viewpager图片滑动预览效果啦。

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