高仿微信-微信EM开发流程--（2）自定义对话框

在开发项目中，经常遇到这种提示性的对话框，当时系统自有提供的对话框就显得太不美观了。所以，为了界面的美观，也为了代码的简洁性，可以自己封装一个





（1）首先分析对话框的整体样式，可以看到，对话框有很多样式，底部按钮数量都不确定，但是都有一个共同的特点，就是外部总体样式是相同的，只不过，标题与提示文字，还有按钮不一样，记得在我的前几篇博客说过，有共同点的话，那么就先抽取他们的共同点，不同点的话就使用抽象方法，让各子类去各自实现，所以第一步是新建这些对话框的父类BaseDialog；

public class BaseDialog extends Dialog implements View.OnClickListener

BaseDialog继承Dialog，布局如上图，大体分为三个部分，标题部分，内容区域和按钮区域，其中横线上方是标题部分，下方为内容区域，按钮部分暂时先隐藏起来，便于以后调用，整个类中要实现的方法也很简单，只要提供给外界能够修改三个区域内容的方法即可。

（2）新建WarnTipDialog继承BaseDialog去实现提示性对话框

public class WarnTipDialog extends BaseDialog implements View.OnClickListener

在类中提供设置内容的方法，就完成了，以后可以直接new WarnTipDialog 就可以轻轻松松完成一个对话框。

（3）有时候，我们需要的不仅仅是提示性的对话框，比如我们在登录时，需要新开一个现场去加载某些信息，这是耗时操作，此时，主线程的UI应该显示正在加载的页面，让用户有更好的用户体验，就像下图这样，其中左边是一个不断例外翻转的图片，右边文字是可以设置的。





新建一个FlippingLoadingDialog继承自BaseDialog，这里面有个我认为比较难的点，就是左边不断里外翻转的图片，这是一个自定义ImageView，不用想，当然要使用动画，

这里，我自定义了一个翻转动画，

public class RotateAnimation extends Animation {

private Camera mCamera;
private float mCenterX;
private float mCenterY;
private Mode mMode;

public RotateAnimation(float centerX, float centerY, Mode mode) {
mCenterX = centerX;
mCenterY = centerY;
mMode = mode;
}

@Override
public void initialize(int width, int height, int parentWidth,
int parentHeight) {
super.initialize(width, height, parentWidth, parentHeight);
mCamera = new Camera();
}

@Override
protected void applyTransformation(float interpolatedTime, Transformation t) {
float deg = 0.0F + 360.0F * interpolatedTime;
Matrix matrix = t.getMatrix();
mCamera.save();
if (mMode == Mode.X)
mCamera.rotateX(deg);
if (mMode == Mode.Y)
mCamera.rotateY(deg);
if (mMode == Mode.Z)
mCamera.rotateZ(deg);

mCamera.getMatrix(matrix);
mCamera.restore();
matrix.preTranslate(-mCenterX, -mCenterY);
matrix.postTranslate(mCenterX, mCenterY);

}

public enum Mode {
X, Y, Z;
}
}

applyTransformation()方法就是动画具体的实现，系统会以一个比较高的频率来调用这个方法，一般情况下60FPS，是一个非常流畅的画面了，也就是16ms，其中Camera可不是照相机，这里的Camera是 android.graphics包下的Camera，可以理解为2D图形系统中的视角，或者照相机的机位，根据透视的原理我们可以实现一些简单的3D效果。

有了这个自定义ImageView，再实现加载框的功能就比较容易了，以后在项目中遇到在后台耗时操作，就可以在主UI上去使用这个加载框。