Язык программирования C#9 и платформа .NET5 - Троелсен Эндрю

На заметку! Более подробные сведения о классе UserControl в WPF ищите в главе 27, а пока просто следуйте указаниям по мере проработки примера.

Подобно окну типы UserControl в WPF имеют файл XAML и связанный файл кода. Модифицируйте разметку XAML пользовательского элемента управления, чтобы определить простой элемент Label внутри Grid:

<UserControl x:Class="CustomDepProp.ShowNumberControl"

  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:local="clr-namespace: CustomDependencyProperty"

  mc:Ignorable="d"

  d:DesignHeight="300" d:DesignWidth="300">

  <Grid>

    <Label x:Name="numberDisplay" Height="50" Width="200"

      Background="LightBlue"/>

  </Grid>

</UserControl>

В файле кода для данного элемента создайте обычное свойство .NET Core, которое упаковывает поле типа int и устанавливает новое значение для свойства Content элемента Label:

public partial class ShowNumberControl : UserControl

{

  public ShowNumberControl()

  {

    InitializeComponent();

  }

<b>  // Обычное свойство .NET Core.</b>

  private int _currNumber = 0;

  public int CurrentNumber

  {

    get =&gt; _currNumber;

    set

    {

      _currNumber = value;

      numberDisplay.Content = CurrentNumber.ToString();

    }

  }

}

Обновите определение XAML в MainWindow.xml, объявив экземпляр специального элемента управления внутри диспетчера компоновки StackPanel. Поскольку специальный элемент управления не входит в состав основных сборок WPF, понадобится определить специальное пространство имен XML, которое отображается на него. Вот требуемая разметка:

&lt;Window x:Class=&quot;CustomDepPropApp.MainWindow&quot;

  xmlns=&quot;http://schemas.microsoft.com/winfx/2006/xaml/presentation&quot;

  xmlns:x=&quot;http://schemas.microsoft.com/winfx/2006/xaml&quot;

  xmlns:d=&quot;http://schemas.microsoft.com/expression/blend/2008&quot;

<b>  xmlns:myCtrls=&quot;clr-namespace: CustomDependencyProperty&quot;</b>

  xmlns:local=&quot;clr-namespace: CustomDependencyProperty&quot;

  mc:Ignorable=&quot;d&quot;

<b>  Title=&quot;Simple Dependency Property App&quot; Height=&quot;450&quot; Width=&quot;450&quot;</b>

  WindowStartupLocation=&quot;CenterScreen&quot;&gt;

<b>  &lt;StackPanel&gt;</b>

<b>     &lt;myCtrls:ShowNumberControl</b>

<b>       HorizontalAlignment=&quot;Left&quot; x:Name=&quot;myShowNumberCtrl&quot; </b>

<b>       CurrentNumber=&quot;100&quot;/&gt;</b>

<b>  &lt;/StackPanel&gt;</b>

&lt;/Window&gt;

Похоже, что визуальный конструктор Visual Studio корректно отображает значение, установленное в свойстве CurrentNumber (рис. 25.23).

Однако что, если к свойству CurrentNumber необходимо применить объект анимации, который обеспечит изменение значения свойства от 100 до 200 в течение 10 секунд? Если это желательно сделать в разметке, тогда область myCtrls:ShowNumberControl можно изменить следующим образом:

&lt;myCtrls:ShowNumberControl x:Name=&quot;myShowNumberCtrl&quot; CurrentNumber=&quot;100&quot;&gt;

  &lt;myCtrls:ShowNumberControl.Triggers&gt;

    &lt;EventTrigger RoutedEvent = &quot;myCtrls:ShowNumberControl.Loaded&quot;&gt;

      &lt;EventTrigger.Actions&gt;

        &lt;BeginStoryboard&gt;

          &lt;Storyboard TargetProperty = &quot;CurrentNumber&quot;&gt;

            &lt;Int32Animation From = &quot;100&quot; To = &quot;200&quot; Duration = &quot;0:0:10&quot;/&gt;

          &lt;/Storyboard&gt;

        &lt;/BeginStoryboard&gt;

      &lt;/EventTrigger.Actions&gt;

    &lt;/EventTrigger&gt;

  &lt;/myCtrls:ShowNumberControl.Triggers&gt;

&lt;/myCtrls:ShowNumberControl&gt;