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