2

Подскажите пожалуйста, как правильно делают такие вещи. У меня есть UserControl - SearchBox, который собран из TextBox и Button. Мне бы хотелось его сделать более универсальным, поэтому я не устанавливал почти никакие свойства, аля Background, Foreground, FontFamily, FontSize и тд, у внутренних контролов TextBox и Button( в основном эти свойства перенаправлял наружу с помощью TemplateBinding, чтобы эти контролы брали значения у UserControl'а.

Суть вопроса в следующем: Как в дальшейшем определять стиль отдельно для Button и отдельно для TextBox'а внутри этого UserControl'а, не прибегая к свойству Template? Если нужен код, моего UserControl'а, то вот частичный:

<UserControl.Template>
    <ControlTemplate TargetType="{x:Type UserControl}">
        <Grid>
            <Grid.ColumnDefinitions>
                <ColumnDefinition Width="*"/>
                <ColumnDefinition Width="40"/>
            </Grid.ColumnDefinitions>

            <local:InputBox PlaceHolder="{Binding PlaceHolder, RelativeSource={RelativeSource TemplatedParent}}" 
                            Background="{TemplateBinding Background}"
                            Foreground="{TemplateBinding Foreground}"
                            FontFamily="{TemplateBinding FontFamily}"
                            FontSize="{TemplateBinding FontSize}"
                            VerticalContentAlignment="Center"
                            HorizontalContentAlignment="Left"
                            />

            <Button Grid.Column="1"
                    Background="{TemplateBinding Background}"
                    Foreground="{TemplateBinding Foreground}"
                    FontSize="{TemplateBinding FontSize}"
                    BorderThickness="0"
                    Content="&#xf002;"
                    FontFamily="{StaticResource FontAwesome}"
                    Command="{Binding Command, RelativeSource={RelativeSource TemplatedParent}}">
            </Button>

        </Grid>

    </ControlTemplate>
11
  • А зачем вам вообще Template для UserControl'а? Почему не просто так: ru.stackoverflow.com/a/426399/10105
    – VladD
    1 дек 2017 в 18:28
  • И снова-таки непонятно, зачем вам стиль для кнопки, если она уже в Template'е.
    – VladD
    1 дек 2017 в 18:35
  • Блин, я просто на самом деле путаюсь. Я смотрел всякие исходники, много видел, что так делают, и просто решил сам так делать. Если Template для UserControl'а не надо объявлять, то не буду. Буду прям UserControl'е контролы объявлять
    – Bretbas
    1 дек 2017 в 18:37
  • 1
    Можно и так, и так. В большинстве случаев можно без Template. Есть случаи, когда Template нужен, например, если у вашего UserControl'а должен быть контент, как у Window. Но если он не нужен, без него проще.
    – VladD
    1 дек 2017 в 18:38
  • 1
    Окей, ну хорошо, то есть, вы хотите стиль для кнопки заинжектить снаружи? Ну так почему бы не определить его как DependencyProperty?
    – VladD
    1 дек 2017 в 23:03

1 ответ 1

2

Есть несколько путей. Например, можно через стили в ресурсах.

Пишем вот такой контрол:

<UserControl x:Class="Test.TestUC"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:local="clr-namespace:Test">
    <StackPanel Orientation="Vertical">
        <Button Style="{DynamicResource TestUCButtonStyle}" Content="Button"/>
        <TextBlock Style="{DynamicResource TestUCTextStyle}" Text="Text"/>
    </StackPanel>
</UserControl>

Стили TestUCButtonStyle поставляем через ресурсы. Для этого в App.xaml кладём стили:

<Application.Resources>
    <Style TargetType="local:TestUC" x:Key="RedStyle">
        <!-- определяем внутренние стили -->
        <Style.Resources>
            <Style TargetType="Button" x:Key="TestUCButtonStyle">
                <Setter Property="Background" Value="Red"/>
            </Style>
            <Style TargetType="TextBlock" x:Key="TestUCTextStyle">
                <Setter Property="Foreground" Value="Red"/>
            </Style>
        </Style.Resources>
    </Style>
    <Style TargetType="local:TestUC" x:Key="SquareStyle">
        <!-- определяем внутренние стили -->
        <Style.Resources>
            <Style TargetType="Button" x:Key="TestUCButtonStyle">
                <Setter Property="Height" Value="{Binding ActualWidth,
                    RelativeSource={RelativeSource Self}}"/>
                <Setter Property="MaxWidth" Value="100"/>
            </Style>
            <Style TargetType="TextBlock" x:Key="TestUCTextStyle">
                <Setter Property="FontStyle" Value="Italic"/>
                <Setter Property="HorizontalAlignment" Value="Center"/>
            </Style>
        </Style.Resources>
        <!-- и меняем свойства -->
        <Setter Property="Background" Value="LightPink"/>
    </Style>
    <!-- устанавливаем стиль по умолчанию -->
    <Style TargetType="local:TestUC" BasedOn="{StaticResource RedStyle}"/>
</Application.Resources>

Получаем:

<StackPanel Orientation="Vertical">
    <local:TestUC/>
    <local:TestUC Style="{StaticResource SquareStyle}"/>
    <local:TestUC Style="{StaticResource RedStyle}" Background="Yellow"/>
</StackPanel>

Результат:

по-моему, эти цвета ужасны

6
  • Вы предложили поменять стили у внутренних контролов, за счет определения Style="{DynamicResource название стиля}" для каждого такого контрола внутри UserControl. Но теперь мы должны точно знать название стиля, чтобы переопределить его! Тоесть, если я отдам этот UserControl другому человеку, и он в свою очередь захочет переопределить стиль у внутренней кнопки, то ему точно нужно будет знать название стиля, которое идет после слова DynamicResource
    – Bretbas
    4 дек 2017 в 6:17
  • 1
    @Bretbas: Ну это да. Имя стиля становится при этом частью API. Если хотите более строгую альтернативу, то нужно определить стили как DependencyProperty у контрола, и привязывать из не по ключу, а через TemplateBinding.
    – VladD
    4 дек 2017 в 6:36
  • В моем случае получается, мне нужно сделать DependencyProperty стиля для кнопки, чтобы дать возможность пользователю устанавливать его внешне. Так?
    – Bretbas
    4 дек 2017 в 6:56
  • 1
    @Bretbas: Можно установить внешне, а можно и через стиль для всего контрола.
    – VladD
    4 дек 2017 в 7:08
  • Спасибо, за ответы
    – Bretbas
    4 дек 2017 в 7:15

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.