先来看一下我们最终的效果图
四张图片可以左右滑动-滑到最后一张出现立即进入按钮 可以点击
1.布局
上面是ViewPager 下面是小圆点 还有一个立即进入的按钮
//ViewPager
<android.support.v4.view.ViewPager
android:id="@+id/pager"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_weight="1">
</android.support.v4.view.ViewPager>
//小圆点
<RadioGroup
android:id="@+id/radiogroup"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:gravity="center">
</RadioGroup>
<Button
android:id="@+id/btn_ljjr"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:text="立即进入"/>
2.编写代码
public class MainActivity extends AppCompatActivity {
private ViewPager pager;
private RadioGroup radiogroup;
private Button btn_ljjr;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate( savedInstanceState );
setContentView( R.layout.activity_main );
//查找控件
pager = (ViewPager)findViewById( R.id.pager );
radiogroup = (RadioGroup)findViewById( R.id.radiogroup );
btn_ljjr = (Button)findViewById( R.id.btn_ljjr );
//隐藏立即进入的按钮
btn_ljjr.setVisibility( View.GONE );
//数组--放图片4个
int arr[]={R.drawable.a111,
R.drawable.a222,
R.drawable.a333,
R.drawable.a555};
//集合
final ArrayList<ImageView> list = new ArrayList<>();
//把图片加入到集合
for (int i = 0; i < arr.length; i++) {
ImageView imageView = new ImageView( MainActivity.this );
imageView.setImageResource( arr[i] );
list.add( imageView );
}
//设置适配器
PagerAdapter pagerAdapter = new PagerAdapter( list );
pager.setAdapter( pagerAdapter );
//设置小圆点
for (int i = 0; i < arr.length; i++) {
RadioButton button = new RadioButton( MainActivity.this );
radiogroup.addView( button );
}
//给第一个按钮设置为选中
radiogroup.check( radiogroup.getChildAt( 0 ).getId() );
//小圆点的联动
pager.addOnPageChangeListener( new ViewPager.OnPageChangeListener() {
@Override
public void onPageScrolled(int i, float v, int i1) {
}
@Override
public void onPageSelected(int i) {
//给对应的按钮设置为选中
radiogroup.check( radiogroup.getChildAt( i ).getId() );
//判断立即进入的按钮何时出现
if (i==list.size()-1){
//展示立即进入的按钮
btn_ljjr.setVisibility(View.VISIBLE);
}else{
//隐藏
btn_ljjr.setVisibility( View.GONE );
}
}
@Override
public void onPageScrollStateChanged(int i) {
}
} );//小圆点的联动
//点击立即进入按钮
btn_ljjr.setOnClickListener( new View.OnClickListener() {
@Override
public void onClick(View v) {
Intent intent = new Intent( MainActivity.this, Main2Activity.class );
startActivity( intent );
}
} );//点击立即进入按钮
}
}