Как можно создать такой чекбокс, который на фото?
Я плохо разбираюсь в создании стилей. :(
Stack Overflow на русском — это сайт вопросов и ответов для программистов. Присоединяйтесь! Регистрация займёт не больше минуты.
Присоединиться к сообществуКак можно создать такой чекбокс, который на фото?
Я плохо разбираюсь в создании стилей. :(
Как, как. Как обычно, стиль поменять. Отталкиваясь от этого: CheckBox Styles and Templates.
Попробуйте этот код. По крайней мере для IsEnabled = True
часть кода работает. Картинки подставьте свои.
<Style TargetType="{x:Type CheckBox}" x:Key="CheckboxStyle">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type CheckBox}">
<StackPanel Orientation="Horizontal">
<Image x:Name="checkboxImage" Source="CheckBoxNormalDefault.png" Width="16"/>
<ContentPresenter/>
</StackPanel>
<ControlTemplate.Triggers>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsEnabled" Value="True"/>
<Condition Property="IsChecked" Value="False"/>
</MultiTrigger.Conditions>
<Setter TargetName="checkboxImage" Property="Source" Value="CheckBoxNormalDefault.png"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsEnabled" Value="True"/>
<Condition Property="IsChecked" Value="True"/>
</MultiTrigger.Conditions>
<Setter TargetName="checkboxImage" Property="Source" Value="CheckBoxNormalChecked.png"/>
</MultiTrigger>
<!-- For disabled state. -->
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsEnabled" Value="False"/>
<Condition Property="IsChecked" Value="False"/>
</MultiTrigger.Conditions>
<Setter TargetName="checkboxImage" Property="Source" Value="CheckBoxDisabledDefault.png"/>
</MultiTrigger>
<MultiTrigger>
<MultiTrigger.Conditions>
<Condition Property="IsEnabled" Value="False"/>
<Condition Property="IsChecked" Value="True"/>
</MultiTrigger.Conditions>
<Setter TargetName="checkboxImage" Property="Source" Value="CheckBoxDisabledChecked.png"/>
</MultiTrigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
Инициализация стиля:
<CheckBox Style="{StaticResource CheckboxStyle}" />