\u041a\u043e\u043c\u0443 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u043f\u0440\u043e\u0448\u0443 \u043f\u043e\u0434 \u043a\u0430\u0442.
<\/a> <\/p>\n
\u041f\u043e\u0441\u0442\u0430\u043d\u043e\u0432\u043a\u0430 \u0437\u0430\u0434\u0430\u0447\u0438<\/h1>\n
\u0417\u0430\u0434\u0430\u0447\u0430 \u0442\u0430\u043a\u0430\u044f \u0436\u0435 \u043a\u0430\u043a \u0438 \u043f\u0440\u0435\u0436\u0434\u0435 \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0434\u043b\u044f \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0441\u043b\u043e\u0432\u0430 \u0414\u041f\u041a. \u0421\u043b\u043e\u0432\u043e \u0414\u041f\u041a 32-\u0445 \u0440\u0430\u0437\u0440\u044f\u0434\u043d\u043e\u0435, \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 \u0430\u0434\u0440\u0435\u0441\u0430 \u2013 8 \u0431\u0438\u0442 \u0438 \u0434\u0430\u043d\u043d\u044b\u0445 \u2013 24 \u0431\u0438\u0442\u0430. \u041d\u0430 \u0440\u0438\u0441\u0443\u043d\u043a\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u043d\u043e \u043a\u0430\u043a \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442.
![](\"https:\/\/habrastorage.org\/files\/1fd\/717\/e01\/1fd717e01b2a49abbc46210620101729.png\"\/)
<\/p>\n
\u0412\u044b\u0431\u0440\u0430\u043d\u043d\u043e\u0435 \u0440\u0435\u0448\u0435\u043d\u0438\u0435<\/h1>\n
\u0414\u043b\u044f \u0440\u0435\u0448\u0435\u043d\u0438\u044f \u044d\u0442\u043e\u0439 \u0437\u0430\u0434\u0430\u0447\u0438 \u044f \u0432\u044b\u0431\u0440\u0430\u043b \u201c\u041f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u0439 \u043d\u0430\u0441\u0442\u0440\u0430\u0438\u0432\u0430\u0435\u043c\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u201d \u2013 \u043f\u043e \u0442\u0435\u0440\u043c\u0438\u043d\u043e\u043b\u043e\u0433\u0438\u0438 Visual Studio.
\u0421\u043e\u0437\u0434\u0430\u043b \u0440\u0435\u0448\u0435\u043d\u0438\u0435 \u0441 \u0434\u0432\u0443\u043c\u044f \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u043c\u0438: <\/p>\n
- \n
- Debug_WpfApplication \u2013 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u0435\u043c\u044b\u0439 \u043f\u0440\u043e\u0435\u043a\u0442 \u0434\u043b\u044f \u043e\u0442\u043b\u0430\u0434\u043a\u0438;<\/li>\n
- WpfCustomControlLibrary \u2013 \u0441\u043e\u0431\u0441\u0442\u0432\u0435\u043d\u043d\u043e \u043f\u0440\u043e\u0435\u043a\u0442 \u0441 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u043c.<\/li>\n<\/ul>\n
\u041d\u0430 \u0440\u0438\u0441\u0443\u043d\u043a\u0435 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u043e \u043a\u0430\u043a \u044d\u0442\u043e \u0432\u044b\u0433\u043b\u044f\u0434\u0438\u0442 \u0432 Visual Studio.
![](\"https:\/\/habrastorage.org\/files\/d06\/7c8\/560\/d067c85607c845558e277d4d32b42e43.png\"\/)
<\/p>\n\u0420\u0430\u0437\u0431\u043e\u0440 \u0440\u0435\u0448\u0435\u043d\u0438\u044f<\/h1>\n
\u041a\u0430\u043a \u0432\u0438\u0434\u043d\u043e, \u0438\u0437 \u043f\u0435\u0440\u0432\u043e\u0433\u043e \u0440\u0438\u0441\u0443\u043d\u043a\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 \u0441\u043b\u043e\u0432\u0430 \u0414\u041f\u041a (CustomDpkView) \u0441\u043e\u0441\u0442\u043e\u0438\u0442 \u0438\u0437 4-\u0445 \u043e\u0431\u043b\u0430\u0441\u0442\u0435\u0439: <\/p>\n
- \n
- \u00abTextBlock\u00bb \u0410\u0434\u0440\u0435\u0441;<\/li>\n
- \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0430\u0434\u0440\u0435\u0441\u0430 \u0441 1 \u043f\u043e 8 \u0431\u0438\u0442 (\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 CustomBinView);<\/li>\n
- \u00abTextBlock\u00bb \u0414\u0430\u043d\u043d\u044b\u0435;<\/li>\n
- \u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u0434\u0430\u043d\u043d\u044b\u0445 \u0441 9 \u043f\u043e 32 \u0431\u0438\u0442 (\u0420\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 CustomBinView);<\/li>\n<\/ul>\n
\u0418\u0442\u0430\u043a, \u0447\u0442\u043e \u0436\u0435 \u0438\u0437 \u0441\u0435\u0431\u044f \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u044e\u0442 \u044d\u0442\u0438 \u0434\u0432\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 CustomBinView \u0438 CustomDpkView?
\u041f\u043e\u043b\u044f \u0438 \u043c\u0435\u0442\u043e\u0434\u044b (\u0434\u0430\u043d\u043d\u044b\u0435 \u0438 \u043f\u043e\u0432\u0435\u0434\u0435\u043d\u0438\u0435) \u043e\u043f\u0438\u0441\u0430\u043d\u044b \u0432 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u0445 \u00ab*.cs\u00bb \u0444\u0430\u0439\u043b\u0430\u0445 \u0438 \u0433\u0440\u0430\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u043c\u0430\u043a\u0435\u0442 (\u0441\u0442\u0438\u043b\u044c) \u043e\u043f\u0438\u0441\u0430\u043d \u0432 \u0444\u0430\u0439\u043b\u0435 \u00abGeneric.xaml\u00bb.<\/p>\n\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 CustomBinView<\/h1>\n
![](\"https:\/\/habrastorage.org\/files\/e10\/b47\/a6f\/e10b47a6fee64a53a0d22e127ddddec7.png\"\/)
\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u00abCustomBinView.cs\u00bb.
\u0417\u0434\u0435\u0441\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u044b DependecyPropery \u0438 \u0438\u0445 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f. <\/p>\n\u041f\u0440\u0438\u043c\u0435\u0440 1<\/b><\/p>\n\n\/\/\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u043a\u043e\u043b-\u0432\u0430 \u044f\u0447\u0435\u0435\u043a const int DEFAULT_CNT=8; static CustomBinView() { \/\/\u041f\u0435\u0440\u0435\u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0433\u043e \u0441\u0442\u0438\u043b\u044f DefaultStyleKeyProperty.OverrideMetadata(typeof(CustomBinView), new FrameworkPropertyMetadata(typeof(CustomBinView))); ArrayList temp = new ArrayList(DEFAULT_CNT); for (int i = 0; i < DEFAULT_CNT; i++) temp.Add(true); ValuesProperty = DependencyProperty.Register("Values", typeof(ArrayList), typeof(CustomBinView), new FrameworkPropertyMetadata(temp, new PropertyChangedCallback(InvalidateVisualCallback))); FirstNumberProperty = DependencyProperty.Register("FirstNumber", typeof(int), typeof(CustomBinView), new FrameworkPropertyMetadata(new PropertyChangedCallback(InvalidateVisualCallback))); ColorTrueProperty = DependencyProperty.Register("ColorTrue", typeof(Brush), typeof(CustomBinView), new FrameworkPropertyMetadata(new PropertyChangedCallback(InvalidateVisualCallback))); ColorFalseProperty = DependencyProperty.Register("ColorFalse", typeof(Brush), typeof(CustomBinView), new FrameworkPropertyMetadata(new PropertyChangedCallback(InvalidateVisualCallback))); IsVisibleTextProperty = DependencyProperty.Register("IsVisibleText", typeof(bool), typeof(CustomBinView), new FrameworkPropertyMetadata(new PropertyChangedCallback(InvalidateVisualCallback))); } \/\/\u041f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0441\u0432\u043e\u0439\u0441\u0442\u0432, \u0432\u043b\u0438\u044f\u044e\u0449\u0438\u0445 \u043d\u0430 \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0432\u0438\u0434 - \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 private static void InvalidateVisualCallback(DependencyObject sender, DependencyPropertyChangedEventArgs e) { ((CustomBinView)sender).InvalidateVisual(); } \/\/------------------------------------------------------------------------------------------\/\/ #region DependencyProperty \u0438 \u0438\u0445 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f public static DependencyProperty ValuesProperty; public static DependencyProperty FirstNumberProperty; public static DependencyProperty ColorTrueProperty; public static DependencyProperty ColorFalseProperty; public static DependencyProperty IsVisibleTextProperty; #endregion \/\/------------------------------------------------------------------------------------------\/\/ #region \u0421\u0432\u043e\u0439\u0441\u0442\u0432\u0430 \u0434\u043e\u0441\u0442\u0443\u043f\u0430 \u043a \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c DependencyProperty \/\/\u042f\u0447\u0435\u0439\u043a\u0438 \u0441\u043e \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f\u043c\u0438 public ArrayList Values { get { return (ArrayList)GetValue(ValuesProperty); } set { SetValue(ValuesProperty, value); } } \/\/\u041d\u043e\u043c\u0435\u0440, \u0441 \u043a\u043e\u0442\u043e\u0440\u043e\u0433\u043e \u0431\u0443\u0434\u0443\u0442 \u0441\u0447\u0438\u0442\u0430\u0442\u044c\u0441\u044f \u044f\u0447\u0435\u0439\u043a\u0438 public int FirstNumber { get { return (int)GetValue(FirstNumberProperty); } set { SetValue(FirstNumberProperty, value); } } \/\/\u0426\u0432\u0435\u0442 true-\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f public Brush ColorTrue { get { return (Brush)GetValue(ColorTrueProperty); } set { SetValue(ColorTrueProperty, value); } } \/\/\u0446\u0432\u0435\u0442 false-\u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f public Brush ColorFalse { get { return (Brush)GetValue(ColorFalseProperty); } set { SetValue(ColorFalseProperty, value); } } \/\/\u041f\u0440\u0438\u0437\u043d\u0430\u043a \u043e\u0442\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0442\u0435\u043a\u0441\u0442\u0430 \u0432 \u044f\u0447\u0435\u0439\u043a\u0430\u0445 public bool IsVisibleText { get { return (bool)GetValue(IsVisibleTextProperty); } set { SetValue(IsVisibleTextProperty, value); } } #endregion <\/code><\/pre>\n<\/div>\n<\/div>\n
\u041d\u0438\u0436\u0435 \u043e\u043f\u0438\u0441\u0430\u043d\u0430 \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 \u0438 \u0430\u043b\u0433\u043e\u0440\u0438\u0442\u043c\u0430 \u043a\u043b\u0438\u043a\u0430 \u043f\u043e \u044f\u0447\u0435\u0439\u043a\u0430\u043c. <\/p>\n
\u041f\u0440\u0438\u043c\u0435\u0440 2<\/b><\/p>\n\nprotected override void OnRenderSizeChanged(SizeChangedInfo sizeInfo) {\/\/\u043f\u0440\u0438 \u0438\u0437\u043c\u0435\u043d\u0435\u043d\u0438\u0438 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u043f\u0435\u0440\u0435\u0440\u0438\u0441\u043e\u0432\u044b\u0432\u0430\u0442\u044c \u0441\u043e\u0434\u0435\u0440\u0436\u0438\u043c\u043e\u0435 base.OnRenderSizeChanged(sizeInfo); InvalidateVisual(); } protected override void OnRender(DrawingContext drawingContext) { base.OnRender(drawingContext); DrawingContext dc = drawingContext; \/\/\u041e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u0444\u043e\u043d\u0430 \u0438 \u0433\u0440\u0438\u043d\u0438\u0446 dc.DrawRectangle(Background, null, new Rect(new Point(0, 0), RenderSize)); #region \u0420\u0430\u0441\u0447\u0451\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0443\u0441\u043b\u043e\u0432\u0438\u0439 if ((Values == null) || (Values.Count == 0)) return; double FullWidthCell = RenderSize.Width \/ (double)(Values.Count); double WidthCell = FullWidthCell; double HeightCell = RenderSize.Height; if ((WidthCell > 2) && (HeightCell > 2)) { WidthCell -= 2; HeightCell -= 2; } #endregion #region \u041e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u044f\u0447\u0435\u0435\u043a \/\/\u0422\u0435\u043a\u0443\u0449\u0438\u0439 \u043d\u043e\u043c\u0435\u0440 \u044f\u0447\u0435\u0439\u043a\u0438, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0431\u0443\u0434\u0435\u0442 \u0440\u0438\u0441\u043e\u0432\u0430\u0442\u044c\u0441\u044f \u0432 \u044f\u0447\u0435\u0439\u043a\u0435 int currentNumber = FirstNumber; \/\/\u0442\u043e\u0447\u043a\u0430-\u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043d\u0430 \u0442\u0435\u043a\u0443\u0449\u0443\u044e \u0440\u0438\u0441\u0443\u044e\u0449\u0443\u044e\u0441\u044f \u044f\u0447\u0435\u0439\u043a\u0443 Point currentPointCell = new Point(1, 1); \/\/\u0420\u0430\u0437\u043c\u0435\u0440 \u0434\u043b\u0438\u043d\u044b \u043e\u043a\u0443\u0440\u0433\u043b\u0435\u043d\u0438\u044f \u044f\u0447\u0435\u0439\u043a\u0438 double roundedLenght = ((0.15 * WidthCell) > (0.15 * HeightCell)) ? (0.15 * HeightCell) : (0.15 * WidthCell); foreach (bool item in Values)\/\/\u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u0432\u0441\u0435\u0445 \u044f\u0447\u0435\u0435\u043a { \/\/\u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u043f\u0440\u044f\u043c\u043e\u0443\u0433\u043e\u043b\u044c\u043d\u0438\u043a\u0430 \u044f\u0447\u0435\u0439\u043a\u0438 \u0441 \u0444\u043e\u043d\u043e\u043c dc.DrawRoundedRectangle((item) ? ColorTrue : ColorFalse, new Pen(BorderBrush, 1), new Rect(currentPointCell, new Size(WidthCell, HeightCell)), roundedLenght, roundedLenght); \/\/\u043e\u0442\u0440\u0438\u0441\u043e\u0432\u043a\u0430 \u0442\u0435\u043a\u0441\u0442\u0430 \u044f\u0447\u0435\u0439\u043a\u0438 if (IsVisibleText) Service.DrawTxt(dc, currentNumber.ToString().PadLeft(2, '0'), currentPointCell, new Size(WidthCell, HeightCell), Foreground, this.FontFamily, this.FontStyle, this.FontWeight); \/\/\u043f\u0435\u0440\u0435\u0445\u043e\u0434 \u043a \u0441\u043b\u0435\u0434\u0443\u044e\u0449\u0435\u0439 \u044f\u0447\u0435\u0439\u043a\u0435 currentPointCell.X += FullWidthCell; currentNumber++; } #endregion } #region \u041c\u0430\u0440\u0448\u0440\u0443\u0442\u0438\u0437\u0438\u0440\u0443\u0435\u043c\u043e\u0435 \u0441\u043e\u0431\u044b\u0442\u0438\u0435 "\u041a\u043b\u0438\u043a \u043f\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0443" \/\/\u041a\u043b\u0430\u0441\u0441 \u0441 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u0430\u043c\u0438 \u0434\u043b\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u044f public class ClickItemRoutedEventArgs : RoutedEventArgs { \/\/\u0418\u043d\u0434\u0435\u043a\u0441 \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 (\u043d\u0443\u043c\u0435\u0440\u0430\u0446\u0438\u044f \u0441 0) public int Index { get; protected set; } \/\/\u0421\u0430\u043c \u044d\u043b\u0435\u043c\u0435\u043d\u0442 public object Item { get; protected set; } \/\/\u0418\u043d\u0444\u043e\u0440\u043c\u0430\u0446\u0438\u044f \u043e \u043a\u043b\u0438\u043a\u0435 \u043c\u044b\u0448\u0438 public MouseButtonEventArgs MouseEventArg { get; protected set; } public ClickItemRoutedEventArgs(RoutedEvent routedEvent, object item, int index, MouseButtonEventArgs arg) : base(routedEvent) { Item = item; Index = index; MouseEventArg = arg; } public ClickItemRoutedEventArgs() : base() { Item = null; Index = -1; MouseEventArg = null; } } \/\/\u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u044f public static readonly RoutedEvent ClickItemEvent = EventManager.RegisterRoutedEvent("ClickItem", RoutingStrategy.Bubble, typeof(RoutedEventHandler), typeof(CustomBinView)); \/\/\u041a\u043e\u043d\u0442\u0435\u0439\u043d\u0435\u0440 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f-\u0443\u0434\u0430\u043b\u0435\u043d\u0438\u044f \u043f\u043e\u0434\u043f\u0438\u0441\u0447\u0438\u043a\u043e\u0432 public event RoutedEventHandler ClickItem { add { base.AddHandler(ClickItemEvent, value); } remove { base.RemoveHandler(ClickItemEvent, value); } } \/\/\u0424\u0443\u043d\u043a\u0446\u0438\u044f \u0433\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u0438 \u0441\u043e\u0431\u044b\u0442\u0438\u044f void RaiseClickItem(object item, int index, MouseButtonEventArgs arg) { ClickItemRoutedEventArgs args = new ClickItemRoutedEventArgs(ClickItemEvent, item, index, arg); RaiseEvent(args); } #endregion protected override void OnMouseUp(MouseButtonEventArgs e)\/\/\u041a\u043b\u0438\u043a \u043c\u044b\u0448\u043a\u043e\u0439 \u043f\u043e \u043a\u043e\u043d\u0442\u0440\u043e\u043b\u0443 { base.OnMouseUp(e); #region \u0420\u0430\u0441\u0447\u0451\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0438 \u043f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u0443\u0441\u043b\u043e\u0432\u0438\u0439 if ((Values == null) || (Values.Count == 0)) return; double FullWidthCell = RenderSize.Width \/ (double)(Values.Count); double WidthCell = FullWidthCell; double HeightCell = RenderSize.Height; if ((WidthCell > 2) && (HeightCell > 2)) { WidthCell -= 2; HeightCell -= 2; } Point currentPointCell = new Point(1, 1); #endregion for (int currentNumber = 0; currentNumber < Values.Count; currentNumber++, currentPointCell.X += FullWidthCell) { \/\/\u041f\u0440\u043e\u0432\u0435\u0440\u043a\u0430 \u043f\u043e\u043f\u0430\u0434\u0430\u043d\u0438\u044f \u043f\u043e \u044f\u0447\u0435\u0439\u043a\u0435 if (new Rect(currentPointCell, new Size(WidthCell, HeightCell)).Contains(e.GetPosition(this))) { Values[currentNumber] = !(bool)Values[currentNumber];\/\/\u0418\u041d\u0432\u0435\u0440\u0441\u0438\u044f \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f this.InvalidateVisual();\/\/\u0412\u044b\u0437\u043e\u0432 \u0440\u0435\u043d\u0434\u0435\u0440\u0438\u043d\u0433\u0430 RaiseClickItem(Values[currentNumber], currentNumber, e);\/\/\u0413\u0435\u043d\u0435\u0440\u0430\u0446\u0438\u044f \u0441\u043e\u0431\u044b\u0442\u0438\u044f \u043a\u043b\u0438\u043a\u0430 } } } <\/code><\/pre>\n<\/div>\n<\/div>\n
\u0422\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u00abGeneric.xaml\u00bb. \u0417\u0434\u0435\u0441\u044c \u043e\u043f\u0438\u0441\u0430\u043d \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c (\u043c\u0430\u043a\u0435\u0442) \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430. <\/p>\n
\u041f\u0440\u0438\u043c\u0435\u0440 3<\/b><\/p>\n\n<!--\u0421\u0442\u0438\u043b\u044c CustomBinView--> <Style TargetType="{x:Type local:CustomBinView}"> <!--\u0421\u0442\u0438\u043b\u044c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 CustomBinView \u0417\u0430\u0434\u0430\u043d\u0438\u0435 \u0441\u043e\u043e\u0442\u0432\u0435\u0442\u0441\u0442\u0432\u0443\u044e\u0449\u0438\u043c \u043f\u043e\u043b\u044f\u043c \u0432 CustomBinView.cs \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e--> <Setter Property="FirstNumber" Value="1"\/> <Setter Property="ColorTrue"> <Setter.Value> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="WhiteSmoke" Offset="0" \/> <GradientStop Color="Red" Offset="1" \/> <\/LinearGradientBrush> <\/Setter.Value> <\/Setter> <Setter Property="ColorFalse"> <Setter.Value> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="WhiteSmoke" Offset="0" \/> <GradientStop Color="Gray" Offset="1" \/> <\/LinearGradientBrush> <\/Setter.Value> <\/Setter> <Setter Property="BorderBrush" Value="Black" \/> <Setter Property="IsVisibleText" Value="True"\/> <Setter Property="FontFamily" Value="Courier New"\/> <Setter Property="FontStyle" Value="Normal"\/> <Setter Property="FontWeight" Value="Normal"\/> <Setter Property="MinHeight" Value="20"\/> <Setter Property="MinWidth" Value="50"\/> <\/Style> <\/code><\/pre>\n<\/div>\n<\/div>\n
<\/p>\n
\u041a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442 CustomDpkView<\/h1>\n
\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u00abCustomDpkView.cs\u00bb. \u0417\u0434\u0435\u0441\u044c \u043e\u043f\u0438\u0441\u0430\u043d\u044b DependencyProperty \u0438 \u0438\u0445 \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f. <\/p>\n
\u041f\u0440\u0438\u043c\u0435\u0440 4<\/b><\/p>\n\npublic class CustomDpkView : Control { public static DependencyProperty ValuesADRProperty; public static DependencyProperty ValuesDATAProperty; public static DependencyProperty ColorTrueProperty; public static DependencyProperty ColorFalseProperty; public const int CNT_ADR_BIT = 8;\/\/\u041a\u043e\u043b-\u0432\u043e \u0431\u0438\u0442 \u0432 \u043f\u043e\u043b\u0435 \u0430\u0434\u0440\u0435\u0441 \u0414\u041f\u041a public const int CNT_DATA_BIT = 24;\/\/\u041a\u043e\u043b-\u0432\u043e \u0431\u0438\u0442 \u0432 \u043f\u043e\u043b\u0435 \u0434\u0430\u043d\u043d\u044b\u0435 static CustomDpkView() { DefaultStyleKeyProperty.OverrideMetadata(typeof(CustomDpkView), new FrameworkPropertyMetadata(typeof(CustomDpkView))); #region \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f ValuesADRProperty ArrayList temp = new ArrayList(CNT_ADR_BIT); for (int i = 0; i < CNT_ADR_BIT; i++) temp.Add(true); ValuesADRProperty = DependencyProperty.Register("ValuesADR", typeof(ArrayList), typeof(CustomDpkView), new PropertyMetadata(temp)); #endregion #region \u0420\u0435\u0433\u0438\u0441\u0442\u0440\u0430\u0446\u0438\u044f \u0438 \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u044f ValuesDATAProperty temp = new ArrayList(24); for (int i = 0; i < 24; i++) temp.Add(true); ValuesDATAProperty = DependencyProperty.Register("ValuesDATA", typeof(ArrayList), typeof(CustomDpkView), new PropertyMetadata(temp)); #endregion ColorTrueProperty = DependencyProperty.Register("ColorTrue", typeof(Brush), typeof(CustomDpkView)); ColorFalseProperty = DependencyProperty.Register("ColorFalse", typeof(Brush), typeof(CustomDpkView)); } \/\/\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0431\u0438\u0442 \u0432 \u043f\u043e\u043b\u0435 \u0410\u0434\u0440\u0435\u0441 (8 \u0431\u0438\u0442) public ArrayList ValuesADR { get { return (ArrayList)GetValue(ValuesADRProperty); } protected set { SetValue(ValuesADRProperty, value); } } \/\/\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u044f \u0431\u0438\u0442 \u0432 \u043f\u043e\u043b\u0435 \u0414\u0410\u043d\u043d\u044b\u0435 (24 \u0431\u0438\u0442\u0430) public ArrayList ValuesDATA { get { return (ArrayList)GetValue(ValuesDATAProperty); } protected set { SetValue(ValuesDATAProperty, value); } } \/\/\u0426\u0432\u0435\u0442 true - \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f public Brush ColorTrue { get { return (Brush)GetValue(ColorTrueProperty); } set { SetValue(ColorTrueProperty, value); } } \/\/\u0426\u0432\u0435\u0442 false - \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u044f public Brush ColorFalse { get { return (Brush)GetValue(ColorFalseProperty); } set { SetValue(ColorFalseProperty, value); } } #region \u041f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u043d\u043e\u0435 \u0437\u0430\u0434\u0430\u043d\u0438\u0435 \u0430\u0434\u0440\u0435\u0441\u0430 \u0438 \u0434\u0430\u043d\u043d\u044b\u0445 public bool SetValuesADR(ArrayList array) { if (array.Count != CNT_ADR_BIT) return false; ValuesADR = array; return true; } public bool SetValuesDATA(ArrayList array) { if (array.Count != CNT_DATA_BIT) return false; ValuesDATA = array; return true; } #endregion } <\/code><\/pre>\n<\/div>\n<\/div>\n
\u0422\u0435\u043f\u0435\u0440\u044c \u0440\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u00abGeneric.xaml\u00bb. \u0417\u0434\u0435\u0441\u044c \u043e\u043f\u0438\u0441\u0430\u043d \u0432\u0438\u0437\u0443\u0430\u043b\u044c\u043d\u044b\u0439 \u0441\u0442\u0438\u043b\u044c (\u043c\u0430\u043a\u0435\u0442) \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430, \u0435\u0433\u043e \u0441\u0442\u0440\u043e\u0435\u043d\u0438\u0435. <\/p>\n
\u041f\u0440\u0438\u043c\u0435\u0440 5<\/b><\/p>\n\n<!--\u0421\u0442\u0438\u043b\u044c CustomDpkView--> <Style TargetType="TextBlock" x:Key="labelStyle"><!--\u0421\u0442\u0438\u043b\u044c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u0442\u0435\u043a\u0441\u0442\u043e\u0432\u044b\u0445 \u043f\u043e\u043b\u0435\u0439 \u0430\u0434\u0440\u0435\u0441 \u0438 \u0434\u0430\u043d\u043d\u044b\u0435--> <Setter Property="TextAlignment" Value="Center"\/> <Setter Property="FontFamily" Value="Comic Sans MS"\/> <Setter Property="FontWeight" Value="Bold"\/> <Setter Property="FontSize" Value="20"\/> <\/Style> <Style TargetType="{x:Type local:CustomDpkView}"><!--\u0421\u0442\u0438\u043b\u044c \u043e\u0444\u043e\u0440\u043c\u043b\u0435\u043d\u0438\u044f \u0434\u043b\u044f \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 CustomDpkView--> <Setter Property="Template"> <Setter.Value><!--\u0421\u0442\u0440\u0443\u043a\u0442\u0443\u0440\u0430 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430--> <ControlTemplate TargetType="{x:Type local:CustomDpkView}"> <Grid> <Grid.RowDefinitions><!--\u0420\u0430\u0437\u0434\u0435\u043b\u0435\u043d\u0438\u0435 \u043d\u0430 4 \u043e\u0431\u043b\u0430\u0441\u0442\u0438 (\u0441\u043e \u0437\u0432\u0451\u0437\u0434\u043e\u0447\u043a\u043e\u0439 - \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0435\u0435, \u0431\u0435\u0437 - \u043f\u043e\u0441\u0442\u043e\u044f\u043d\u043d\u043e\u0435)--> <RowDefinition Height="30" \/> <RowDefinition Height="30*" MinHeight="30" \/> <RowDefinition Height="30" \/> <RowDefinition Height="30*" MinHeight="30"\/> <\/Grid.RowDefinitions> <!--\u0422\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435 \u0410\u0434\u0440\u0435\u0441--> <TextBlock Style="{StaticResource labelStyle}" Grid.Row="0" Text="\u0410\u0434\u0440\u0435\u0441:"\/> <!--\u0414\u0432\u043e\u0438\u0447\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044f \u0410\u0434\u0440\u0435\u0441--> <!--\u0421\u0432\u044f\u0437\u043a\u0430 \u043f\u043e\u043b\u0435\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e TemplateBinding \u0432 CustomDpkView.cs \u0441 \u043f\u043e\u043b\u044f\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 CustomBinView--> <local:CustomBinView FirstNumber="1" Grid.Row="1" ColorTrue="{TemplateBinding ColorTrue}" ColorFalse="{TemplateBinding ColorFalse}" Values="{TemplateBinding ValuesADR}"\/> <!--\u0422\u0435\u043a\u0441\u0442\u043e\u0432\u043e\u0435 \u043f\u043e\u043b\u0435 \u0414\u0430\u043d\u043d\u044b\u0435--> <TextBlock Style="{StaticResource labelStyle}" Grid.Row="2" Text="\u0414\u0430\u043d\u043d\u044b\u0435:"\/> <!--\u0414\u0432\u043e\u0438\u0447\u043d\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e\u043b\u044f \u0414\u0430\u043d\u043d\u044b\u0435--> <!--\u0421\u0432\u044f\u0437\u043a\u0430 \u043f\u043e\u043b\u0435\u0439 \u0441 \u043f\u043e\u043c\u043e\u0449\u044c\u044e TemplateBinding \u0432 CustomDpkView.cs \u0441 \u043f\u043e\u043b\u044f\u043c\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u0430 CustomBinView--> <local:CustomBinView FirstNumber="9" Grid.Row="3" ColorTrue="{TemplateBinding ColorTrue}" ColorFalse="{TemplateBinding ColorFalse}" Values="{TemplateBinding ValuesDATA}"\/> <\/Grid> <\/ControlTemplate> <\/Setter.Value> <\/Setter> <!--\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0434\u043b\u044f \u043f\u043e\u043b\u044f \u0432 CustomDpkView.cs--> <Setter Property="ColorTrue"> <Setter.Value> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="WhiteSmoke" Offset="0" \/> <GradientStop Color="Red" Offset="1" \/> <\/LinearGradientBrush> <\/Setter.Value> <\/Setter> <!--\u0417\u043d\u0430\u0447\u0435\u043d\u0438\u0435 \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e \u0434\u043b\u044f \u043f\u043e\u043b\u044f \u0432 CustomDpkView.cs--> <Setter Property="ColorFalse"> <Setter.Value> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="WhiteSmoke" Offset="0" \/> <GradientStop Color="Gray" Offset="1" \/> <\/LinearGradientBrush> <\/Setter.Value> <\/Setter> <\/Style> <\/code><\/pre>\n<\/div>\n<\/div>\n
<\/p>\n
\u0418\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u043d\u0438\u0435 \u044d\u0442\u0438\u0445 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u0432 Debug_WpfApplication<\/h1>\n
\u0420\u0430\u0441\u0441\u043c\u043e\u0442\u0440\u0438\u043c \u00abMain.xaml\u00bb.
![](\"https:\/\/habrastorage.org\/files\/7c7\/d6a\/051\/7c7d6a0512ce436baffba3763087d51e.png\"\/)
<\/p>\n\u041f\u0440\u0438\u043c\u0435\u0440 6<\/b><\/p>\n\n<Window.Resources> <!-- \u0421\u0442\u0438\u043b\u044c \u0434\u043b\u044f customDpkView1 --> <Style TargetType="{x:Type ccl:CustomDpkView}" x:Key="dpkViewStyle_1"> <Setter Property="ColorTrue"> <Setter.Value> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="WhiteSmoke" Offset="0" \/> <GradientStop Color="Yellow" Offset="1" \/> <\/LinearGradientBrush> <\/Setter.Value> <\/Setter> <Setter Property="ColorFalse"> <Setter.Value> <LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0"> <GradientStop Color="Gray" Offset="0" \/> <GradientStop Color="White" Offset="1" \/> <\/LinearGradientBrush> <\/Setter.Value> <\/Setter> <\/Style> <\/Window.Resources> <Grid> <Grid.RowDefinitions> <RowDefinition Height="114" \/> <RowDefinition MinHeight="50" Height="114*" \/> <RowDefinition Height="50" \/> <\/Grid.RowDefinitions> <ccl:CustomBinView Name="customBinView1" Margin="12,12,12,20" \/> <!-- CustomDpkView \u0441 \u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u0435\u043b\u044c\u0441\u043a\u0438\u043c \u0441\u0442\u0438\u043b\u0435\u043c --> <ccl:CustomDpkView Style="{StaticResource dpkViewStyle_1}" Name="customDpkView1" Grid.Row="1" Height="174" VerticalAlignment="Top" Margin="12,0" \/> <TextBlock Name="textBlock1" Text="TextBlock" Grid.Row="2" TextAlignment="Center" FontStretch="Normal" FontFamily="Comic Sans MS" FontWeight="Bold" FontSize="20" Margin="0,0,429,0" \/> <Button Content="Button" Grid.Row="2" Name="button1" HorizontalAlignment="Right" Width="75" Click="button1_Click" \/> <!-- CustomDpkView \u0441\u043e \u0441\u0442\u0438\u043b\u0435\u043c \u043f\u043e-\u0443\u043c\u043e\u043b\u0447\u0430\u043d\u0438\u044e --> <ccl:CustomDpkView Grid.Row="1" Margin="12,180,12,0" Name="customDpkView2" VerticalAlignment="Top" Height="133" \/> <\/Grid> <\/code><\/pre>\n<\/div>\n<\/div>\n
<\/p>\n
P.S.<\/h1>\n
\u0421\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043f\u0440\u043e\u0435\u043a\u0442: \u0421\u043a\u0430\u0447\u0430\u0442\u044c \u043f\u0440\u043e\u0435\u043a\u0442<\/a>
\u041f\u0440\u0438\u043c\u0435\u0447\u0430\u043d\u0438\u0435: \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0430 \u0432\u0435\u043b\u0430\u0441\u044c \u0432 MS Visual Studio 2010 \u043f\u043e\u0434 \u00ab.Net Framework 4\u00bb
\u0416\u0434\u0443 \u043a\u043e\u043c\u043c\u0435\u043d\u0442\u0430\u0440\u0438\u0435\u0432 \u0438 \u0434\u043e\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u0439. <\/p>\n<\/div>\n\u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 https:\/\/habrahabr.ru\/post\/283124\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
\n\u041f\u0440\u0435\u0434\u0438\u0441\u043b\u043e\u0432\u0438\u0435<\/h1>\n
\u041d\u0435\u043a\u043e\u0442\u043e\u0440\u043e\u0435 \u0432\u0440\u0435\u043c\u044f \u043d\u0430\u0437\u0430\u0434 \u044f \u043f\u0438\u0441\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438 \u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043d\u0430 WinForms<\/a>, \u043e \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043d\u0430 WPF \u0432 \u0441\u0442\u0438\u043b\u0435 WinForms<\/a>, \u0430 \u0442\u0435\u043f\u0435\u0440\u044c \u0445\u043e\u0447\u0443 \u043f\u043e\u0434\u0435\u043b\u0438\u0442\u044c\u0441\u044f \u043e\u043f\u044b\u0442\u043e\u043c \u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0438 \u043a\u043e\u043c\u043f\u043e\u043d\u0435\u043d\u0442\u043e\u0432 \u043d\u0430 WPF, \u043d\u043e \u0432 \u201c\u0441\u0442\u0438\u043b\u0435 WPF\u201d.
\u041a\u043e\u043c\u0443 \u0438\u043d\u0442\u0435\u0440\u0435\u0441\u043d\u043e, \u043f\u0440\u043e\u0448\u0443 \u043f\u043e\u0434 \u043a\u0430\u0442. <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-279759","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/279759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=279759"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/279759\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=279759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=279759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=279759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}