仿抖音注冊Dialog實作

今天将仿抖音注冊界面完成後接着便将注冊界面實作了，這裡利用的是Dialog實作的

效果圖

接下來介紹如何實作底部彈出Dialog

1.首先編寫動畫檔案

<!--tranlate_dialog_in.xml-->
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200"
    android:fromXDelta="0"
    android:fromYDelta="100%"
    android:toXDelta="0"
    android:toYDelta="0">
</translate>
<!--tranlate_dialog_out.xml-->
<?xml version="1.0" encoding="utf-8"?>
<translate xmlns:android="http://schemas.android.com/apk/res/android"
    android:duration="200"
    android:fromXDelta="0"
    android:fromYDelta="0"
    android:toXDelta="0"
    android:toYDelta="100%">
</translate>
           

2.編寫Dialog的style

<style name="BottomDialog" parent="@style/Base.V7.Theme.AppCompat.Light.Dialog">
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowBackground">@android:color/transparent</item>
</style>
<style name="BottomDialog.Animation" parent="Animation.AppCompat.Dialog">
    <item name="android:windowEnterAnimation">@anim/tranlate_dialog_in</item>
    <item name="android:windowExitAnimation">@anim/tranlate_dialog_out</item>
</style>
           

3.代碼中實作

Dialog bottomDialog = new Dialog(context, R.style.BottomDialog);
    bottomDialog.setContentView(contentView);
    ViewGroup.LayoutParams layoutParams = contentView.getLayoutParams();
    layoutParams.width = context.getResources().getDisplayMetrics().widthPixels;
    layoutParams.height=context.getResources().getDisplayMetrics().heightPixels;
    contentView.setLayoutParams(layoutParams);
    bottomDialog.getWindow().setGravity(Gravity.BOTTOM);
    bottomDialog.getWindow().setWindowAnimations(R.style.BottomDialog_Animation);
    bottomDialog.show();
           

個人部落格 https://myml666.github.io