桌面應用開發之WPF動態背景

  因為項目需要，在WPF開發的桌面應用中，登陸頁面需使用動態背景。由於沒有前端開發人員，所以由半吊子的后端開發人員根據效果圖寫前端xaml。去掉頁面上邊框，抽離動態背景設置代碼：

<Window x:Class="DynamicBg.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:DynamicBg"
    mc:Ignorable="d"
    Title="MainWindow" Height="580" Width="581"
    AllowsTransparency="True" WindowStyle="None"  ResizeMode="CanResize"
    WindowState="Normal"
    >
<Window.Resources>
    <ResourceDictionary>
        <WindowChrome x:Key="WindowChromeKey">
            <WindowChrome.ResizeBorderThickness>
                <Thickness>5</Thickness>
            </WindowChrome.ResizeBorderThickness>
        </WindowChrome>            
    </ResourceDictionary>
</Window.Resources>
<Grid>
    <Grid.Background>
        <VisualBrush>
            <VisualBrush.Visual>
                <MediaElement>
                    <MediaElement.Triggers>
                        <EventTrigger RoutedEvent="MediaElement.Loaded">
                            <EventTrigger.Actions>
                                <BeginStoryboard>
                                    <Storyboard>
                                        <MediaTimeline Source="C:\Users\lC\Desktop\ad3837d12f2eb938d70576e6d0628535e4dd6f9d.gif" RepeatBehavior="Forever"/>
                                    </Storyboard>
                                </BeginStoryboard>
                            </EventTrigger.Actions>
                        </EventTrigger>
                    </MediaElement.Triggers>
                </MediaElement>
            </VisualBrush.Visual>
        </VisualBrush>
    </Grid.Background>
    <Button Width="50" Height="50" Margin="50" Content="按鈕"/>
</Grid>
</Window>

運行即可。

TIP:動態圖須為本地資源。

源碼傳送