View pager实现自动轮播图

轮播图

首先放上一张常见的轮播图样图:
这是一张神级图片
** 如图这就是常见的轮播图,对于这样的轮播图该怎么实现?
** 下面开始进入正题:
** 看图,通常这样的页面会滚动播放,同时页面的切换也是平滑的,那么我们首先想到的是应该用View Pager,是的,你没有看错,就是ViewPager。
** 首先先贴上XML文件,布局如下:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="160dp" >

        <android.support.v4.view.ViewPager
            android:id="@+id/viewpager"
            android:layout_width="match_parent"
            android:layout_height="match_parent" />

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="40dp"
            android:padding="5dp"
            android:orientation="vertical"
            android:layout_alignParentBottom="true"
            android:gravity="center_horizontal"
            android:background="#66000000" >

            <TextView
                android:id="@+id/tv_desc"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:textColor="@android:color/white"
                android:singleLine="true"
                android:text=
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
以下是一个在fragment中自动轮播图片的示例代码: ```java public class BannerFragment extends Fragment { private ViewPager mViewPager; private List<Integer> mImageList; private int mCurrentPage = 0; private Timer mTimer; @Override public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) { View view = inflater.inflate(R.layout.fragment_banner, container, false); mViewPager = (ViewPager) view.findViewById(R.id.view_pager); mImageList = new ArrayList<>(); mImageList.add(R.drawable.image1); mImageList.add(R.drawable.image2); mImageList.add(R.drawable.image3); mViewPager.setAdapter(new BannerPagerAdapter()); startAutoPlay(); return view; } private void startAutoPlay() { mTimer = new Timer(); mTimer.schedule(new TimerTask() { @Override public void run() { getActivity().runOnUiThread(new Runnable() { @Override public void run() { if (mCurrentPage == mImageList.size()) { mCurrentPage = 0; } mViewPager.setCurrentItem(mCurrentPage++, true); } }); } }, 3000, 3000); } private class BannerPagerAdapter extends PagerAdapter { @Override public int getCount() { return mImageList.size(); } @Override public boolean isViewFromObject(View view, Object object) { return view == object; } @Override public Object instantiateItem(ViewGroup container, int position) { ImageView imageView = new ImageView(getActivity()); imageView.setImageResource(mImageList.get(position)); container.addView(imageView); return imageView; } @Override public void destroyItem(ViewGroup container, int position, Object object) { container.removeView((View) object); } } @Override public void onDestroy() { super.onDestroy(); if (mTimer != null) { mTimer.cancel(); } } } ``` 这个示例代码中使用了ViewPager和一个Timer来实现自动轮播,每隔3秒钟就会自动切换到下一张图片。PagerAdapter的作用是为ViewPager提供数据源。在onCreateView方法中,我们创建了一个BannerPagerAdapter,然后将其设置给ViewPager。最后在onDestroy方法中,我们取消了Timer的计时任务,以免内存泄漏。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值