Как сделать, чтобы кнопка в ControlTemplate текстового поля обновляла текст TextBox?

Question

В настоящее время у меня есть настраиваемый элемент управления, как показано ниже. (Я пытаюсь сделать пользовательский номер вниз)

По сути, этот стиль накладывается на две кнопки поверх стилизованного текстового поля. Две кнопки должны увеличивать / уменьшать значение в TextBox по одной каждый раз. Стилизация в порядке, и элемент управления отображается правильно, но я не знаю, как заставить его работать.

ЧТО МНЕ НУЖНО

Мне это нужно, чтобы кнопки уменьшали / увеличивали целое число текстового поля на единицу каждый раз.

ЧТО Я ПОПРОБОВАЛ

Просто для вашего сведения, мой текущий XAML ResourceDictionary называется Generic.xaml.

Попробуйте 1

Я попытался создать новый класс C # с именем Generic.xaml.cs, добавить x:class="MyProject.Themes.Generic" и создать события нажатия кнопки. Затем я бы добавил соответствующие обработчики событий в файл Generic.xaml.cs. Мне удалось заставить работать события нажатия, но я не смог найти способ уменьшить значение TextBox.

Например:

<Button Click="increaseValue"></Button>

public partial class Generic
{
    private void increaseValue(object sender, RoutedEventArgs e)
    {
    // code to change the textbox's value would be here, but I didn't know how to do it
    }
}

Попробуйте 2

Я попробовал тот же метод, что и выше, но с некоторыми отличиями. Я вложил все свои стили (в коде в самом низу) в это:

<Style>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate>
                <TextBox>
                    <!-- Styles go here -->
                </TextBox>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

Ничего из вышеперечисленного не сработало. У кого-нибудь есть идеи?

Ниже приведен мой полный XAML-код (он отлично работает). Мне в основном нужна помощь с кодом.

<Style TargetType="{x:Type local1:roundNumericUpDown}">
        <Setter Property="FontFamily" Value="{StaticResource SourceSansRegular}" />
        <Setter Property="Padding" Value="10, 0, 5, 1" />
        <Setter Property="FontSize" Value="15" />
        <Setter Property="Foreground" Value="White" />
        <Setter Property="Background" Value="{StaticResource initialColor}" />
        <Setter Property="Height" Value="28px" />
        <Setter Property="HorizontalContentAlignment" Value="Left" />
        <Setter Property="VerticalContentAlignment" Value="Center" />
        <Setter Property="Text" Value="0" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <Border Background="{TemplateBinding Background}" x:Name="Bd" BorderThickness="0" CornerRadius="15" BorderBrush="#FF383838">
                        <Grid>
                            <Grid.ColumnDefinitions>
                                <ColumnDefinition Width="*" />
                                <ColumnDefinition Width="32px" />
                            </Grid.ColumnDefinitions>
                            <ScrollViewer x:Name="PART_ContentHost" />
                            <Grid Grid.Column="1">
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="13" />
                                    <RowDefinition Height="2" />
                                    <RowDefinition Height="13" />
                                </Grid.RowDefinitions>
                                <Button Grid.Row="0" Height="13" VerticalAlignment="Top"  x:Name="IncreaseButton">
                                    <Polygon Points="0,5 16,5 8,0" Stroke="{StaticResource decalColor}" Fill="{StaticResource decalColor}" />
                                    <Button.Style>
                                        <Style TargetType="{x:Type Button}">
                                            <Setter Property="Background" Value="{StaticResource hoverColor}" />
                                            <Setter Property="WindowChrome.IsHitTestVisibleInChrome" Value="True" />
                                            <Setter Property="Template">
                                                <Setter.Value>
                                                    <ControlTemplate TargetType="{x:Type Button}">
                                                        <Border CornerRadius="0, 13, 0 0" x:Name="Bd" Background="{TemplateBinding Background}">
                                                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                                                        </Border>
                                                    </ControlTemplate>
                                                </Setter.Value>
                                            </Setter>
                                            <Style.Triggers>
                                                <Trigger Property="IsMouseOver" Value="True">
                                                    <Setter Property="Background" Value="{StaticResource clickColor}" />
                                                </Trigger>
                                                <Trigger Property="IsPressed" Value="True">
                                                    <Setter Property="Background" Value="{StaticResource clickColor1}" />
                                                </Trigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Button.Style>
                                </Button>
                                <Button Grid.Row="2" Height="13" VerticalAlignment="Bottom" x:Name="DecreaseButton">
                                    <Polygon Points="0,0, 16,0 8,5" Stroke="{StaticResource decalColor}" Fill="{StaticResource decalColor}" />
                                    <Button.Style>
                                        <Style TargetType="{x:Type Button}">
                                            <Setter Property="Background" Value="{StaticResource hoverColor}" />
                                            <Setter Property="WindowChrome.IsHitTestVisibleInChrome" Value="True" />
                                            <Setter Property="Template">
                                                <Setter.Value>
                                                    <ControlTemplate TargetType="{x:Type Button}">
                                                        <Border CornerRadius="0, 0, 13 0" x:Name="Bd" Background="{TemplateBinding Background}">
                                                            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
                                                        </Border>
                                                    </ControlTemplate>
                                                </Setter.Value>
                                            </Setter>
                                            <Style.Triggers>
                                                <Trigger Property="IsMouseOver" Value="True">
                                                    <Setter Property="Background" Value="{StaticResource clickColor1}" />
                                                </Trigger>
                                                <Trigger Property="IsPressed" Value="True">
                                                    <Setter Property="Background" Value="{StaticResource clickColor}" />
                                                </Trigger>
                                            </Style.Triggers>
                                        </Style>
                                    </Button.Style>
                                </Button>
                            </Grid>
                        </Grid>
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>

Answer 1

Попробуйте 1 правильный путь

Конечно, я рекомендую добавить try catch для метода Convert, если пользователь меняет текст на нецифровое значение или переключает TextBox на TextBlock, изменяя значение только при нажатии кнопок, и в этом случае вы можете гарантировать это. быть всегда номером, и вам не нужно будет пытаться поймать.

public partial class Generic
{
    private void increaseValue(object sender, RoutedEventArgs e)
    {
        TextBox textBox = (((((sender as Button).Parent as Grid).Parent as Grid)).Parent as Border).TemplatedParent as TextBox;

        textBox.Text = Convert.ToString(Convert.ToInt32(textBox.Text) + 1);
    }
}

Не рекомендуется

Я, честно говоря, не рекомендую, как вы создаете свой контроль. Было бы намного проще создать реальный UserControl для вашего textBox и кнопок и добавить стиль для каждого элемента (textBox, UpButton, DownButton). Тогда у вас будет свобода свободного доступа ко всем 3 элементам. обычно стиль для стайлинга:)

Надеюсь, это ответит на ваш вопрос