WPF实现夜间模式

背景

项目中设计了一个黑色主题，稍加改正也可作为夜间模式，效果图如下：

原理

由于项目中存在地图，而地图完全是由位图组成，不能直接改变背景色，所以我在内容上面放置了一个黑色的Border作为遮罩。可通过更改Border的Opacity来更改黑色的程度，从伸手不见五指到隐约可见轮廓都可以。

需要注意的是，必须将Border的IsHitTestVisible设为False（即不参与命中测试）， 否则内容不能点击，影响程序正常运行。

示例代码如下：

<DockPanel>

    <Slider DockPanel.Dock="Top"

            LargeChange="0.2"

            Maximum="1"

            Minimum="0"

            Orientation="Horizontal"

            TickFrequency="0.1"

            Value="{Binding ElementName=BdrShade,

                            Path=Opacity}" />

    <Grid>

        <Image Source="Bliss.jpg" />

        <Border Name="BdrShade"

                Background="Black"

                IsHitTestVisible="False"

                Opacity="0.5" />

    </Grid>

</DockPanel>

代码下载

博客园：NightModeDemo