引导页小圆点滑动

这里写图片描述
这里写图片描述
这里写图片描述

布局代码

<?xml version="1.0" encoding="utf-8"?>
<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">
    
    <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="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="12dp"
        android:gravity="center_horizontal"
        android:orientation="horizontal">

        <ImageView
            android:id="@+id/iv_one_dot"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:src="@drawable/have_dot" />

        <ImageView
            android:id="@+id/iv_two_dot"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:src="@drawable/no_dot" />

        <ImageView
            android:id="@+id/iv_three_dot"
            android:layout_width="30dp"
            android:layout_height="30dp"
            android:src="@drawable/no_dot" />
    </LinearLayout>
</RelativeLayout>


布局代码分别是一个容器viewPager和三个小圆点图片

MainActivity代码


public class MainActivity extends AppCompatActivity {

    private ViewPager viewpager;
    private View view1;
    private View view2;
    private View view3;
    private ArrayList<View> list;
    private ImageView iv_one_dot;
    private ImageView iv_two_dot;
    private ImageView iv_three_dot;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        //隐藏状态栏
        Window window = getWindow();
        int flag = WindowManager.LayoutParams.FLAG_FULLSCREEN;
        window.setFlags(flag, flag);

        setContentView(R.layout.activity_main);
		//隐藏标题栏
        ActionBar ActionBar = getSupportActionBar();
        if (ActionBar!=null){
            ActionBar.hide();
        }
      
        //初始化视图
        initView(); 
    }

    private void initView() {
        viewpager = findViewById(R.id.viewpager);
        iv_one_dot = findViewById(R.id.iv_one_dot);
        iv_two_dot = findViewById(R.id.iv_two_dot);
        iv_three_dot = findViewById(R.id.iv_three_dot);

        list = new ArrayList<>();

        /* 实例化三个引导页布局 
        这里就不粘贴布局代码了,无非就是三个布局和三个图片控件
        注:在ImageView需设置android:scaleType="fitXY" 意思是图片进行全屏填充*/ 
        view1 = View.inflate(this, R.layout.guide_one, null);
        view2 = View.inflate(this, R.layout.guide_two, null);
        view3 = View.inflate(this, R.layout.guide_three, null);
        list.add(view1);
        list.add(view2);
        list.add(view3);

        //滑动页面监听事件
        viewpager.addOnPageChangeListener(new ViewPager.OnPageChangeListener() {
            @Override
            public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

            }
            //小圆点滑动监听事件
            @Override
            public void onPageSelected(int position) {
                Log.i("MainActivity", String.valueOf(position));
                if (position==0){
                    iv_one_dot.setImageResource(R.drawable.have_dot);
                    iv_two_dot.setImageResource(R.drawable.no_dot);
                    iv_three_dot.setImageResource(R.drawable.no_dot);
                }if (position==1){
                    iv_one_dot.setImageResource(R.drawable.no_dot);
                    iv_two_dot.setImageResource(R.drawable.have_dot);
                    iv_three_dot.setImageResource(R.drawable.no_dot);
                }if (position==2){
                    iv_one_dot.setImageResource(R.drawable.no_dot);
                    iv_two_dot.setImageResource(R.drawable.no_dot);
                    iv_three_dot.setImageResource(R.drawable.have_dot);
                }
            }

            @Override
            public void onPageScrollStateChanged(int state) {

            }
        });
		//viewpager适配器
        viewpager.setAdapter(new PagerAdapter() {
            @Override
            public int getCount() {
                return list.size();
            }

            @Override
            public boolean isViewFromObject(View view, Object object) {
                return view==object;
            }

            @Override
            public Object instantiateItem(ViewGroup container, int position) {
                container.addView(list.get(position));
                return list.get(position);
            }

            @Override
            public void destroyItem(ViewGroup container, int position, Object object) {
                container.removeView(list.get(position));
            }
        });
    }
}

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值