安卓app欢迎页开发，动画加入

欢迎页开发

动画效果

• RotateAnimation
• ScaleAnimation
• AlphaAnimation
• AnimationSet
  // 初始化欢迎页面的动画
  private void initViews() {
  RelativeLayout rlRoot = (RelativeLayout) findViewById(R.id.rl_root);

RotateAnimation rotate = new RotateAnimation(0, 360,
      Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
      0.5f);
  rotate.setDuration(1000);// 动画执行时间
  rotate.setFillAfter(true);// 动画结束后保持最终状态

  ScaleAnimation scale = new ScaleAnimation(0, 1, 0, 1,
      Animation.RELATIVE_TO_SELF, 0.5f, Animation.RELATIVE_TO_SELF,
      0.5f);
  scale.setDuration(1000);
  scale.setFillAfter(true);

  AlphaAnimation alpha = new AlphaAnimation(0, 1);
  alpha.setDuration(2000);
  alpha.setFillAfter(true);

  AnimationSet set = new AnimationSet(false);
  set.addAnimation(rotate);
  set.addAnimation(scale);
  set.addAnimation(alpha);

  rlRoot.startAnimation(set);

}

替换logo

引导页开发

SharePreference工具类实现

记录是否要展示新手引导, 默认需要展现, 一旦用户点击开始体验按钮进入主页面时, 下次不再展现

布局页面

ViewPager + 开始体验Button + LinearLayout(位置指示器)

"开始体验"按钮效果处理

1. Button背景selector
2. 文字颜色selector

  <selector xmlns:android="http://schemas.android.com/apk/res/android">
      <item android:state_pressed="true" android:color="@android:color/black"/>
      <item android:color="@android:color/white"/>
  </selector>

  android:textColor="@drawable/txt_guide_selector"

去除标题

requestWindowFeature(Window.FEATURE_NO_TITLE);// 去除标题,必须在setContentView之前调用

ViewPager填充数据

// 初始化ViewPager的数据
private void initData() {
  int[] imageResIDs = { R.drawable.guide_1, R.drawable.guide_2,
      R.drawable.guide_3 };

  mImageList = new ArrayList<ImageView>();
  for (int i = 0; i < imageResIDs.length; i++) {
    ImageView image = new ImageView(this);
    image.setBackgroundResource(imageResIDs[i]);// 注意设置背景, 才可以填充屏幕
    mImageList.add(image);
  }
}

增加位置指示器

• 使用shape绘制选中和不选中的圆形

<?xml version="1.0" encoding="utf-8"?>
  <shape xmlns:android="http://schemas.android.com/apk/res/android"
  android:shape="oval" >
  <solid android:color="@android:color/darker_gray"/>
  </shape>

• 根据新手引导页数量动态添加圆点

View point = new View(this);
  point.setBackgroundResource(R.drawable.shape_point_default);
  LayoutParams params = new LayoutParams(10, 10);
  
  if(i!=0) {
    params.leftMargin = 10;
  }
  
  point.setLayoutParams(params);
  llPointGroup.addView(point);

• 添加红色圆点

<RelativeLayout
      android:layout_width="wrap_content"
      android:layout_height="wrap_content"
      android:layout_alignParentBottom="true"
      android:layout_centerHorizontal="true"
      android:layout_marginBottom="20dp" >

      <LinearLayout
          android:id="@+id/ll_point_group"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:orientation="horizontal" >
      </LinearLayout>

      <View
          android:id="@+id/view_red_point"
          android:layout_width="10dp"
          android:layout_height="10dp"
          android:background="@drawable/shape_point_selected" />
   </RelativeLayout>

• 计算两个圆点之间的距离

1. 视图树的解释(可以参照hierarchyviewer这个sdk工具)

  // measure -> layout -> draw
  // 获得视图树观察者, 观察当整个布局的layout时的事件
  viewRedPoint.getViewTreeObserver().addOnGlobalLayoutListener(
      new OnGlobalLayoutListener() {

        @Override
        public void onGlobalLayout() {
          //此方法只需要执行一次就可以: 把当前的监听事件从视图树中移除掉, 以后就不会在回调此事件了.
          viewRedPoint.getViewTreeObserver()
              .removeGlobalOnLayoutListener(this);

          // 点的间距 = 第1个点的左边 - 第0个点的左边;
          int width = llPointGroup.getChildAt(1).getLeft()
              - llPointGroup.getChildAt(0).getLeft();

          System.out.println("间距: " + width);
        }
      });

• ViewPager监听滑动事件, 动态设置红点位置

/**
     * 页面滑动监听
     * 
     * @params position 当前选中的位置
     * @params positionOffset 偏移百分比
     * @params positionOffsetPixels 页面偏移长度
     */
    @Override
    public void onPageScrolled(int position, float positionOffset,
        int positionOffsetPixels) {
      int leftMargin = (int) (mPointWidth * (positionOffset + position));
      // Log.d(TAG, "当前位置:" + position + ";偏移比例:" + positionOffset
      // + ";点偏移:" + leftMargin);

      RelativeLayout.LayoutParams lp = (android.widget.RelativeLayout.LayoutParams) viewRedPoint
          .getLayoutParams();
      lp.leftMargin = leftMargin;
      viewRedPoint.setLayoutParams(lp);
    }

• 处理"开始体验"按钮的显示和隐藏, 以及点击跳转页面