布局代码
<?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));
}
});
}
}