Ghost1372

everything can be handy

TimeBar

A kind of progress bar containing hot spots and time scale.

1
2
3
4
5
6
[TemplatePart(Name = ElementBorderTop, Type = typeof(Border))]
[TemplatePart(Name = ElementTextBlockMove, Type = typeof(TextBlock))]
[TemplatePart(Name = ElementTextBlockSelected, Type = typeof(TextBlock))]
[TemplatePart(Name = ElementCanvasSpe, Type = typeof(Canvas))]
[TemplatePart(Name = ElementHotspots, Type = typeof(Panel))]
public class TimeBar : Control

Attributes

Property Description Default Value Remarks
Hotspots Hot Spot Collection
HotspotsBrush Hot Spot Color
ShowSpeStr Whether to show the scale false
TimeFormat Time Format yyyy-MM-dd HH:mm:ss
SelectedTime Currently selected time

Events

Name Description
TimeChanged Triggered when the selected time changes

Case

1
<hc:TimeBar BorderThickness="0" Width="600"/>

TimeBar

Set hot zone

1
2
3
4
5
6
for (int i = 0; i < 10; i++)
{
    var hour = 6 * i;
    TimeBarDemo.Hotspots.Add(new DateTimeRange(DateTime.Today.AddHours(hour), DateTime.Today.AddHours(hour + 1)));
    TimeBarDemo.Hotspots.Add(new DateTimeRange(DateTime.Today.AddHours(-hour), DateTime.Today.AddHours(-hour + 1)));
}
0%