Как стилизовать элементы в ItemsPresenter пользовательского ItemsControl? - PullRequest
Новая
       30

Как стилизовать элементы в ItemsPresenter пользовательского ItemsControl?

0 голосов
/ 25 сентября 2018

Я пытаюсь создать пользовательский ItemsControl, который показывает RadioButtons или Checkboxes и автоматически применяет стили к этим элементам.

Это то, что у меня сейчас есть:

Custom ItemsControl: 

public class LabelContainer : ItemsControl
{
    public string Label
    {
        get { return (String)GetValue(LabelProperty); }
        set { SetValue(LabelProperty, value); }
    }

    public static readonly DependencyProperty LabelProperty =
 DependencyProperty.Register("Label", typeof(string),
   typeof(LabelContainer), new PropertyMetadata(""));
}

Стили: 

<ItemsPanelTemplate x:Key="ItemsPanelTemplate">
    <StackPanel Orientation="Horizontal">
        <StackPanel.Resources>
            <Style TargetType="{x:Type RadioButton}" >
                <Setter Property="Margin" Value="0,0,8,0"/>
            </Style>
        </StackPanel.Resources>
    </StackPanel>
</ItemsPanelTemplate>

<Style TargetType="local:LabelContainer">
    <Setter Property="ItemsPanel" Value="{StaticResource ItemsPanelTemplate}"></Setter>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="local:LabelContainer">
                <StackPanel>
                    <TextBlock FontWeight="Medium" Margin="0,0,7,6" Text="{TemplateBinding Label}"/>
                    <ItemsPresenter>
                        <ItemsPresenter.Resources>
                            <Style TargetType="{x:Type RadioButton}">
                                <Setter Property="Margin" Value="0,0,8,0"/>
                            </Style>
                            <Style TargetType="{x:Type CheckBox}">
                                <Setter Property="Margin" Value="0,0,8,0"/>
                            </Style>
                        </ItemsPresenter.Resources>
                    </ItemsPresenter>
                </StackPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
</Style>

И я использую это так: 

<local:LabelContainer Label="RadioButtons:">
    <RadioButton>Nr 1</RadioButton>
    <RadioButton>Nr 2</RadioButton>
</local:LabelContainer>

Все работает нормально, кроме стилизации отдельных элементов.В этом случае я пытаюсь добавить поле для радиокнопок.Я знаю, что могу добавить поля для каждого элемента вручную, но я пытаюсь избежать этого.

Я попытался поместить стили в ItemsPresenter.Resources основного стиля, и я попытался поместить егов StackPanel.Resources элемента ItemsPanelTemplate.Оба эти параметра не работают, стили не применяются.

Есть идеи, почему это не работает?

1 Ответ

0 голосов
/ 25 сентября 2018

Я понял: мне пришлось поместить стили для RadioButtons и CheckBoxes в Style.Resources пользовательского ItemsControl.

Это рабочий код: 

<ItemsPanelTemplate x:Key="ItemsPanelTemplate">
    <StackPanel Orientation="Horizontal" />
</ItemsPanelTemplate>

<Style TargetType="local:LabelContainer">
    <Setter Property="ItemsPanel" Value="{StaticResource ItemsPanelTemplate}"/>
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="local:LabelContainer">
                <StackPanel>
                    <TextBlock FontWeight="Medium" Margin="0,0,7,6" Text="{TemplateBinding Label}"/>
                    <ItemsPresenter />
                </StackPanel>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Style.Resources>
        <Style TargetType="{x:Type RadioButton}" BasedOn="{StaticResource {x:Type RadioButton}}">
            <Setter Property="Margin" Value="0,0,8,0" />
        </Style>
        <Style TargetType="{x:Type CheckBox}" BasedOn="{StaticResource {x:Type CheckBox}}">
            <Setter Property="Margin" Value="0,0,8,0" />
        </Style>
    </Style.Resources>
</Style>
...