1
나는 이미지 아래처럼 TabItem의와 함께 TabControl에 대한 스타일을 구현하기 위해 노력하고 있습니다 :을 TabControl와의 DropShadow 효과 TabItem의 WPF
- :
는 스타일이 눈에 보이는 것보다해야 목록 항목
- TabControl의 흰색 배경 및 Dropshadow 효과가있는 선택된 TabItem.
- TabItem이 선택되어 있지 않으면 TabItem 텍스트 색이 회색으로 바뀌어야합니다. 내가 지금까지 달성 한 무엇
:
- TabSizeConverter 컨버터를 사용하여 동일한 크기와 TabItem의 항목을 수용 할 수있는 TabControl의 폭을 분할 가능.
- TabControl 및 TabItem을 사용하여 배경을 변경할 수 있습니다. 그러나 Dropshadow 효과를 얻을 수 없습니다.
- 다음은 TabItem에 내 스타일이다
<Setter Property="Padding" Value="0"/>
<Setter Property="IsTabStop" Value="False"/>
<Setter Property="Foreground" Value="{StaticResource color_MediumGray}"/>
<Setter Property="FontSize" Value="34"/>
<Setter Property="FontFamily" Value="Resources/Fonts/#HelveticaNeueMed" />
<Setter Property="Width">
<Setter.Value>
<MultiBinding Converter="{StaticResource tabSizeConverter}">
`<Binding RelativeSource="{RelativeSource Mode=FindAncestor,` AncestorType={x:Type TabControl}}" />
<Binding RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType={x:Type TabControl}}" Path="ActualWidth" />
</MultiBinding>
</Setter.Value>
</Setter>
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type TabItem}">
<Border x:Name="Chrome"
BorderThickness="30,0"
BorderBrush="{StaticResource color_Transparent}"
Background="{StaticResource color_LightGray}"
Padding="0" Margin="0">
<ContentPresenter ContentSource="Header"
HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
</Border>
<ControlTemplate.Triggers>
<Trigger Property="Selector.IsSelected" Value="True">
<Setter TargetName="Chrome" Property="BorderThickness" Value="0"/>
<Setter TargetName="Chrome" Property="Background" Value="{StaticResource color_White}"/>
<Setter Property="Foreground" Value="{StaticResource color_Purple}"/>
</Trigger>
</ControlTemplate.Triggers>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
사람이 나에게 큰 도움이 될 것 같은 스타일을 TabControl을 acheving 도움이 될 수있는 경우. 미리 감사드립니다.
안녕하세요, 몇 가지 피드백을 얻을 좋을 것이다. – grek40