viewpager的基本用法

ViewPager继承自ViewGroup,用以实现页面的左右滑动。

1)ViewPager类直接继承了ViewGroup类,所有它是一个容器类,可以在其中添加其他的view类。

2)ViewPager类需要一个PagerAdapter适配器类给它提供数据。

3)ViewPager经常和Fragment一起使用,并且提供了专门的FragmentPagerAdapter和FragmentStatePagerAdapter类供Fragment中的ViewPager使用。

在编写ViewPager的应用的使用,还需要使用两个组件类分别是PagerTitleStrip类和PagerTabStrip类,PagerTitleStrip类直接继承自ViewGroup类,而PagerTabStrip类继承PagerTitleStrip类,所以这两个类也是容器类。但是有一点需要注意,在定义XML的layout的时候,这两个类必须是ViewPager标签的子标签,不然会出错。

fragment_collection_object.xml必不可少

<android.support.v4.view.ViewPager xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/activity_collection_demo_pager"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.v4.view.PagerTitleStrip android:id="@+id/pager_title_strip"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:background="#33b5e5"
        android:textColor="#fff"
        android:paddingTop="4dp"
        android:paddingBottom="4dp" />

</android.support.v4.view.ViewPager>

这里写图片描述
这里写图片描述
实现原理:
PagerTitleStrip控制顶部条状标题栏显示效果,下方白色区域由fragment控制显示效果。整个屏幕都放在容器viewpager中显示。

主要类共5个:
CollectionDemoActivity.java,显示控制页面
activity_collection_demo.xml,显示页面的xml
DemoCollectionPagerAdapter.java,viewpager的数据填充adapter
DemoObjectFragment.java,数字显示控制页面
fragment_collection_object.xml,fragment的xml布局

/** 显示数字的Fragment
*/

    public static class DemoObjectFragment extends Fragment {

        public static final String ARG_OBJECT = "object";

        @Override
        public View onCreateView(LayoutInflater inflater, ViewGroup container,
                Bundle savedInstanceState) {
            View rootView = inflater.inflate(R.layout.fragment_collection_object, container, false);
            Bundle args = getArguments();
            ((TextView) rootView.findViewById(android.R.id.text1)).setText(
                    Integer.toString(args.getInt(ARG_OBJECT)));
            return rootView;
        }
    }

/**填充viewpager
*/

    public static class DemoCollectionPagerAdapter extends FragmentStatePagerAdapter {

        public DemoCollectionPagerAdapter(FragmentManager fm) {
            super(fm);
        }

        @Override
        public Fragment getItem(int i) {
            Fragment fragment = new DemoObjectFragment();
            Bundle args = new Bundle();
            args.putInt(DemoObjectFragment.ARG_OBJECT, i + 1); // Our object is just an integer :-P
            fragment.setArguments(args);
            return fragment;
        }

        @Override
        public int getCount() {
            //有100个子项
            return 100;
        }

        @Override
        public CharSequence getPageTitle(int position) {
            return "OBJECT " + (position + 1);
        }
    }

//主activity

public class CollectionDemoActivity extends FragmentActivity {


    DemoCollectionPagerAdapter mDemoCollectionPagerAdapter;

    ViewPager mViewPager;

    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_collection_demo);

        mDemoCollectionPagerAdapter = new DemoCollectionPagerAdapter(getSupportFragmentManager());
        mViewPager = (ViewPager) findViewById(R.id.activity_collection_demo_pager);
        mViewPager.setAdapter(mDemoCollectionPagerAdapter);

    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case android.R.id.home:
                // This is called when the Home (Up) button is pressed in the action bar.
                // Create a simple intent that starts the hierarchical parent activity and
                // use NavUtils in the Support Package to ensure proper handling of Up.
                Intent upIntent = new Intent(this, MainActivity.class);
                if (NavUtils.shouldUpRecreateTask(this, upIntent)) {
                    // This activity is not part of the application's task, so create a new task
                    // with a synthesized back stack.
                    TaskStackBuilder.from(this)
                            // If there are ancestor activities, they should be added here.
                            .addNextIntent(upIntent)
                            .startActivities();
                    finish();
                } else {
                    // This activity is part of the application's task, so simply
                    // navigate up to the hierarchical parent activity.
                    NavUtils.navigateUpTo(this, upIntent);
                }
                return true;
        }
        return super.onOptionsItemSelected(item);
    }
   }

fragment_collection_object.xml

<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/text1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:textSize="128sp"
    android:padding="32dp" />
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用 ViewPager 实现轮播图,需要遵循以下几个步骤: 1.在布局文件中添加 ViewPager 组件和指示器组件(如小圆点)。 ```xml <androidx.viewpager.widget.ViewPager android:id="@+id/viewPager" android:layout_width="match_parent" android:layout_height="200dp"/> <LinearLayout android:id="@+id/indicatorLayout" android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:gravity="center"/> ``` 2.创建适配器类,继承自 ViewPager.Adapter,并实现 getCount()、instantiateItem()、destroyItem()、isViewFromObject() 等方法。 ```java public class ViewPagerAdapter extends PagerAdapter { private Context mContext; private int[] mImageIds; public ViewPagerAdapter(Context context, int[] imageIds) { mContext = context; mImageIds = imageIds; } @Override public int getCount() { return mImageIds.length; } @Override public Object instantiateItem(ViewGroup container, int position) { ImageView imageView = new ImageView(mContext); imageView.setScaleType(ImageView.ScaleType.CENTER_CROP); imageView.setImageResource(mImageIds[position]); 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; } } ``` 3.在 Activity 或 Fragment 中设置 ViewPager 的适配器,并为其添加一个 OnPageChangeListener 监听器,用于实现指示器的更新。 ```java ViewPager viewPager = findViewById(R.id.viewPager); int[] imageIds = {R.drawable.image1, R.drawable.image2, R.drawable.image3}; ViewPagerAdapter adapter = new ViewPagerAdapter(this, imageIds); viewPager.setAdapter(adapter); LinearLayout indicatorLayout = findViewById(R.id.indicatorLayout); for (int i = 0; i < imageIds.length; i++) { ImageView imageView = new ImageView(this); imageView.setImageResource(R.drawable.indicator_normal); indicatorLayout.addView(imageView); } final int indicatorCount = indicatorLayout.getChildCount(); viewPager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() { @Override public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) { } @Override public void onPageSelected(int position) { for (int i = 0; i < indicatorCount; i++) { ImageView imageView = (ImageView) indicatorLayout.getChildAt(i); if (i == position) { imageView.setImageResource(R.drawable.indicator_selected); } else { imageView.setImageResource(R.drawable.indicator_normal); } } } @Override public void onPageScrollStateChanged(int state) { } }); ``` 这样就可以实现一个基本ViewPager 轮播图,并在指示器中显示当前页码。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值