Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头(1)

Android使用ViewPager实现图片轮播系列之四:手动滑动 + 左右箭头 + 删除数据

1、布局文件

======

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout 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.gs.common3.aView.viewpager.VPTest3Activity”>

<android.support.v4.view.ViewPager

android:id=“@+id/viewPager”

android:layout_width=“match_parent”

android:layout_height=“match_parent” />

<ImageView

android:id=“@+id/ivPre”

android:layout_width=“50dp”

android:layout_height=“50dp”

android:background=“@color/white”

android:layout_centerVertical=“true”

android:src=“@drawable/arrow_back_black” />

<ImageView

android:id=“@+id/ivNext”

android:layout_width=“50dp”

android:layout_height=“50dp”

android:background=“@color/white”

android:layout_alignParentEnd=“true”

android:layout_centerVertical=“true”

android:src=“@drawable/arrow_forward_black” />

3、VPTest3Activity.java

======================

/**

  • Android使用ViewPager实现图片轮播系列之三:手动滑动 + 左右箭头

*/

public class VPTest3Activity extends AppCompatActivity {

@BindView(R.id.viewPager)

ViewPager viewPager;

@BindView(R.id.ivPre)

ImageView ivPre;

@BindView(R.id.ivNext)

ImageView ivNext;

private int[] imagePaths = {

R.mipmap.scenery1, R.mipmap.scenery2, R.mipmap.scenery3, R.mipmap.scenery4,

R.mipmap.scenery5

};

ArrayList imageViewList;

private MyPagerAdapter myPagerAdapter;

private int currentPosition;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_vptest3);

ButterKnife.bind(this);

initData();

}

@OnClick({R.id.ivPre, R.id.ivNext})

public void onViewClicked(View view) {

switch (view.getId()) {

case R.id.ivPre:

currentPosition -= 1;

viewPager.setCurrentItem(currentPosition);

break;

case R.id.ivNext:

currentPosition += 1;

viewPager.setCurrentItem(currentPosition);

break;

}

}

private void initData() {

imageViewList = new ArrayList<>();

viewPager.setCurrentItem(0);

setDataToViewPager();

}

/**

  • 把数据设置到 ViewPager 上

*/

private void setDataToViewPager() {

// 将图片放到集合中

imageViewList = new ArrayList<>();

for (int imagePath : imagePaths) {

ImageView imageView = new ImageView(this);

imageView.setImageResource(imagePath);

// Glide.with(this).load(imagePath).into(imageView);

imageView.setScaleType(ImageView.ScaleType.FIT_XY);

imageViewList.add(imageView);

}

// 进行适配

myPagerAdapter = new MyPagerAdapter();

if (viewPager != null) {

viewPager.setAdapter(myPagerAdapter);

}

// 第一次进入 不显示前置箭头

ivPre.setVisibility(View.GONE);

viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {

@Override

public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

@Override

public void onPageSelected(int position) {

currentPosition = position;

// 第一个位置 不显示前置箭头

ivPre.setVisibility(position == 0 ? View.GONE : View.VISIBLE);

// 最后一个位置 不显示后置箭头

ivNext.setVisibility(position == imageViewList.size() - 1 ? View.GONE : View.VISIBLE);

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则近万的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

img

img

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

如果你觉得这些内容对你有帮助,可以扫码获取!!(备注:Android)

总结

Android架构学习进阶是一条漫长而艰苦的道路,不能靠一时激情,更不是熬几天几夜就能学好的,必须养成平时努力学习的习惯。所以:贵在坚持!

上面分享的字节跳动公司2020年的面试真题解析大全,笔者还把一线互联网企业主流面试技术要点整理成了视频和PDF(实际上比预期多花了不少精力),包含知识脉络 + 诸多细节。

就先写到这,码字不易,写的很片面不好之处敬请指出,如果觉得有参考价值的朋友也可以关注一下我

①「Android面试真题解析大全」PDF完整高清版+②「Android面试知识体系」学习思维导图压缩包阅读下载,最后觉得有帮助、有需要的朋友可以点个赞

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

面试知识体系」学习思维导图压缩包阅读下载**,最后觉得有帮助、有需要的朋友可以点个赞

[外链图片转存中…(img-49JS4hn4-1713790389876)]

[外链图片转存中…(img-LvO4HIHS-1713790389877)]

[外链图片转存中…(img-bV2h4LwI-1713790389879)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取!

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. 布局文件中添加ViewPager组件 ```xml <android.support.v4.view.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="wrap_content" /> ``` 2. 创建适配器 创建一个适配器,继承自PagerAdapter,实现以下方法: - getCount() 返回轮播图数量 - instantiateItem() 加载ViewPager的每一个页面 - destroyItem() 销毁ViewPager的每一个页面 - isViewFromObject() 判断当前的 View 是否和 instantiateItem() 返回的 object 相等 ```java public class MyPagerAdapter extends PagerAdapter { private List<ImageView> mImageViews; public MyPagerAdapter(List<ImageView> imageViews) { mImageViews = imageViews; } @Override public int getCount() { return mImageViews.size(); } @Override public Object instantiateItem(ViewGroup container, int position) { ImageView imageView = mImageViews.get(position); container.addView(imageView); return imageView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView(mImageViews.get(position)); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } } ``` 3. 初始化ViewPager ```java private void initViewPager() { List<ImageView> imageViews = new ArrayList<>(); for (int i = 0; i < mImageIds.length; i++) { ImageView imageView = new ImageView(this); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(mImageIds[i]); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // 点击事件 } }); imageViews.add(imageView); } MyPagerAdapter pagerAdapter = new MyPagerAdapter(imageViews); mPager.setAdapter(pagerAdapter); // 自动滑动 mPager.setCurrentItem(0); mPager.postDelayed(new Runnable() { @Override public void run() { int currentItem = mPager.getCurrentItem(); int count = mImageIds.length; int nextItem = (currentItem + 1) % count; mPager.setCurrentItem(nextItem, true); mPager.postDelayed(this, 3000); } }, 3000); // 手动滑动 mPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { } @Override public void onPageScrollStateChanged(int state) { } }); } ``` 4. 实现自动滑动 在 initViewPager() 方法中,通过 postDelayed() 方法实现自动滑动。首先将 ViewPager 的当前位置设置为 0,然后每隔 3 秒就自动滑动到下一个页面,直到滑动到最后一页后再从头开始滑动。 ```java mPager.setCurrentItem(0); mPager.postDelayed(new Runnable() { @Override public void run() { int currentItem = mPager.getCurrentItem(); int count = mImageIds.length; int nextItem = (currentItem + 1) % count; mPager.setCurrentItem(nextItem, true); mPager.postDelayed(this, 3000); } }, 3000); ``` 5. 实现手动滑动和点击切换 在 initViewPager() 方法中,通过 addOnPageChangeListener() 方法实现手动滑动和点击切换。在 onPageSelected() 方法中,更新标题和指示器的位置。在 onClick() 方法中,获取当前页面的位置并设置为 ViewPager 的当前位置。 ```java mPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { mTitle.setText(mTitles[position]); mIndicator.setCurrentItem(position); } @Override public void onPageScrollStateChanged(int state) { } }); imageView.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { int currentItem = mPager.getCurrentItem(); if (currentItem == mImageIds.length - 1) { mPager.setCurrentItem(0, true); } else { mPager.setCurrentItem(currentItem + 1, true); } } }); ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值