当前位置: 首页 > 编程笔记 >

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

邵和硕
2023-03-14
本文向大家介绍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图片滑动预览效果啦。

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

 类似资料:
  • 本文向大家介绍Android开发之使用ViewPager实现图片左右滑动切换效果,包括了Android开发之使用ViewPager实现图片左右滑动切换效果的使用技巧和注意事项,需要的朋友参考一下 Android中图片的左右切换随处可见,今天我也试着查阅资料试着做了一下,挺简单的一个小Demo,却也发现了一些问题,话不多说,上代码~: 使用了3个xml文件作为ViewPager的滑动page,布局都

  • 本文向大家介绍Android图片上传实现预览效果,包括了Android图片上传实现预览效果的使用技巧和注意事项,需要的朋友参考一下 首先具体分析一下,实现的功能,其中需求分析是必不可少的,需求、逻辑清除之后,再上手写代码,思路会很清晰。 1.多图上传首先得选择图片(这里项目需求是既可以拍照上传也可以从相册中选择) 2.拍照上传很简单了网上也有很多例子,调用照相机,返回uri,获取图片 3.从相册中

  • 本文向大家介绍android viewpager实现竖屏滑动效果,包括了android viewpager实现竖屏滑动效果的使用技巧和注意事项,需要的朋友参考一下 Viewpager 横向滑动效果系统就自带了很多种,比如这个 效果 那如果做成竖屏的这种效果呢 。我百度过很多,效果都不是很好,有的代码特别多而且存在很多问题。我结合了以前别人的代码现在来教大家个简单的实现过程。 首先自定义Viewpa

  • 本文向大家介绍Android实现探探图片滑动效果,包括了Android实现探探图片滑动效果的使用技巧和注意事项,需要的朋友参考一下 之前一段时间,在朋友的推荐下,玩了探探这一款软件,初玩的时候,就发现,这款软件与一般的社交软件如陌陌之类的大相径庭,让我耳目一新,特别是探探里关于图片滑动操作让人觉得非常新鲜。所以在下通过网上之前的前辈的经历加上自己的理解,也来涉涉水。下面是网上找的探探的原界面 当时

  • 本文向大家介绍Android ViewPager实现图片轮翻效果,包括了Android ViewPager实现图片轮翻效果的使用技巧和注意事项,需要的朋友参考一下 很多App都有这种效果,特别一些电商类的App,顶部每隔几秒钟会向右翻页显示下张图片,用来作推广或者内容展示用的。今天来简单地模仿一下,还自带一个自动跳动的小功能(底部有几个小点,图片移动的时候,点的状态也在变化),用定时器来实现不难。

  • 本文向大家介绍Android 使用ViewPager实现图片左右循环滑动自动播放,包括了Android 使用ViewPager实现图片左右循环滑动自动播放的使用技巧和注意事项,需要的朋友参考一下 ViewPager这个小demo实现的是可以左右循环滑动图片,下面带索引,滑到最后一页在往右滑动就要第一页,第一页往左滑动就到最后一页,先上效果图,用美女图片是我一贯的作风,呵呵 1. 首先看一些layo