Android 新手引导

关于这个Demo的写法很多 我也献上一段 效果图如下

上代码

MainActivity

public class MainActivity extends Activity {

  // public List<File> Localphotos_List = new ArrayList<File>();
  private static final int[] pics = { R.drawable.guide1, R.drawable.guide2, R.drawable.guide3, R.drawable.guide4, R.drawable.guide5 };

  private ViewPager mViewPager;
  private ImageView mPage0;
  private ImageView mPage1;
  private ImageView mPage2;
  private ImageView mPage3;
  private ImageView mPage4;
  private Button start_bn;

  private boolean isFirste;

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

    // getPhotos();

    // isFirste =
    // SharedPreferencesUtils.getFirstLoginState(this.getApplicationContext());

    mViewPager = (ViewPager) findViewById(R.id.whatsnew_viewpager);
    start_bn = (Button) findViewById(R.id.start_bn);
    start_bn.setOnClickListener(new View.OnClickListener() {

      @Override
      public void onClick(View v) {

      }
    });

    mViewPager.setOnPageChangeListener(new MyOnPageChangeListener());

    mPage0 = (ImageView) findViewById(R.id.page0);
    mPage1 = (ImageView) findViewById(R.id.page1);
    mPage2 = (ImageView) findViewById(R.id.page2);
    mPage3 = (ImageView) findViewById(R.id.page3);
    mPage4 = (ImageView) findViewById(R.id.page4);

    final ArrayList<ImageView> list = new ArrayList<ImageView>();
    // 初始化引导图片列表
    for (int i = 0; i < pics.length; i++) {
      ImageView iv = new ImageView(this);
      iv.setLayoutParams(new ViewGroup.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
      iv.setImageResource(pics[i]);
      iv.setScaleType(ImageView.ScaleType.CENTER_CROP);
      list.add(iv);
    }

    /*
     * if (isFirste) { mPage3.setVisibility(View.VISIBLE); list.add(view4); }
     * else { mPage3.setVisibility(View.GONE); }
     */

    PagerAdapter adapter = new PagerAdapter() {

      @Override
      public boolean isViewFromObject(View arg0, Object arg1) {
        return arg0 == arg1;
      }

      @Override
      public int getCount() {
        return list.size();
      }

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

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

    mViewPager.setAdapter(adapter);
  }

  public class MyOnPageChangeListener implements OnPageChangeListener {

    @Override
    public void onPageScrollStateChanged(int arg0) {

    }

    @Override
    public void onPageScrolled(int arg0, float arg1, int arg2) {

    }

    @Override
    public void onPageSelected(int arg0) {
      switch (arg0) {
        case 0:
          display();
          mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
          mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));
          break;

        case 1:
          display();
          mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
          mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));
          break;

        case 2:
          display();
          mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
          mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));
          break;

        case 3:
          display();
          mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page_now));
          mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page));

/*          mPage3.setVisibility(View.GONE);
          mPage0.setVisibility(View.GONE);
          mPage1.setVisibility(View.GONE);
          mPage2.setVisibility(View.GONE);*/

          /*
           * SharedPreferencesUtils.saveFirstLoginState(Activity_WhatsNew.this.
           * getApplicationContext()); File dbFile = new
           * File(ResourceManager.DBDIR_PATH + "/userprofiledb.db"); if
           * (!dbFile.exists()) { UserProfileDB.instance().createNew(); } new
           * Handler().postDelayed(new Runnable() { public void run() {
           * startActivity(new Intent(Activity_WhatsNew.this,
           * Activity_LoginForFirst.class)); finish(); } }, 500);
           */
          break;

        case 4:
/*          mPage0.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage1.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage2.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage3.setImageDrawable(getResources().getDrawable(R.drawable.page));
          mPage4.setImageDrawable(getResources().getDrawable(R.drawable.page_now));*/
          hide();
          break;
      }
    }
  }

  private void hide() {
    mPage0.setVisibility(View.GONE);
    mPage1.setVisibility(View.GONE);
    mPage2.setVisibility(View.GONE);
    mPage3.setVisibility(View.GONE);
    mPage4.setVisibility(View.GONE);
    start_bn.setVisibility(View.VISIBLE);
  }

  private void display() {
    mPage0.setVisibility(View.VISIBLE);
    mPage1.setVisibility(View.VISIBLE);
    mPage2.setVisibility(View.VISIBLE);
    mPage3.setVisibility(View.VISIBLE);
    mPage4.setVisibility(View.VISIBLE);
    start_bn.setVisibility(View.GONE);
  }

}

activity_main

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#FFFFFF"
    android:orientation="vertical" >

    <android.support.v4.view.ViewPager
        android:id="@+id/whatsnew_viewpager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >
    </android.support.v4.view.ViewPager>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="horizontal" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="bottom"
            android:layout_marginBottom="30dp"
            android:gravity="center_horizontal" >

            <ImageView
                android:id="@+id/page0"
                android:layout_width="10dp"
                android:layout_height="10dp"
                android:background="@drawable/page_now" />

            <ImageView
                android:id="@+id/page1"
                android:layout_width="10dp"
                android:layout_height="10dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/page" />

            <ImageView
                android:id="@+id/page2"
                android:layout_width="10dp"
                android:layout_height="10dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/page" />

            <ImageView
                android:id="@+id/page3"
                android:layout_width="10dp"
                android:layout_height="10dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/page" />

            <ImageView
                android:id="@+id/page4"
                android:layout_width="10dp"
                android:layout_height="10dp"
                android:layout_marginLeft="10dp"
                android:background="@drawable/page" />
        </LinearLayout>
    </LinearLayout>

    <Button
        android:id="@+id/start_bn"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom"
        android:layout_marginBottom="40dp"
        android:layout_marginLeft="40dp"
        android:layout_marginRight="40dp"
        android:text="马上开始"
        android:visibility="gone"
        />

</FrameLayout>

Demo见github