文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

如何在Android中利用 ViewPager实现一个循环播放功能

2023-05-31 10:41

关注

这篇文章将为大家详细讲解有关如何在Android中利用 ViewPager实现一个循环播放功能,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

1.初始化布局

我们先来写一个ViewPager广告条的布局:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  android:layout_width="match_parent"  android:layout_height="match_parent">  <android.support.v4.view.ViewPager    android:id="@+id/vp"    android:layout_width="match_parent"    android:layout_height="210dp"/>  <LinearLayout    android:layout_width="match_parent"    android:layout_height="wrap_content"    android:layout_alignBottom="@id/vp"    android:background="#55000000"    android:gravity="center_horizontal"    android:orientation="vertical"    android:padding="5dp">    <TextView      android:id="@+id/tv_img_desc"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:text="这里是广告"      android:textColor="#ffffff"      android:textSize="16sp"/>    <!-- 动态添加小圆点,用一个水平的线性布局 -->    <LinearLayout      android:id="@+id/ll_dot_group"      android:layout_width="wrap_content"      android:layout_height="wrap_content"      android:orientation="horizontal"/>  </LinearLayout></RelativeLayout>

此时的效果如下,是不是已经有了点模样:

如何在Android中利用 ViewPager实现一个循环播放功能

2.Activity实现

接下来进入到关键的实现代码,当然,Activity实现也难不倒我们,其中ViewPager数据,为了方便,本篇就直接用本地数据进行模拟了。而在实际项目开发数据大都来自网络。

public class MainActivity extends AppCompatActivity implements ViewPager.OnPageChangeListener {  private List<ImageView> vpLists;  private LinearLayout ll_dot_group; //用来添加小圆点  private String[] imageDescArrs;  private TextView tv_img_desc;  private ViewPager vp;  private boolean isSwitchPager = false; //默认不切换  private int previousPosition = 0; //默认为0  private Handler handler = new Handler() {    public void handleMessage(android.os.Message msg) {      //更新当前viewpager的 要显示的当前条目      vp.setCurrentItem(vp.getCurrentItem() + 1);    }  };  @Override  protected void onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    setContentView(R.layout.activity_main);    initView();  }    private void initView() {    vp = (ViewPager) findViewById(R.id.vp);    ll_dot_group = (LinearLayout) findViewById(R.id.ll_dot_group);    tv_img_desc = (TextView) findViewById(R.id.tv_img_desc);    initViewPagerData();    vp.setAdapter(new ViewpagerAdapter());    //设置当前viewpager要显示第几个条目    int item = Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % vpLists.size());    vp.setCurrentItem(item);    //把第一个小圆点设置为白色,显示第一个textview内容    ll_dot_group.getChildAt(previousPosition).setEnabled(true);    tv_img_desc.setText(imageDescArrs[previousPosition]);    //设置viewpager滑动的监听事件    vp.addOnPageChangeListener(this);    //实现自动切换的功能    new Thread() {      public void run() {        while (!isSwitchPager) {          SystemClock.sleep(3000);          //拿着我们创建的handler 发消息          handler.sendEmptyMessage(0);        }      }    }.start();  }    private void initViewPagerData() {    imageDescArrs = new String[]{"1", "2", "3", "4", "5"};    vpLists = new ArrayList<ImageView>();    int imgIds[] = {R.drawable.a, R.drawable.b, R.drawable.c, R.drawable.d, R.drawable.e};    ImageView iv;    View dotView;    for (int i = 0; i < imgIds.length; i++) {      iv = new ImageView(this);      iv.setBackgroundResource(imgIds[i]);      vpLists.add(iv);      //准备小圆点的数据      dotView = new View(getApplicationContext());      dotView.setBackgroundResource(R.drawable.selector_dot);      //设置小圆点的宽和高      LayoutParams params = new LayoutParams(15, 15);      //设置每个小圆点之间距离      if (i != 0) {        params.leftMargin = 15;      }      dotView.setLayoutParams(params);      //设置小圆点默认状态      dotView.setEnabled(false);      //把dotview加入到线性布局中      ll_dot_group.addView(dotView);    }  }    private class ViewpagerAdapter extends PagerAdapter {    @Override    public int getCount() {      return Integer.MAX_VALUE;    }    //是否复用当前view对象    @Override    public boolean isViewFromObject(View arg0, Object arg1) {      return arg0 == arg1;    }    //初始化每个条目要显示的内容    @Override    public Object instantiateItem(ViewGroup container, int position) {      //拿着position位置 % 集合.size      int newposition = position % vpLists.size();      //获取到条目要显示的内容imageview      ImageView iv = vpLists.get(newposition);      //要把 iv加入到 container 中      container.addView(iv);      return iv;    }    //销毁条目    @Override    public void destroyItem(ViewGroup container, int position, Object object) {      //移除条目      container.removeView((View) object);    }  }  //当新的页面被选中的时候调用  @Override  public void onPageSelected(int position) {    //拿着position位置 % 集合.size    int newposition = position % vpLists.size();    //取出postion位置的小圆点 设置为true    ll_dot_group.getChildAt(newposition).setEnabled(true);    //把一个小圆点设置为false    ll_dot_group.getChildAt(previousPosition).setEnabled(false);    tv_img_desc.setText(imageDescArrs[newposition]);    previousPosition = newposition;  }  @Override  protected void onDestroy() {    //当Activity销毁的时候 把是否切换的标记置为true    isSwitchPager = true;    super.onDestroy();  }  @Override  public void onPageScrollStateChanged(int state) {  }  //当页面开始滑动  @Override  public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {  }}

如上我们就解决了平滑过渡的问题,关键的地方就是ViewpagerAdapter:

getCount方法我们返回Integer.MAX_VALUE

public int getCount() {  return Integer.MAX_VALUE;}

初始化每个条目要显示的内容,我们拿着position位置 % 集合.size

@Overridepublic Object instantiateItem(ViewGroup container, int position) {  //拿着position位置 % 集合.size  int newposition = position % vpLists.size();  //获取到条目要显示的内容imageview  ImageView iv = vpLists.get(newposition);  //要把 iv加入到 container 中  container.addView(iv);  return iv;}

此时我们发现已经最后一个广告可以平滑过渡了,但是还有一个问题就是,那从第一张开始,我们往左滑呢?其实也很容易解决,就是设置第一个条目为Integer.MAX_VALUE的中间位置就可以了,我们来到initView方法中,设置当前viewpager要显示第几个条目:

int item = Integer.MAX_VALUE / 2 - (Integer.MAX_VALUE / 2 % vpLists.size());vp.setCurrentItem(item);

问题完美解决。

用到的Shape相关资源如下:

selector_dot.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android">  <item android:drawable="@drawable/dot_enable" android:state_enabled="true"></item>  <item android:drawable="@drawable/dot_normal" android:state_enabled="false"></item></selector>

dot_enable.xml

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

dot_normal.xml

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

关于如何在Android中利用 ViewPager实现一个循环播放功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯