C#一個簡單的TabItem樣式

<Grid Grid.ColumnSpan="2">
	<Grid.Resources>
		<SolidColorBrush x:Key="TabItemDisabledBackground" Color="#c8ddfd"/>
		<SolidColorBrush x:Key="TabItemDisabledBorderBrush" Color="#c8ddfd"/>

		<Style  TargetType="{x:Type TabItem}">
			<!--<Setter Property="FocusVisualStyle" Value="{x:null}"/>-->
			<Setter Property="Foreground" Value="#3664ae"/> <!--更改tab字體顏色-->
			<Setter Property="FontSize" Value="13"/><!--更改tab字體-->

			<Setter Property="HorizontalContentAlignment" Value="Stretch"/>
			<Setter Property="VerticalContentAlignment" Value="Stretch"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type TabItem}">
						<Grid SnapsToDevicePixels="true" Height="20" MinWidth="110"> <!--更改tab大小-->
							<!--更改tab下箭頭的樣式-->
							<Path Margin="0 0 0 -12" x:Name="PATH" Visibility="Collapsed" Data="M0.5,0.5 L109.5,0.5 109.5,39.5 64,40 57,51 49,40 0.5,39.5 z" Fill="#3664ae"  Height="20.5"  Stretch="Fill" Stroke="Transparent"  Width="110"/>
							<!--更改tab未點擊的樣式-->
							<Border x:Name="Bd" Background="#dfe9f6">
								<ContentPresenter Margin="5 0 5 0" x:Name="Content" ContentSource="Header" HorizontalAlignment="{Binding HorizontalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}" RecognizesAccessKey="True" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{Binding VerticalContentAlignment, RelativeSource={RelativeSource AncestorType={x:Type ItemsControl}}}"/>
							</Border>
						</Grid>
						<ControlTemplate.Triggers>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsSelected" Value="true"/>
									<Condition Property="TabStripPlacement" Value="Top"/>
								</MultiTrigger.Conditions>
								<Setter Property="Visibility" Value="visible" TargetName="PATH"/>
								<Setter Property="Foreground" Value="White"></Setter> <!--更改tab中的字體顏色-->
								<Setter Property="Background" Value="#b8d8ff" TargetName="Bd"/><!--更改tab按鈕顏色-->
							</MultiTrigger>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Background" TargetName="Bd" Value="{StaticResource TabItemDisabledBackground}"/>
								<Setter Property="BorderBrush" TargetName="Bd" Value="{StaticResource TabItemDisabledBorderBrush}"/>
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</Grid.Resources>
	<TabControl Grid.ColumnSpan="2" Height="100" Background="#c8ddfd" HorizontalAlignment="Left" Margin="10,10,0,0" Name="tabControl1" VerticalAlignment="Top" Width="424" FlowDirection="LeftToRight" VerticalContentAlignment="Bottom">

		<TabItem Header="地圖" Name="tabItem1" Background="#dceaff" >
			<Grid Cursor="Hand">
				<StackPanel  Name="fd" MouseDown="fd_MouseDown">
					<Image Height="30" HorizontalAlignment="Left" Margin="106,10,0,0"  Stretch="Fill"  Width="35" Source="resource/icon/fd.png"  />
					<Label Content="放大" Height="28" HorizontalAlignment="Stretch" Margin="105,-1,0,0"  VerticalAlignment="Stretch" />
				</StackPanel>
			</Grid>
		</TabItem>
		<TabItem Header="分佈" Name="tabItem2" Background="#dceaff">
			<Grid Cursor="Hand">
				<!--<Label Content="啦啦啦" Height="28" HorizontalAlignment="Stretch" Margin="5,40,0,0" Name="wry" VerticalAlignment="Stretch" />-->
				<ComboBox Height="23" HorizontalAlignment="Left" Margin="5,43,0,0" Name="comboBox1" VerticalAlignment="Top" Width="45" Background="#c8ddfd" SelectionChanged="comboBox1_SelectionChanged" />
				<Image Height="30" HorizontalAlignment="Left" Margin="10,10,0,0" Name="image10" Stretch="Fill" VerticalAlignment="Top" Width="35" Source="resource/icon/wry.png" />
				<CheckBox Content="五六" Height="16" HorizontalAlignment="Left" Margin="120,10,0,0" Grid.Column="1" Name="LV4" VerticalAlignment="Top" BorderBrush="#FF1AF049" Background="#FF1AF049" Grid.ColumnSpan="2" IsChecked="True"/>
			</Grid> 
                </TabItem>
	</TabControl>
</Grid>

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章