在开发项目中,经常遇到这种提示性的对话框,当时系统自有提供的对话框就显得太不美观了。所以,为了界面的美观,也为了代码的简洁性,可以自己封装一个
(1)首先分析对话框的整体样式,可以看到,对话框有很多样式,底部按钮数量都不确定,但是都有一个共同的特点,就是外部总体样式是相同的,只不过,标题与提示文字,还有按钮不一样,记得在我的前几篇博客说过,有共同点的话,那么就先抽取他们的共同点,不同点的话就使用抽象方法,让各子类去各自实现,所以第一步是新建这些对话框的父类BaseDialog;
public class BaseDialog extends Dialog implements View.OnClickListenerBaseDialog继承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上去使用这个加载框。