WPF---页面内遮罩层的非弹窗方案实现（透明遮罩+动画加载条）

原创

已于 2024-07-19 10:39:23 修改 · 1k 阅读

6 ·

CC 4.0 BY-SA版权

文章标签：

#c# #visualstudio

于 2024-07-19 10:29:15 首次发布

页面效果：点击Load按钮后，5s遮罩+加载条动画

实现思路：通过控制页面元素的层叠关系，用透明元素覆盖的效果达到页面内遮罩效果。

加载条动画采用第三方HandyControl里的加载条。

代码：

Xaml

<Window x:Class="LoadingTest.MainWindow"
        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:LoadingTest"
        xmlns:hc="https://handyorg.github.io/handycontrol"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="*"/>