WPF实现Slider随Thumb位置实时显示Value值的样式

最新推荐文章于 2023-04-07 15:25:44 发布

原创

最新推荐文章于 2023-04-07 15:25:44 发布 · 3.8k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#WPF #Slider #样式

本文介绍如何在WPF中创建一个Slider，其Thumb移动时能实时展示当前Value值。通过自定义样式，实现了滑块移动时数值的动态显示。

最近实现了一个关于Slider的简单样式，可随Thumb位置实时显示Value值，效果如下面所示：

窗体xaml源码：

<Window x:Class="SliderDemo.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:SliderDemo"
        mc:Ignorable="d" Background="#FF0258A4" WindowStartupLocation="CenterScreen"
        Title="SliderDemo" Height="250" Width="400">
    <Window.Resources>
        <!--Slider样式-->
        <Style x:Key="SliderThumb" TargetType="Thumb">
            <Setter Property="Focusable" Va