ViewPager+Fragment（小圆点）

最新推荐文章于 2022-10-12 08:01:10 发布

原创最新推荐文章于 2022-10-12 08:01:10 发布 · 873 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#小圆点

本文介绍了一个使用Android支持库实现的多片段滑动页面应用示例。该示例通过ViewPager组件结合FragmentPagerAdapter实现了两个片段之间的切换，并且通过ImageView指示器显示当前选中的片段。代码展示了如何设置ViewPager及其监听器，以及如何根据ViewPager的位置改变指示器的状态。

package test.bwie.com.myyuekao1;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v7.app.AppCompatActivity;
import android.widget.ImageView;

import java.util.ArrayList;
import java.util.List;

public class MainActivity extends AppCompatActivity {

private ImageView[] images;
private ViewPager mVp;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    initView();


}

private void initView() {
    mVp = (ViewPager) findViewById(R.id.vp);

    ImageView i1 = (ImageView) findViewById(R.id.img1);
    ImageView i2= (ImageView) findViewById(R.id.img2);

    images  = new ImageView[]{i1,i2};
    mVp.setAdapter(new FragmentPagerAdapter(getSupportFragmentManager()) {
        @Override
        public Fragment getItem(int position) {
            Fragment f =null;

            switch (position){
                case 0:f = new Fragment1();
                    break;
                case 1:f = new Fragment2();
            }
            return f;
        }

        @Override
        public int getCount() {
            return 2;
        }
    });


    
    mVp.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
        @Override
        public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

        }

        @Override
        public void onPageSelected(int position) {
            for(int i = 0 ; i<images.length; i ++){
                if(i==position) {
                    images[i].setImageResource(R.mipmap.point_selected);
                }else{
                    images[i].setImageResource(R.mipmap.point_mormal);
                }
            }
        }

        @Override
        public void onPageScrollStateChanged(int state) {

        }
    });
}

}