ViewPager实现图片切换效果

 更新时间:2022年09月05日 14:35:21   作者:芒果蜜桃π  
这篇文章主要为大家详细介绍了ViewPager实现图片切换效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了ViewPager实现图片切换效果的具体代码,供大家参考,具体内容如下

xml布局:

<RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="260dp">
        <android.support.v4.view.ViewPager
            android:id="@+id/view_pager"
            android:background="#000"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />
        <LinearLayout
            android:id="@+id/layout_point"
            android:background="#00000000"
            android:gravity="center"
            android:layout_width="match_parent"
            android:layout_height="20dp"
            android:orientation="horizontal"
            android:layout_marginBottom="40dp"
            android:layout_alignParentBottom="true"/>
</RelativeLayout>

activity代码:

import android.content.Context;
import android.os.Bundle;
import android.support.annotation.Nullable;
import android.support.v4.app.Fragment;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

import com.bumptech.glide.Glide;
import com.example.uoso.myapplicationdemo.R;

import java.text.SimpleDateFormat;
import java.util.ArrayList;
import java.util.Date;
import java.util.List;

/**
 * ViewPager显示图片
 */
public class Fragment2 extends Fragment{

    private ViewPager viewPager;
    private LinearLayout layoutPoint;
    private String[] imgs = {"1图片url"
            ,"2图片url",
            "3图片url"};

    @Nullable
    @Override
    public View onCreateView(LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.fragment2, null);
        viewPager = (ViewPager) view.findViewById(R.id.view_pager);
        layoutPoint = (LinearLayout) view.findViewById(R.id.layout_point);       
        initView();
        return view;
    }

    private void initView(){        
        //ViewPager相关
        ViewPagerAdater myAdater = new ViewPagerAdater(getContext());
        viewPager.setAdapter(myAdater);
        viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }

            @Override
            public void onPageSelected(int position) {
                //在滑动完成后向布局中添加小圆点
                setLayoutPoint(position);
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
        setLayoutPoint(0);
    }

    /**
     * 设置小圆点布局
     * @param position
     */
    private void setLayoutPoint(int position){
        layoutPoint.removeAllViews();
        for (int i = 0; i <3 ; i++) {
            ImageView imageView = new ImageView(getContext());
            //设置ImageView
            LinearLayout.LayoutParams params = new LinearLayout.LayoutParams(20, 20);
            params.setMargins(10,0,10,0);
            imageView.setLayoutParams(params);
            //设置小圆点样式
            if (position==i){
                imageView.setImageDrawable(getResources().getDrawable(R.drawable.point_white));
            }else {
                imageView.setImageDrawable(getResources().getDrawable(R.drawable.point_gray));
            }
            layoutPoint.addView(imageView);
        }
    }  

    public class ViewPagerAdater extends PagerAdapter {
        private Context context;

        public ViewPagerAdater(Context context) {
            this.context = context;
        }

        @Override
        public int getCount() {
            return imgs.length;
        }

        @Override
        public Object instantiateItem(ViewGroup container, int position) {
            ImageView imageView = new ImageView(context);
            imageView.setScaleType(ImageView.ScaleType.FIT_XY);
            Glide.with(context).load(imgs[position]).into(imageView);
            container.addView(imageView);
            return imageView;
        }

        @Override
        public void destroyItem(ViewGroup container, int position, Object object) {
            container.removeView((ImageView) object);
        }

        @Override
        public boolean isViewFromObject(View view, Object object) {
            return view == object;
        }
    }


}

小圆点样式:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="#fddc04"/>
    <corners android:radius="5dp"/>
</shape>

Glide依赖:

compile 'com.github.bumptech.glide:glide:3.7.0'

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

相关文章

  • Android设计模式系列之工厂方法模式

    Android设计模式系列之工厂方法模式

    工厂方法模式,往往是设计模式初学者入门的模式,的确,有人称之为最为典型最具启发效果的模式。接下来通过本文给大家介绍Android设计模式系列之工厂方法模式,感兴趣的朋友一起学习吧
    2016-09-09
  • 浅析Android高斯模糊实现方案

    浅析Android高斯模糊实现方案

    这篇文章给大家介绍了Android高斯模糊实现方案,本文通过场景分析代码讲解的非常详细,需要的朋友参考下吧
    2019-10-10
  • Android编程实现隐藏状态栏及测试Activity是否活动的方法

    Android编程实现隐藏状态栏及测试Activity是否活动的方法

    这篇文章主要介绍了Android编程实现隐藏状态栏及测试Activity是否活动的方法,涉及Android界面布局设置及Activity状态操作的相关技巧,需要的朋友可以参考下
    2016-10-10
  • Android学习之菜单的使用方法

    Android学习之菜单的使用方法

    这篇文章主要为大家详细介绍了Android学习之菜单的使用方法,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-09-09
  • Android中使用AsyncTask做下载进度条实例代码

    Android中使用AsyncTask做下载进度条实例代码

    这篇文章主要介绍了Android中使用AsyncTask做下载进度条实例代码的相关资料,这里附有实例代码,具有一定参考价值,需要的朋友可以参考下
    2017-01-01
  • Android自定义加载控件实现数据加载动画

    Android自定义加载控件实现数据加载动画

    这篇文章主要为大家详细介绍了Android自定义加载控件实现数据加载动画的相关资料,仿美团、京东数据加载动画、小人奔跑动画,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 深入理解TextView实现Rich Text--在同一个TextView设置不同字体风格

    深入理解TextView实现Rich Text--在同一个TextView设置不同字体风格

    本篇文章是对Android中在同一个TextView中设置不同的字体风格进行了详细的分析介绍,需要的朋友参考下
    2013-05-05
  • Android自定义LocationMarker的实现详解

    Android自定义LocationMarker的实现详解

    这篇文章主要为大家详细介绍一个比较简单的东西:自定义绘制Marker 其实就是自定义view, 跟轨迹没太多关联,感兴趣的小伙伴可以跟随小编一起了解一下
    2023-02-02
  • Android使用Room数据库解决本地持久化的操作

    Android使用Room数据库解决本地持久化的操作

    Room 是一个持久性库,属于 Android Jetpack 的一部分,Room 是 SQLite 数据库之上的一个抽象层,Room 并不直接使用 SQLite,而是负责简化数据库设置和配置以及与数据库交互方面的琐碎工作,本文介绍了Android使用Room数据库解决本地持久化的操作,需要的朋友可以参考下
    2024-09-09
  • Android中自定义ImageView添加文字说明详解

    Android中自定义ImageView添加文字说明详解

    Android中的ImageView只能显示矩形的图片,为了用户体验更多,下面这篇文章主要给大家介绍了关于Android中自定义ImageView实现添加文字说明的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴,下面来一起看看吧。
    2017-08-08

最新评论