Android实现dialog的3D翻转示例

概述本文实现了Android中dialog的3D翻转效果。这里通过一个简单的应用场景记录下。

本文实现了AndroID中dialog的3D翻转效果。这里通过一个简单的应用场景记录下。

效果图

起初自己的思路是Activity进行界面跳转实现旋转效果，网上看了很多，写下来发现效果不对。之后又看到Google上面的Card FlID Animation效果是这样的。

看着确实不错，然而拿下来demo放慢翻转速度后发现，不是我想要的。但是跟我看到的一个app里面的效果一样

然后想改成dialog试试效果，发现更是不行了。

Card FlID Animation效果如下：

这个是通过Activity来切换Fragment实现的，可以看到区别是翻转时候貌似会变大，其实没用，只是翻转后的视觉问题。

听说openGl比较麻烦，并且没有用过。然后就搜了下Rotate3DAnimaitons。

搜到了这篇文章https://www.oudahe.com/p/24513/

所以这篇文章里的实现方法不是我的原创，是参考人家的。在这里感谢这位大神。

不过他这个是activity里的，我就想要一个dialog效果，因为电脑上TIM的打开红包这个3D效果看着不错，其实大同小异，就拿过来改成Dialog。

对于Rotate3DAnimaitons这篇文章已经很详细了，有需要的可以参考下。

这里也贴下Rotate3dAnimation 的代码

简单加了两行注释

/** * An animation that rotates the vIEw on the Y axis between two specifIEd angles. * This animation also adds a translation on the Z axis (depth) to improve the effect. */public class Rotate3dAnimation extends Animation {  private final float mFromdegrees;  private final float mTodegrees;  private final float mCenterX;  private final float mCenterY;  private final float mDepthZ;  private final boolean mReverse;  private Camera mCamera;  /**   * Creates a new 3D rotation on the Y axis. The rotation is defined by its   * start angle and its end angle. Both angles are in degrees. The rotation   * is performed around a center point on the 2D space,definIEd by a pair   * of X and Y coordinates,called centerX and centerY. When the animation   * starts,a translation on the Z axis (depth) is performed. The length   * of the translation can be specifIEd,as well as whether the translation   * should be reversed in time.   *   * @param fromdegrees the start angle of the 3D rotation //起始角度   * @param todegrees the end angle of the 3D rotation //结束角度   * @param centerX the X center of the 3D rotation //x中轴线   * @param centerY the Y center of the 3D rotation //y中轴线   * @param reverse true if the translation should be reversed,false otherwise//是否反转   */  public Rotate3dAnimation(float fromdegrees,float todegrees,float centerX,float centerY,float depthZ,boolean reverse) {    mFromdegrees = fromdegrees;    mTodegrees = todegrees;    mCenterX = centerX;    mCenterY = centerY;    mDepthZ = depthZ;//Z轴移动的距离，这个来影响视觉效果，可以解决flip animation那个给人看似放大的效果    mReverse = reverse;  }  @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) {    final float fromdegrees = mFromdegrees;    float degrees = fromdegrees + ((mTodegrees - fromdegrees) * interpolatedTime);    final float centerX = mCenterX;    final float centerY = mCenterY;    final Camera camera = mCamera;    final Matrix matrix = t.getMatrix();    Log.i("interpolatedTime",interpolatedTime+"");    camera.save();    if (mReverse) {      camera.translate(0.0f,0.0f,mDepthZ * interpolatedTime);    } else {      camera.translate(0.0f,mDepthZ * (1.0f - interpolatedTime));    }    camera.rotateY(degrees);    camera.getMatrix(matrix);    camera.restore();    matrix.preTranslate(-centerX,-centerY);    matrix.postTranslate(centerX,centerY);  }}

dialog实现3D翻转代码，

说明：动画部分的代码是拿的搜的的那篇文章的

public class MyDialog extends Dialog {  @BindVIEw(R.ID.et_user_name)  EditText etUsername;  @BindVIEw(R.ID.et_password)  EditText etPassword;  @BindVIEw(R.ID.cb_auto_login)  CheckBox cbautoLogin;  @BindVIEw(R.ID.tv_forget_pwd)  TextVIEw tvForgetPwd;  @BindVIEw(R.ID.ll_content)  linearLayout llContent;  @BindVIEw(R.ID.et_email)  EditText etEmail;  @BindVIEw(R.ID.btn_back)  button btnBack;  @BindVIEw(R.ID.container)  relativeLayout container;  private Context context;  @BindVIEw(R.ID.ll_register)  linearLayout llRegister;  //接口回调传递参数  private OnClickListenerInterface mListener;  private VIEw vIEw;//  private String strContent;  private int centerX;  private int centerY;  private int depthZ = 700;//修改此处可以改变距离来达到你满意的效果  private int duration = 300;//动画时间  private Rotate3dAnimation openAnimation;  private Rotate3dAnimation closeAnimation;  private boolean isOpen = false;  public interface OnClickListenerInterface {    /**     * 确认,*/    voID doConfirm();    /**     * 取消     *///    public voID doCancel();  }  public MyDialog(Context context) {    super(context);    this.context = context;  }  public MyDialog(Context context,String content) {    super(context);    this.context = context;    this.strContent = content;  }  @OverrIDe  protected voID onCreate(Bundle savedInstanceState) {    super.onCreate(savedInstanceState);    //去掉系统的黑色矩形边框    getwindow().setBackgroundDrawableResource(androID.R.color.transparent);    requestwindowFeature(Window.FEATURE_NO_Title);    init();  }  public voID init() {    LayoutInflater inflater = LayoutInflater.from(context);    vIEw = inflater.inflate(R.layout.dialog_my,null);    setContentVIEw(vIEw);    ButterKnife.bind(this);    etPassword.setTypeface(Typeface.DEFAulT);    etPassword.settransformationMethod(new PasswordtransformationMethod());    tvForgetPwd.setonClickListener(new OnWidgetClickListener());    btnBack.setonClickListener(new OnWidgetClickListener());    Window dialogWindow = getwindow();    WindowManager.LayoutParams lp = dialogWindow.getAttributes();    displayMetrics d = context.getResources().getdisplayMetrics(); // 获取屏幕宽、高用    lp.wIDth = (int) (d.wIDthPixels * 0.8); // 宽度设置为屏幕的0.8    lp.height = (int) (d.heightPixels * 0.6); // 高度设置为屏幕的0.6    dialogWindow.setAttributes(lp);    setCanceledOntouchOutsIDe(false);    setCancelable(true);  }  public voID setClickListener(OnClickListenerInterface clickListenerInterface) {    this.mListener = clickListenerInterface;  }  private class OnWidgetClickListener implements VIEw.OnClickListener {    @OverrIDe    public voID onClick(VIEw v) {      int ID = v.getID();      switch (ID) {        case R.ID.tv_forget_pwd:          startAnimation();          break;        case R.ID.btn_back:          startAnimation();          break;      }    }  }  private voID startAnimation() {    //接口回调传递参数    centerX = container.getWIDth() / 2;    centerY = container.getHeight() / 2;    if (openAnimation == null) {      initopenAnim();      initCloseAnim();    }    //用作判断当前点击事件发生时动画是否正在执行    if (openAnimation.hasstarted() && !openAnimation.hasEnded()) {      return;    }    if (closeAnimation.hasstarted() && !closeAnimation.hasEnded()) {      return;    }    //判断动画执行    if (isOpen) {      container.startAnimation(openAnimation);    } else {      container.startAnimation(closeAnimation);    }    isOpen = !isOpen;  }  /**   *注意旋转角度   */  private voID initopenAnim() {    //从0到90度，顺时针旋转视图，此时reverse参数为true，达到90度时动画结束时视图变得不可见，    openAnimation = new Rotate3dAnimation(0,90,centerX,centerY,depthZ,true);    openAnimation.setDuration(duration);    openAnimation.setFillAfter(true);    openAnimation.setInterpolator(new AccelerateInterpolator());    openAnimation.setAnimationListener(new Animation.AnimationListener() {      @OverrIDe      public voID onAnimationStart(Animation animation) {      }      @OverrIDe      public voID onAnimationRepeat(Animation animation) {      }      @OverrIDe      public voID onAnimationEnd(Animation animation) {        llRegister.setVisibility(VIEw.GONE);        llContent.setVisibility(VIEw.VISIBLE);        //从270到360度，顺时针旋转视图，此时reverse参数为false，达到360度动画结束时视图变得可见        Rotate3dAnimation rotateAnimation = new Rotate3dAnimation(270,360,false);        rotateAnimation.setDuration(duration);        rotateAnimation.setFillAfter(true);        rotateAnimation.setInterpolator(new DecelerateInterpolator());        container.startAnimation(rotateAnimation);      }    });  }    private voID initCloseAnim() {    closeAnimation = new Rotate3dAnimation(360,270,true);    closeAnimation.setDuration(duration);    closeAnimation.setFillAfter(true);    closeAnimation.setInterpolator(new AccelerateInterpolator());    closeAnimation.setAnimationListener(new Animation.AnimationListener() {      @OverrIDe      public voID onAnimationStart(Animation animation) {      }      @OverrIDe      public voID onAnimationRepeat(Animation animation) {      }      @OverrIDe      public voID onAnimationEnd(Animation animation) {        llRegister.setVisibility(VIEw.VISIBLE);        llContent.setVisibility(VIEw.GONE);        Rotate3dAnimation rotateAnimation = new Rotate3dAnimation(90,false);        rotateAnimation.setDuration(duration);        rotateAnimation.setFillAfter(true);        rotateAnimation.setInterpolator(new DecelerateInterpolator());        container.startAnimation(rotateAnimation);      }    });  }}

Demo下载

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持编程小技巧。

总结

以上是内存溢出为你收集整理的Android实现dialog的3D翻转示例全部内容，希望文章能够帮你解决Android实现dialog的3D翻转示例所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。