WPF中的“自定义样式”选项卡

谢拉兹·法扎尔(Sheraz Fazal)

我在下面创建类似网址的标签时遇到了问题。

http://prntscr.com/7kldyq

有三个选项卡:“系统设置”,“运营商设置”和“企业一”。

谁能帮我解决这个问题?任何帮助将不胜感激

乔比·詹姆斯(Joby James)

用这种样式替换您的TabItem样式,

<Style TargetType="{x:Type TabItem}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TabItem}">
                    <Border>
                    <Grid Margin="0,0,20,0" Height="40">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="24"/>
                            <ColumnDefinition Width="150"/>
                            <ColumnDefinition Width="24"/>

                        </Grid.ColumnDefinitions>
                        <Border
     x:Name="Border"
     Grid.Column="1"
     CornerRadius="0,0,0,0"    Margin="-2,0,0,0"
     Background="white" RenderTransformOrigin="0.5,0.5" >
                            <Border.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="180"/>
                                    <TranslateTransform/>
                                </TransformGroup>
                            </Border.RenderTransform>
                        </Border>
                        <Path
     x:Name="RoundedCorner"
     Grid.Column="0"
     Stretch="Fill"
     Data="M9.5833315,2.85 C7.8503315,1.223 2.509,0 0,0 0,0 0,19 0,19 L33.541661,19.000001 24.916663,18.050001 20.224135,15.560345 17.249997,12.35 z"
     Fill="white" RenderTransformOrigin="0.5,0.5" Grid.ColumnSpan="2" Margin="0,0,139,0" >
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform/>
                                    <SkewTransform/>
                                    <RotateTransform Angle="180"/>
                                    <TranslateTransform X="-11.000000000000014"/>
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>




     <Path
     x:Name="RoundedCorner1"
     Grid.Column="2"
     Stretch="Fill"
     Data="M9.5833315,2.85 C7.8503315,1.223 2.509,0 0,0 0,0 0,19 0,19 L33.541661,19.000001 24.916663,18.050001 20.224135,15.560345 17.249997,12.35 z"
     Fill="white" RenderTransformOrigin="0.5,0.5" Margin="-1,0,-9,-1" >
                            <Path.RenderTransform>
                                <TransformGroup>
                                    <ScaleTransform ScaleY="1" ScaleX="-1"/>
                                    <SkewTransform AngleY="0" AngleX="0"/>
                                    <RotateTransform Angle="180"/>
                                    <TranslateTransform Y="-1" X="0"/>
                                </TransformGroup>
                            </Path.RenderTransform>
                        </Path>

                        <ContentPresenter               
     x:Name="ContentSite"
     Panel.ZIndex="20" Grid.Column="1"
     VerticalAlignment="Center"
     HorizontalAlignment="Center"
     ContentSource="Header"
     Margin="12,2,12,2"
     RecognizesAccessKey="True"/>
                    </Grid>
                    </Border>
                    <ControlTemplate.Triggers>
                        <Trigger Property="IsSelected" Value="True">
                            <Setter Property="Panel.ZIndex" Value="100" />
                            <Setter TargetName="Border" Property="Background" Value="#FF333333" />
                            <Setter TargetName="RoundedCorner" Property="Fill" Value="#FF333333" />
                            <Setter TargetName="RoundedCorner1" Property="Fill" Value="#FF333333" />
                            <Setter TargetName="ContentSite" Property="TextElement.Foreground" Value="White" />
                    <!--        <Setter TargetName="CloseButton" Property="Visibility" Value="Visible" />-->
                        </Trigger>
                        <Trigger Property="IsEnabled" Value="False">
                            <Setter TargetName="Border" Property="Background" Value="white" />
                            <Setter TargetName="RoundedCorner" Property="Fill" Value="white" />
                            <Setter TargetName="RoundedCorner1" Property="Fill" Value="white" />
                           <Setter TargetName="ContentSite" Property="TextElement.Foreground" Value="Black" />
                        </Trigger>
                    </ControlTemplate.Triggers>
                </ControlTemplate>
            </Setter.Value>
        </Setter>

    </Style>

您仍然认为这并不完美,然后使用ExpressionBlend使用工具直接选择和Pen修改路径。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

WPF DevExpress MessageBox中的自定义选项卡键行为

来自分类Dev

在功能区中添加自定义选项卡

来自分类Dev

自定义JTabbedPane中的选项卡呈现顺序

来自分类Dev

在自定义嵌套选项卡中定位子选项卡

来自分类Dev

创建自定义选项卡

来自分类Dev

如何使用自定义类设置选项卡的样式?

来自分类Dev

在2选项卡视图控制器中更改自定义选项卡栏位置

来自分类Dev

为什么JTabbedPane中的自定义选项卡的边框不覆盖标准选项卡的边框?

来自分类Dev

为选项卡布局中的每个选项卡设置自定义视图时出错

来自分类Dev

如何在自定义功能区选项卡(Typescript / Javascript)中启用/禁用选项?

来自分类Dev

jQuery终端自定义选项卡完成

来自分类Dev

自定义ActionBar选项卡支持的填充

来自分类Dev

如何自定义android选项卡或背景更改?

来自分类Dev

自定义 UIView 上的更改选项卡

来自分类Dev

易于响应的选项卡自定义选项卡激活

来自分类Dev

drupal 8中的自定义模块,未在管理部分中创建选项卡

来自分类Dev

SlidingTabLayout中的自定义未选择的选项卡文本颜色

来自分类Dev

如何在magento 1.8.0.1中创建销售订单自定义选项卡

来自分类Dev

如何在Java中实现自定义选项卡控件

来自分类Dev

在SlidingTabLayout中自定义选定的选项卡文本颜色

来自分类Dev

Swift和XCode 6中的自定义选项卡栏

来自分类Dev

Woocommerce单一产品选项卡中的自定义字段

来自分类Dev

在WooCommerce中以编程方式添加自定义设置选项卡以管理产品数据

来自分类Dev

如何在自定义约会选项卡中运行代码?

来自分类Dev

为什么自定义可折叠项在选项卡中无法正常工作?

来自分类Dev

C#中的Calibre RM SDK自定义选项卡

来自分类Dev

如何在Java中实现自定义选项卡控件

来自分类Dev

UIStoryboard中的iOS 8自定义选项卡栏控制器

来自分类Dev

SlidingTabLayout中的自定义未选择的选项卡文本颜色

Related 相关文章

  1. 1

    WPF DevExpress MessageBox中的自定义选项卡键行为

  2. 2

    在功能区中添加自定义选项卡

  3. 3

    自定义JTabbedPane中的选项卡呈现顺序

  4. 4

    在自定义嵌套选项卡中定位子选项卡

  5. 5

    创建自定义选项卡

  6. 6

    如何使用自定义类设置选项卡的样式?

  7. 7

    在2选项卡视图控制器中更改自定义选项卡栏位置

  8. 8

    为什么JTabbedPane中的自定义选项卡的边框不覆盖标准选项卡的边框?

  9. 9

    为选项卡布局中的每个选项卡设置自定义视图时出错

  10. 10

    如何在自定义功能区选项卡(Typescript / Javascript)中启用/禁用选项?

  11. 11

    jQuery终端自定义选项卡完成

  12. 12

    自定义ActionBar选项卡支持的填充

  13. 13

    如何自定义android选项卡或背景更改?

  14. 14

    自定义 UIView 上的更改选项卡

  15. 15

    易于响应的选项卡自定义选项卡激活

  16. 16

    drupal 8中的自定义模块,未在管理部分中创建选项卡

  17. 17

    SlidingTabLayout中的自定义未选择的选项卡文本颜色

  18. 18

    如何在magento 1.8.0.1中创建销售订单自定义选项卡

  19. 19

    如何在Java中实现自定义选项卡控件

  20. 20

    在SlidingTabLayout中自定义选定的选项卡文本颜色

  21. 21

    Swift和XCode 6中的自定义选项卡栏

  22. 22

    Woocommerce单一产品选项卡中的自定义字段

  23. 23

    在WooCommerce中以编程方式添加自定义设置选项卡以管理产品数据

  24. 24

    如何在自定义约会选项卡中运行代码?

  25. 25

    为什么自定义可折叠项在选项卡中无法正常工作?

  26. 26

    C#中的Calibre RM SDK自定义选项卡

  27. 27

    如何在Java中实现自定义选项卡控件

  28. 28

    UIStoryboard中的iOS 8自定义选项卡栏控制器

  29. 29

    SlidingTabLayout中的自定义未选择的选项卡文本颜色

热门标签

归档