如何使用Android实现渐变启动页和带有指示器的引导页

发布时间:2021-09-27 11:17:29 作者:小新
来源:亿速云 阅读:144

小编给大家分享一下如何使用Android实现渐变启动页和带有指示器的引导页,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!

实现步骤:

1.首先我们做个有渐变动画的启动页面SplashActivity

在onCreate里设置核心方法setAlphaAnimation()

public void setAlphaAnimation(){   //生成AlphaAnimation的对象   AlphaAnimation animation= new AlphaAnimation(this);   //设置动画的持续时间   animation.setDuration(3000);   //给要渐变的控件设置动画,比如说imageview,textview,linearLayout之类的   ll.setAnimation(animation);   //设置动画监听,结束时跳转到下一个页面(首次打开就是引导页面,反之就是主页)   animation.setAnimationListener(new Animation.AnimationListener(){      public void onAnimationStart(Animation animation){ }      public void onAnimationEnd(Animation animation){          jump2Activity();            }      public void onAnimationRepeat(Animation animation){ }   });}

分析一下这个跳转方法jump2Activity(),我们这里使用SharedPeference来判断应用是否首次打开,设变量isFirst默认值为0,进入引导页跳转到主页时再把这个值设为1,这样,每次跳转时判断isFirst的值,如果仍是默认值0则为首次打开进入引导页,反之进入主页。

public void jump2Activity(){  SharedPreferences sharedPreference= getSharedPreferences("data", MODE_PRIVATE);  String isFirst= sharedPreferences.getString("isFirst", "0");  Intent intent= new Intent();    if("0".equals(isFirst)){    intent.setClass(this, GuideActivity.class);  }else{    intent.setClass(this. MainActivity.class);  }  startActivity(intent);  finish();}

2.接下来我们做引导页面

引导页面是由三个控件组成,Viewpager,圆点指示器的线性布局linearlayout,最后一页的 “进入应用”按钮。

<?xml version="1.0" encoding="utf-8"?><RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent">  <android.support.v4.view.ViewPager  android:id="@+id/guide_vp"  android:layout_width="match_parent"  android:layout_height="match_parent" />  <LinearLayout  android:id="@+id/guide_ll"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:layout_alignParentBottom="true"  android:layout_centerHorizontal="true"  android:layout_marginBottom="100dp"  android:orientation="horizontal" />  <Button  android:id="@+id/guide_btn"  android:layout_width="wrap_content"  android:layout_height="wrap_content"  android:layout_above="@id/guide_ll"  android:layout_centerHorizontal="true"  android:text="进入应用"  android:layout_marginBottom="10dp"  android:visibility="gone"/> </RelativeLayout>

在GuideActivity中,首先初始化引导图片

/** * 初始化图片 */private void initImgs() { ViewPager.LayoutParams params= new ViewPager.LayoutParams(); imageViews= new ArrayList<ImageView>(); for (int i= 0; i< imgs.length; i++){  ImageView imageView= new ImageView(this);  imageView.setLayoutParams(params);  imageView.setImageResource(imgs[i]);  imageView.setScaleType(ImageView.ScaleType.FIT_XY);  imageViews.add(imageView); }}

初始化底部圆点指示器,这里值得一提的是我们给各圆点设置相应的点击事件,当点击某个位置的圆点时,viewpager自动切换到相应位置的图片,不过实际应用中这里实用性不是很大,因为圆点太小,可触摸范围有限,点击事件不太好触发。

/** * 初始化底部圆点指示器 */private void initDots() { LinearLayout layout= findViewById(R.id.guide_ll); LinearLayout.LayoutParams params= new LinearLayout.LayoutParams(20, 20); params.setMargins(10, 0, 10, 0); dotViews= new ImageView[imgs.length]; for (int i= 0; i< imageViews.size(); i++){  ImageView imageView= new ImageView(this);  imageView.setLayoutParams(params);  imageView.setImageResource(R.drawable.dotselector);  if (i== 0){   imageView.setSelected(true);  }else{   imageView.setSelected(false);  }  dotViews[i]= imageView;  final int finalI = i;  dotViews[i].setOnClickListener(new View.OnClickListener() {   @Override   public void onClick(View view) {    vp.setCurrentItem(finalI);   }  });  layout.addView(imageView); }}

设置viewpager的滑动事件

vp.addOnPageChangeListener(this);

生成三个方法,我们主要在onPageSelected()方法中做操作,当某个位置的圆点被选中时,显示选中后的图片,其余圆点显示未选中的图片,这里主要应用selector控制器,至于相应的选中未选中圆点图片需要大家去找。当滑动到最后一个页面时,将 "进入应用"的按钮显示,反之隐藏。

@Overridepublic void onPageScrolled(int i, float v, int i1) {} @Override public void onPageScrollStateChanged(int i) {} @Overridepublic void onPageSelected(int arg0) { for (int i= 0; i< dotViews.length; i++){  if (arg0== i){   dotViews[i].setSelected(true);  }else {   dotViews[i].setSelected(false);  }   if (arg0== dotViews.length- 1){   btn.setVisibility(View.VISIBLE);  }else {   btn.setVisibility(View.GONE);  } }}

dotSelector.xml

<?xml version="1.0" encoding="utf-8"?><selector xmlns:android="http://schemas.android.com/apk/res/android"> <item android:drawable="@drawable/focus_on" android:state_selected="true"/> <item android:drawable="@drawable/focus_nomal" android:state_selected="false"/></selector>

在最后一个页面点击 "进入应用"按钮跳转到主页时,将缓存中的isFirst数据改为1,以后打开应用则不会再进入引导页面了。

@Overridepublic void onClick(View view) { switch (view.getId()){  case R.id.guide_btn:   setisFirst();   Intent intent= new Intent(GuideActivity.this, MainActivity.class);   startActivity(intent);   finish();   break; }}/** * 改变首次打开的状态 */private void setisFirst() { SharedPreferences.Editor editor= getSharedPreferences("data", MODE_PRIVATE).edit(); editor.putString("isFirst", "1"); editor.commit();}

看完了这篇文章,相信你对“如何使用Android实现渐变启动页和带有指示器的引导页”有了一定的了解,如果想了解更多相关知识,欢迎关注亿速云行业资讯频道,感谢各位的阅读!

推荐阅读:
  1. Android实现渐变启动页和带有指示器的引导页
  2. Android如何实现带有指示器的自定义底部导航栏

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

android

上一篇:如何在Linux系统中使用Bzip2/Bunzip2处理压缩文件

下一篇:如何在Linux中使用Gzip压缩和解压文件

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》