Loading [MathJax]/jax/output/CommonHTML/config.js

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >WPF中的非模态浮动对话框

问WPF中的非模态浮动对话框
EN

Stack Overflow用户

提问于 2009-05-27 04:33:11

回答 1查看 9.5K关注 0票数 7

我想创建一个UI序列，用户点击一个按钮，它会弹出一个小面板，下面有一个按钮和一个文本框，可能还有一个小的项目列表。该对话框是非模式的，更重要的是，当您单击主窗口中的其他位置时，该对话框就会消失。

例如，当你点击Internet Explorer7中的“收藏夹”星形图标，或者在Firefox中点击两次地址栏中的星形图标时，就会弹出书签编辑器对话框。

要做到这一点，最干净的方法是什么？

当一个按钮被点击时，我是否应该使用一个UserControl并绝对确定它的位置？如果是这样，当用户单击其他地方时，我如何隐藏它？

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2009-05-27 05:07:30

我想说做你想做的事情最干净的方法就是使用Popup。Popup类显示一个浮动在屏幕上其他元素上方的元素，但它是非模式的，并且可以配置为在用户离开它时消失-非常适合于非模式对话框。Popup类具有一些属性，这些属性允许您控制它相对于另一个控件(在本例中是您希望用户按下以打开弹出窗口的按钮)的显示位置。

下面是一个全XAML的示例：

<Grid>
    <ToggleButton HorizontalAlignment="Center" VerticalAlignment="Top" 
                  x:Name="PopButton" Content="Pop"/>
    <Popup Placement="Bottom" PlacementTarget="{Binding ElementName=PopButton}" StaysOpen="False" 
           IsOpen="{Binding ElementName=PopButton, Path=IsChecked, Mode=TwoWay}">
        <Rectangle Height="100" Width="200" Fill="Blue"/>
    </Popup>
</Grid>

您还可以使用命令或事件处理程序从代码打开/关闭弹出窗口。

Placement和PlacementTarget属性设置弹出式窗口的显示位置，以及弹出式窗口将相对于哪个控件显示(还有其他一些选项可以让弹出式窗口相对于当前位置和鼠标显示)。将StaysOpen设置为False将使WPF在用户单击弹出窗口时自动关闭该弹出窗口。

默认情况下，弹出窗口没有自己的样式-它只是一个浮动内容的容器-所以你必须根据需要设置它的样式，使其看起来像你的窗口chrome/工具栏/等等。

票数 13

EN

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/915475

复制

相关文章

[MFC]模态与非模态对话框

编程算法 jquery ui 网站

当模态对话框显示时，程序会暂停执行，直到关闭这个模态对话框之后，才能执行程序中的其他任务。

祥知道

2020/03/10

1.6K0

Qt模态对话框和非模态对话框

Qt 中使用QDialog类实现对话框。我们的对话框通常继承自QDialog。对话框分为模态对话框和非模态对话框。所谓模态对话框，就是会阻塞同一应用程序中其它窗口的输入。Qt使用QDialog::exec()来实现模态对话框。如下所示：

zy010101

2020/04/10

3.5K0

mfc 创建模态对话框与非模态对话框

dialog mfc 对象函数继承

所谓模态对话框就是该对话框被创建后，其父窗口不能响应任何消息，无法操作，只有在关闭了新创建出来的窗口后才能继续操作其后面的父窗口。而非模态对话框则不会有这种情况，非模态对话框创建完成后不影响父窗口的操作，两个窗口可以同时响应消息。

我与梦想有个约会

2023/10/20

3920

mfc 创建模态对话框与非模态对话框

8.QT-对话框(模态与非模态)

对话框介绍对话框是于用户进行简易交互的顶层窗口 QDialog是Qt中所有对话框窗口的父类,是一种容器类型的组件 QDialog继承于QWidget类,如下图所示: QWidget和QDialog有

诺谦

2018/05/28

2K0

PyQt5 非模态对话框(apply 型)

如果希望用户可以重复更改对话框中的参数并能马上看到修改结果，那么就要使用非模态对话框，这样用户就可以按照他们喜欢的方式来持续不断地修改数据并验证修改的结果了。

用户6021899

2019/08/13

1.3K0

PyQt5 非模态对话框(live 型)

qt bash bash 指令

本篇介绍非模态“实时”（live）对话框。与上一篇讲的”apply型“非模态对话框的区别是，非模态“实时”（live）对话框没有任何按钮，且所做的任何改变会自动、即刻得到应用。

用户6021899

2019/08/14

1.6K0

PyQt5 模态对话框

所谓的模态对话框是指，一旦调用该对话框，它就会成为应用程序唯一能与用户进行交互的部件。在关闭对话框之前，用户都不能使用应用程序的其他部件。模态对话框是最简单的，因为会阻塞与对话框的父窗口及父窗口的兄弟窗口之间的其他任何交互，所以可降低对那些正在使用的数据在后台被修改的风险。模态对话框的缺点是用户不能实时地看到修改效果。

用户6021899

2019/08/13

2.4K0

QT从控件部分知识点整理

qt editor 拖拽

2.设置可以停靠的区域，例如:只能停靠在左和右 3.设置工具栏是否可以浮动,即工具栏要么停靠在左边，要么停靠在右边，一撒手就立刻回去了 4.设置移动:如果传入一个false,则表示该工具栏无法拖拽移动

大忽悠爱学习

2021/11/15

1.1K0

bootstrap bootstrap-modal.js 模态对话框

网站 jquery ui html

<!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控股</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet" type="text/css"> <script src="http://code.jquery.com/jquery.js"></script> <script src="js/bootstrap.min.js"></script> </head> <body> <button type="button" class="btn btn-danger" data-toggle="modal" data-target=".ex-modal-lg">大模态框</button> <div class="modal fade ex-modal-lg" tabindex="-1" role="dialog" aria-labelledby="largerModal"> <div class="modal-dialog modal-lg" role="document"> <div class="modal-content"> <div class="modal-header">larger modal header</div> <div class="modal-body"> <img src="img/img.jpg" style="padding: 5px;"> larger modal body</div> <div class="modal-footer">larger modal footer</div> </div> </div> </div> <button type="button" class="btn btn-primary" data-toggle="modal" data-target=".ex-modal-sm">小模态框</button> <div class="modal ex-modal-sm" tabindex="-1" role="dialog" aria-labelledby="smallmodal"> <div class="modal-dialog modal-sm" role="document"> <div class="modal-content"> <div class="modal-header">small modal header</div> <div class="modal-body"> <img src="img/img.jpg" style="padding: 5px;"> small modal body</div> <div class="modal-footer">small modal footer</div> </div> </div> </div> </body> </html>

用户5760343

2019/07/07

3.2K0

模态对话框-B 类产品设计细节：对话框 vs 抽屉

com dialog gmail icon jira

说明：对话框和抽屉都是在当前页面之上覆盖出现的组件，让用户在不离开主路径的情况下，查看信息/提示/反馈，或快速执行某些的操作。两者的交互模式有类似之处，使用场景也有所重叠。本文对两个组件的主要差别进行了对比，并提供方法帮助大家快速判断应该选择哪一个。

宜轩

2022/12/29

1.8K0

一个WPF开发的打印对话框-PrintDialogX

网站 jquery ui https 网络安全 github

今天介绍一个WPF开发的打印对话框开源项目-PrintDialogX[1]，该开源项目由《WPF开源项目：AIStudio.Wpf.AClient》[2]作者推荐。

沙漠尽头的狼

2022/06/10

5860

一个WPF开发的打印对话框-PrintDialogX

CSS中的浮动和清除浮动，梳理一下！

从业三年，项目无数，现在回过头来，想要把一些重要的知识用白话整理出来：这个东西是什么？怎样才是最佳实践？希望对自己知识体系有梳理作用，也希望对大家有些许帮助。前端技术栈更新太快，眼花缭乱，大家一个劲揽过来学习的时候，别忘了回头看看那些已经掌握的基础知识。第一篇就整理整理CSS中很常见的浮动以及清除浮动的一些方式吧。浮动到底是什么？浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。请默念3次！浮动最初设计的目的并没那么多事儿，就只是用来实现文字环绕效果而已，

用户1667431

2018/04/18

1.7K0

CSS中的浮动和清除浮动，梳理一下！

VS2010/MFC编程（对话框：模态对话框及其弹出过程）

讲讲什么是模态对话框和非模态对话框，以及模态对话框怎样弹出。　　　一.模态对话框和非模态对话框 Windows对话框分为两类：模态对话框和非模态对话框。模态对话框是这样的对话框，当它弹出后，本应用程序其他窗口将不再接受用户输入，只有该对话框响应用户输入，在对它进行相应操作退出后，其他窗口才能继续与用户交互。非模态对话框则是，它弹出后，本程序其他窗口仍能响应用户输入。非模态对话框一般用来显示提示信息等。大家对Windows系统很了解，相信这两种对

互联网金融打杂

2018/04/03

2.9K0

VS2010/MFC编程（对话框：模态对话框及其弹出过程）

学习WPF——了解WPF中的XAML

XAML的简单说明 XAML是用于实例化.NET对象的标记语言，主要用于构建WPF的用户界面 XAML中的每一个元素都映射为.NET类的一个实例，例如<Button>映射为WPF的Button对象 XAML可以在一个元素中嵌套另一个元素，例如Grid元素可以嵌套Button元素了解XAML VisualStudio创建一个窗口，默认情况下产生的代码如下：这段代码中包含两个标记元素，一个是Window，一个是Grid Window是WPF顶级元素的一种，还有另外两种顶级元素Page和App

liulun

2018/01/12

2K0

Qt入门系列（二）

网站 ubuntu linux 编程算法 qt

选中mainWindow.cpp右键->在Explor中显示->粘贴进来（显示包含的目录）

用户9831583

2022/06/16

2K0

直击本质：WPF 框架是如何实现模态窗口的

开源 wpf 框架线程原理

想知道你在 WPF 编写 Window.ShowDialog() 之后，WPF 框架是如何帮你实现模态窗口的吗？

walterlv

2023/10/22

6900

WPF中的MatrixTransform

WPF中的MatrixTransform 周银辉虽然在WPF中可以使用TranslateTransform、RotateTransform、ScaleTransform等进行

菩提树下的杨过

2018/01/22

1.4K0

WPF中的MatrixTransform

HTML中CSS浮动布局的特点

浮动元素会脱离标准流（简称：脱标），在标准流中不占位置。 ※ 相当于从地面飘到了空中，如果一个元素按照正常的标准流来显示，会在html中所属的位置上占位，后面的元素会紧跟着它，但是浮动脱离了标准流，以后我们在看到浮动的元素之后，不能以正常的标准流里进行判断。浮动元素比标准流高半个级别，可以覆盖标准流中的元素。浮动找浮动，下一个浮动元素会在上一个浮动元素后面左右浮动。浮动元素会受到上面元素边界的影响。浮动元素有特殊的显示效果： ※ 一行可以显示多个，不管元素是行内元素还是块级元素，设置浮动后，将来显示

岳泽以

2022/10/26

2.7K0

WPF 中的 NameScope

发布于 2018-10-14 12:23 更新于 2018-10-16 13:01

walterlv

2020/02/10

7590

Qt 学习记录

qt 自动化测试 serverless 编程算法

[]，标识一个 Lambda 的开始，这部分必须存在，不能省略。外部变量访问方式说明符只能使用定义 Lambda 为止时 Lambda 所在作用范围内可见的局部变量（包括 Lambda 所在类的 this）。外部变量访问方式说明符有以下形式：

小简

2023/01/04

7.2K0

相似问题

WPF中的非模态窗口

134

模态RCP对话框非模态

14

非模态与模态对话框的区分

26

WPF:处理模态对话框

10

WPF。嵌套模态对话框

12

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验