1)创建一个简单的对话框

            

                    

 

 

 

1)MFC一共有四类消息:

        标准消息

        系统消息

        控件/通知

        用户自定义消息  

2)前面学了  标准消息    系统消息和用户自定义消息  ,现在学习 控件/通知 消息     

3)下面是基本步骤:
    

        

 

4) 然后  我们运行  看基本的对话框的样子:
      

        

5)然后  我们可以修改这个对话框的样子,其实改变很简单的,可以添加按键和 别的其他东西。

        

        

6)出来很多的 工具:
  

        

 

7)然后 我们可以直接拖拽  就可以  往我们的对话框中添加

  

        

 

8)当前运行这个窗口的样子:

         

 

9)对话框  分为:

  

 

        对话框有两类:模态对话框和非模态对话框。

              模态对话框在应用继续进行之前必须关闭。

              非模态对话框允许用户执行另外的操作而不必取消或删除该对话框。

 

10)添加一个按键,只要我一点击这个按键  就会蹦出一个 模态的对话框

  

        

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        然后就修改成功了:

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~··

        然后就出来了一个函数

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        

 

     除了这里变化  其实还有地方变化的

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        

 

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        首先添加一个新的对话框

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

         

 


  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

          

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

          

 

  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

            

 

  ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

            

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

            

 

 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

            

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

            

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~·

            

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

        结果展示:
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

            

 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

            

 

转载于:https://www.cnblogs.com/xiaoyoucai/p/8337490.html

创建一个自定义对话框(dialog)通常是通过前端框架或者使用HTML5新增的`<dialog>`元素。以下是两个简单示例: **1. 使用jQuery UI Dialog (非HTML5)** ```javascript $(document).ready(function() { $("#my-dialog").dialog({ title: "我的对话框", width: 400, height: 200, modal: true, // 遮罩层 resizable: false, // 阻止调整大小 buttons: { // 按钮配置 "OK": function() { $(this).dialog("close"); }, "Cancel": function() { $(this).dialog("close"); } } }); }); ``` 在这个例子中,你需要先在HTML中添加一个ID为"my-dialog"的div作为内容区域。 **2. HTML5 `<dialog>`元素** ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>对话框示例</title> <style> dialog { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } </style> </head> <body> <button id="open-dialog">打开对话框</button> <dialog id="custom-dialog"> <h1>这是一个定制对话框</h1> <p>请输入文字:</p> <input type="text"> <button>提交</button> </dialog> <script> document.querySelector('#open-dialog').addEventListener('click', function() { document.querySelector('#custom-dialog').showModal(); }); </script> </body> </html> ``` 在这个例子中,当你点击"打开对话框"按钮时,`<dialog>`会显示出来,并且可以接受用户输入。 请注意,由于跨域限制和浏览器兼容性问题,`<dialog>`在所有现代浏览器中都有一定的限制。在实际应用中,可能需要借助JavaScript库(如jQuery UI、SweetAlert2等)来更好地实现对话框效果。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值