美文网首页Android小坑Android开发经验谈Android开发
自定义仿iOS的ActionSheet底部Dialog的样式

自定义仿iOS的ActionSheet底部Dialog的样式

作者: badc59a1a8c4 | 来源:发表于2017-08-09 00:15 被阅读112次

    1.设置dialog的style和dialog出现动画的style

     <!-- 自定义仿IOS的ActionSheet底部Dialog的样式 ,有模糊效果 -->
        <style name="ActionSheetDialogStyle" parent="@android:style/Theme.Dialog">
            <!-- 背景透明 -->
            <item name="android:windowBackground">@android:color/transparent</item>
            <item name="android:windowContentOverlay">@null</item>
            <!-- 浮于Activity之上 -->
            <item name="android:windowIsFloating">true</item>
            <!-- 边框 -->
            <item name="android:windowFrame">@null</item>
            <!-- Dialog以外的区域模糊效果 -->
            <item name="android:backgroundDimEnabled">true</item>
            <!-- 无标题 -->
            <item name="android:windowNoTitle">true</item>
            <!-- 半透明 -->
            <item name="android:windowIsTranslucent">true</item>
            <!-- Dialog进入及退出动画 -->
            <item name="android:windowAnimationStyle">@style/ActionSheetDialogAnimation</item>
        </style>
        <!-- ActionSheet进出动画 -->
        <style name="ActionSheetDialogAnimation" parent="@android:style/Animation.Dialog">
            <item name="android:windowEnterAnimation">@anim/actionsheet_dialog_in</item>
            <item name="android:windowExitAnimation">@anim/actionsheet_dialog_out</item>
        </style>
    
    actionsheet_dialog_in.xml
    <?xml version="1.0" encoding="utf-8"?>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="200"
        android:fromYDelta="100%"
        android:toYDelta="0" />
    
    actionsheet_dialog_out.xml
    <?xml version="1.0" encoding="utf-8"?>
    <translate xmlns:android="http://schemas.android.com/apk/res/android"
        android:duration="200"
        android:fromYDelta="0"
        android:toYDelta="100%" />
    

    2.继承AlertDialog定义dialog的布局参数

     // 定义Dialog布局和参数
            View contentView = getContentView(LayoutInflater.from(mContext));
            initView(contentView);
            setContentView(contentView);
            Window dialogWindow = getWindow();
            dialogWindow.setGravity(Gravity.LEFT | Gravity.BOTTOM);
            WindowManager.LayoutParams lp = dialogWindow.getAttributes();
            lp.x = 0;
            lp.y = 0;
            lp.width = WindowManager.LayoutParams.MATCH_PARENT;
            lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
            dialogWindow.setAttributes(lp);
    

    记得要返回ActionSheetDialogStyle
    3.最后就是撘布局调用

    相关文章

      网友评论

        本文标题:自定义仿iOS的ActionSheet底部Dialog的样式

        本文链接:https://www.haomeiwen.com/subject/nrzxrxtx.html