原文:

背水一战 Windows 10 (34) - 控件（进度类）: RangeBase, Slider, ProgressBar, ProgressRing

作者：

介绍

背水一战 Windows 10 之 控件（进度类）

• RangeBase
• Slider
• ProgressBar
• ProgressRing

示例

1、RangeBase(基类) 的示例

Controls/ProgressControl/RangeBaseDemo.xaml

Controls/ProgressControl/RangeBaseDemo.xaml.cs

/* * RangeBase(基类) - 范围控件基类（继承自 Control, 请参见 /Controls/BaseControl/ControlDemo/） */using Windows.UI.Xaml.Controls;using Windows.UI.Xaml.Controls.Primitives;namespace Windows10.Controls.ProgressControl{    public sealed partial class RangeBaseDemo : Page    {        public RangeBaseDemo()        {            this.InitializeComponent();        }        private void slider_ValueChanged(object sender, RangeBaseValueChangedEventArgs e)        {            // RangeBaseValueChangedEventArgs            //     OldValue - 范围控件的之前的值            //     NewValue - 范围控件的当前的值            lblMsg.Text = $"slider old value:{e.OldValue}, slider new value:{e.NewValue}";        }    }}

2、Slider 的示例

Controls/ProgressControl/SliderDemo.xaml

Controls/ProgressControl/SliderDemo.xaml.cs

/* * Slider - 滑动条控件（继承自 RangeBase, 请参见 /Controls/ProgressControl/RangeBaseDemo.xaml） * Thumb - 可由用户拖动的控件（Slider 内的可拖动部分就是一个 Thumb 控件） */using System;using Windows.UI.Xaml.Controls;using Windows.UI.Xaml.Data;namespace Windows10.Controls.ProgressControl{    public sealed partial class SliderDemo : Page    {        public SliderDemo()        {            this.InitializeComponent();        }    }    // 为 Slider 的 ThumbToolTipValueConverter 提供 Converter    public sealed class MyThumbToolTipValueConverter : IValueConverter    {        public object Convert(object value, Type targetType, object parameter, string language)        {            // 在 thumb 旁显示的当前值的后面加一个百分号            return value + "%";        }        public object ConvertBack(object value, Type targetType, object parameter, string language)        {            return null;        }    }}

3、ProgressBar 的示例

Controls/ProgressControl/ProgressBarDemo.xaml

Controls/ProgressControl/ProgressBarDemo.xaml.cs

/* * ProgressBar - 进度条控件（继承自 RangeBase, 请参见 /Controls/ProgressControl/RangeBaseDemo.xaml） */using Windows.UI.Xaml.Controls;namespace Windows10.Controls.ProgressControl{    public sealed partial class ProgressBarDemo : Page    {        public ProgressBarDemo()        {            this.InitializeComponent();        }    }}

4、ProgressRing 的示例

Controls/ProgressControl/ProgressRingDemo.xaml

Controls/ProgressControl/ProgressRingDemo.xaml.cs

/* * ProgressRing - 进度圈控件（继承自 Control, 请参见 /Controls/BaseControl/ControlDemo/） */using Windows.UI.Xaml.Controls;namespace Windows10.Controls.ProgressControl{    public sealed partial class ProgressRingDemo : Page    {        public ProgressRingDemo()        {            this.InitializeComponent();        }    }}

OK