Android自定义Dialog--DanmakuFlame弹幕发送框界面的实现

来源：互联网发布：冥王星的早餐知乎编辑：程序博客网时间：2024/06/05 10:37

做弹幕开发的时候有时候需要一个弹幕输入的界面是必不可少的;下面我们通过一个自定义Dialog快速实现这一功能,效果就像下面这样;

这种界面自己动手在xml布局里面很难搞，几乎弄不了，特别很难入手,一时也很懵逼，群里看到有人说用Dilaog来实现，就可以;果然使用Dialog很快就实现了;

思路是这样：

1,首先自定义一个Dialog ,Dialog里面包含EditText和Button

2,,实现里面的逻辑点击发送的时候界面自动弹出且不全屏，点击Dialog会消失；

封装代码如下所示：

/** * Created by shion on 2017/9/26. * 弹幕发射的Dialog */public class DanMaKuSendDialog extends Dialog implements        DialogInterface.OnShowListener,        DialogInterface.OnDismissListener,        DialogInterface.OnCancelListener {    private static final String TAG = DanMaKuSendDialog.class.getSimpleName();    /**     * @param context   上下文     * @param theme     主题样式     * @param width     Dilaog的宽度     * @param height    Dialog的高度     * @param resLayout Dialog 的布局layout资源id     * @param gravity   Dialog在Window中的方向位置     * @param animation Dialog展示和隐藏时候的动画效果     */    private DanMaKuSendDialog(Context context, int theme, int width, int height, int resLayout, int gravity, int animation) {        super(context, theme);        Window window = getWindow();        if (window != null) {            //设置布局            setContentView(resLayout);            //设置Dialog的其他属性            WindowManager.LayoutParams lp = window.getAttributes();            lp.width = width;//赋值宽度            lp.height = height;//赋值高度            lp.gravity = gravity;//赋值方位            window.setAttributes(lp);            //设置Dialog的动画效果            window.setWindowAnimations(animation);        }    }    private InputMethodManager imm;    private EditText mDialogEditText;    private TextView mDialogTextView;    public DanMaKuSendDialog(Context context) {        this(context, R.style.dialog_style_send_danmu, ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT, R.layout.dialog_edit_view, Gravity.BOTTOM, 0);        //初始化软键盘服务管理类        imm = (InputMethodManager) context.getSystemService(Context.INPUT_METHOD_SERVICE);        //设置点击Dialog外部会消失 ，下面两个设置效果会回调onCancel --onDismiss方法，我们在里面关闭一下软键盘        setCanceledOnTouchOutside(true);        //点返回键Diloag会消失        setCancelable(true);        //初始化布局UI        mDialogTextView = (TextView) findViewById(R.id.tv_send);        mDialogEditText = (EditText) findViewById(et_keywored);        // 使软键盘不全屏显示，只占用一部分屏幕,对应xml标签 android:imeOptions="flagNoExtractUi        mDialogEditText.setImeOptions(EditorInfo.IME_FLAG_NO_EXTRACT_UI);        //初始化Dialog的监听        setOnShowListener(this);        setOnDismissListener(this);        setOnCancelListener(this);    }    //Dialog出现的时候监听 ,Dialog展示的时候就弹出软键盘    @Override    public void onShow(DialogInterface dialog) {        Log.e(TAG, "----Dialog----onShow-----------");        if (mDialogEditText != null) {            mDialogEditText.post(new Runnable() {                @Override                public void run() {                    if (imm != null) {                        imm.toggleSoftInput(InputMethodManager.SHOW_IMPLICIT, 0);                    }                    try {                        Thread.sleep(60);                    } catch (InterruptedException e) {                        e.printStackTrace();                    }                }            });        }    }    //Dialog消失的时候监听    @Override    public void onDismiss(DialogInterface dialog) {        Log.e(TAG, "----Dialog----onDismiss-----------");    }    //取消Dialog的监听 取消的时候关闭软键盘    @Override    public void onCancel(DialogInterface dialog) {        Log.e(TAG, "----Dialog----onCancel-----------");        if (mDialogEditText != null) {            mDialogEditText.post(new Runnable() {                @Override                public void run() {                    if (imm != null) {                        imm.toggleSoftInput(InputMethodManager.SHOW_IMPLICIT, InputMethodManager.HIDE_NOT_ALWAYS);                    }                    try {                        Thread.sleep(60);                    } catch (InterruptedException e) {                        e.printStackTrace();                    }                }            });        }    }}

Dialog的主体style如下：

    <!--自定义Dialog的主体样式-->    <style name="dialog_style_send_danmu" parent="@android:style/Theme.Dialog">        <!--对话框无标题-->        <item name="android:windowNoTitle">true</item>        <!--对话框边框-->        <item name="android:windowFrame">@null</item>        <!--对话框是否有遮盖层-->        <item name="android:windowContentOverlay">@null</item>        <!--对话框是否透明-->        <item name="android:windowIsTranslucent">true</item>        <!--对话框是否浮动,不浮动的话，就会固定在某个位置,对话框布局里有EditText时候也不会动-->        <item name="android:windowIsFloating">true</item>        <!--Dialog是否让对话框背景变暗-->        <item name="android:backgroundDimEnabled">false</item>        <!--对话框的背景-->        <item name="android:windowBackground">@android:color/transparent</item>    </style>

当然自己也可以自定义Dialog的动画效果style：

    <!--定义Diloag的动画-->    <style name="anim_style_danmu">        <item name="android:windowEnterAnimation">@anim/dialog_danmu_in</item>        <item name="android:windowExitAnimation">@anim/dialog_danmu_out</item>    </style>

以上就是主要代码，不做解释了注释也很清楚，完整代码下载：

Android自定义Dialog--DanmakuFllame弹幕发送框界面的实现

阅读全文

0 0