使用WPF窗口作为弹出层
前几天领导让我在WPF的查询页面添加一个弹出层,防止用户查询大量数据时疯狂点击查询按钮或其他地方,我想了想最后决定用一个新的窗口做弹出层,WPF上面的控件都是使用 “Material Design In XAML Toolkit” 做的。
我自己做的弹出层非常简单,就是一个窗体上放了一个会转的半圆和一个Label控件
但是运行时发现不太正常,点击主窗口时,弹出层会被主窗口覆盖在下面
然后设置了属性
//loadingWindow是弹出窗口的名称
loadingWindow.Owner = this;
设置完成后,发现弹出窗口有白色的背景色
然后设置了Windows窗体属性:
Background="#00000000"
最终效果:
最后,上代码
在 主窗体 中添加弹出层对象:
public partial class MainWindow : Window
{
private LoadingWindow loadingWindow = new LoadingWindow();//创建对象
public MainWindow()
{
}
}
主窗体 打开弹出层代码:
private void StartLoading()
{
loadingWindow.Owner = this;//设置弹出层在主窗体上方
loadingWindow.Show();//打开弹出层
IsEnabled = false;//设置主窗体不可用
}
主窗体 关闭弹出层代码:
private void StopLoading()
{
loadingWindow.Hide();//弹出层隐藏(如果直接Close的话,只能打开弹出层一次)
IsEnabled = true;//主窗体可用
}
主窗体 使用弹出层(样例):文章来源:https://www.toymoban.com/news/detail-442242.html
private void btn_SearchinReciveGoods_Click(object sender, RoutedEventArgs e)
{
StartLoading();//打开弹出层
try
{
using (SqlConnection con = new SqlConnection(conStr))
{
#region 查询、绑定数据到控件
string sqlCmd = "SELECT * FROM Table";
using (SqlDataAdapter sda = new SqlDataAdapter(sqlCmd, con))
{
DataSet ds = new DataSet();
_ = sda.Fill(ds);
dg_ReciveGood.DataContext = ds.Tables[0];
}
#endregion
StopLoading();//绑定完成后,关闭弹出层
}
}
catch (Exception)
{
StopLoading();//数据查询失败或其他原因导致异常时,关闭弹出层
throw;
}
}
弹出层 XAML代码(使用了"Material Design In XAML Toolkit" 控件)文章来源地址https://www.toymoban.com/news/detail-442242.html
<Window x:Class="IG_SIMS_PAD.LoadingWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
xmlns:local="clr-namespace:IG_SIMS_PAD"
xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
mc:Ignorable="d"
Title="LoadingWindow" Height="200" Width="250" WindowStyle="None" WindowStartupLocation="CenterScreen" Background="#00000000" Foreground="{x:Null}" AllowsTransparency="True">
<Grid>
<materialDesign:Card UniformCornerRadius="14" Padding="4" Margin="35,25,35,35">
<ProgressBar Style="{StaticResource MaterialDesignCircularProgressBar}" Value="50" IsIndeterminate="True" Height="Auto" Margin="67,21,67,71" Width="Auto" />
</materialDesign:Card>
<Label Content="loading..." VerticalAlignment="Top" RenderTransformOrigin="0.148,0.504" Margin="77,108,77,0" FontSize="20" Height="34"/>
</Grid>
</Window>
到了这里,关于WPF弹出层的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!