弹出对话框

弹出对话框

弹窗的总结有很多,像什么七种格式的弹窗,这里只说自定义布局的弹窗

如果你想让弹窗弹出你自定义的样式来的话,只需一下几个关键步骤:

第一步:

//参数一是这个dialog属于哪个activity
//参数二:

 <!-- 对话框样式 -->
<style name="Theme.Light.Dialog" parent="android:style/Theme.Dialog">
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsFloating">true</item>
    <item name="android:windowContentOverlay">@null</item>
    <item name="android:scrollHorizontally">true</item>
    <item name="android:stateNotNeeded">true</item>
</style>

Dialog dialog = new Dialog(activity, R.style.Theme_Light_Dialog);

第二步:

//R.layout.dialog这个就是你定义的弹窗的布局

View dialogView = LayoutInflater.from(activity).inflate(R.layout.dialog,null);

第三步:

dialog.setContentView(dialogView);
dialog.show();

就是这么简单

但是这样做往往还有一个问题,就是宽度不是match而是wrap,即使我们在布局文件中定义的是match,也没用.所以我们还要动态的设置这个dialogView的宽度.
这个步骤在dialog.show()和dialog.setContentView(dialogView)之间.

ViewGroup.LayoutParams layoutParams= dialogView.getLayoutParams();
                layoutParams.width=getResources().getDisplayMetrics().widthPixels;
                dialogView.setLayoutParams(layoutParams);

弹出对话框还可以通过 下面这种方式实现

public class ChooseNameDialog extends Dialog implements View.OnClickListener{

    private IChooseComplete listener;
    private String result ;
    private Context context;

    public ChooseNameDialog(@NonNull Context context,IChooseComplete listener) {
        super(context, R.style.BottomDialog2);
        this.listener = listener;
        this.context = context;
    }
    @Override
    public void show() {
        super.show();
        /**
         * 设置宽度全屏,要设置在show的后面
         */
        WindowManager.LayoutParams layoutParams = getWindow().getAttributes();
        layoutParams.gravity= Gravity.CENTER;
        layoutParams.width= WindowManager.LayoutParams.MATCH_PARENT;
        layoutParams.height= WindowManager.LayoutParams.WRAP_CONTENT;

        getWindow().getDecorView().setPadding(0, 0, 0, 0);

        getWindow().setAttributes(layoutParams);

    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.dialog_name_layout);

}

说明,有的时候希望弹出对话框之后也弹出软键盘,这时可以设置style,

 <style name="BottomDialog2" parent="@style/Theme.AppCompat.Dialog">
        <item name="android:windowBackground">@android:color/transparent</item>
        <item name="android:windowNoTitle">true</item>
        <item name="android:windowIsFloating">true</item>
        <item name="android:windowContentOverlay">@null</item>
        <item name="android:scrollHorizontally">true</item>
        <item name="android:stateNotNeeded">true</item>
        <item name="android:windowSoftInputMode">stateAlwaysVisible|adjustResize</item>//这个可以保证软键盘在任何时候都能弹出
    </style>
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在HTML中,可以使用JavaScript的`alert()`函数来创建一个弹出对话框。`alert()`函数会在浏览器中显示一个带有消息内容的对话框,直到用户关闭它为止。 以下是一个简单的示例: ```html <button onclick="alert('这是一个弹出对话框!')">点击我</button> ``` 当用户点击上面的按钮时,就会弹出一个对话框,显示消息“这是一个弹出对话框!”。 然而,这种方式并不是最佳的网页交互方式,因为它会打断用户的操作流程,而且通常不会提供用户反馈。在现代的网页设计中,更常见的是使用CSS和JavaScript来创建自定义的弹出对话框。 例如,你可以使用CSS来设置对话框的样式,然后用JavaScript来控制对话框的显示和隐藏。下面是一个简单的示例: ```html <div id="dialog" style="display: none;">这是一个对话框</div> <script> // 显示对话框 function showDialog() { document.getElementById("dialog").style.display = "block"; } </script> <button onclick="showDialog()">点击我</button> ``` 在这个示例中,当用户点击按钮时,会调用`showDialog()`函数,这个函数会改变`dialog`元素的`display`属性,使其从默认的"none"变为"block",从而显示对话框。 以上就是一些基本的HTML弹出对话框的介绍。在实际应用中,你可能还需要考虑更多的因素,比如如何处理不同的浏览器兼容性问题,如何使用Ajax等技术来实现更复杂的交互等等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值