1

私はそれにクロスがあり、上の閉じるボタンに使用される次のボタンスタイルを持っていますTabItem

<Button Grid.Column="2" 
        Width="15" 
        Height="15" 
        HorizontalAlignment="Center" 
        VerticalAlignment="Center" 
        DockPanel.Dock="Right" 
        AttachedCommand:CommandBehavior.Event="Click"
        AttachedCommand:CommandBehavior.Command="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Window}}, Path=DataContext.CloseWorkspaceCommand}">
    <Button.Style>
        <Style TargetType="{x:Type Button}">
            <Setter Property="Background" Value="Transparent"/>
            <Setter Property="Cursor" Value="Hand"/>
            <Setter Property="Focusable" Value="False"/>
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type Button}">
                        <Grid Background="{TemplateBinding Background}">
                            <Path x:Name="ButtonPath"
                                  Margin="3"
                                  HorizontalAlignment="Center"
                                  VerticalAlignment="Center"
                                  Data="M0,0 L1,1 M0,1 L1,0" 
                                  SnapsToDevicePixels="True"
                                  Stretch="Uniform"
                                  Stroke="{DynamicResource CloseButtonStroke}"
                                  StrokeEndLineCap="Flat"
                                  StrokeStartLineCap="Flat"
                                  StrokeThickness="2"/>
                        </Grid>
                        <ControlTemplate.Triggers>
                            <MultiDataTrigger>
                                <MultiDataTrigger.Conditions>
                                    <Condition Binding="{Binding IsSelected, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=TabItem}}"
                                      Value="false" />
                                    <Condition Binding="{Binding IsMouseOver, RelativeSource={RelativeSource Mode=FindAncestor, AncestorType=TabItem}}"
                                      Value="false" />
                                </MultiDataTrigger.Conditions>
                                <MultiDataTrigger.Setters>
                                    <Setter Property="Visibility" Value="Hidden" />
                                </MultiDataTrigger.Setters>
                            </MultiDataTrigger>
                            <Trigger Property="IsEnabled" Value="False">
                                <Setter Property="Visibility" Value="Hidden" />
                            </Trigger>
                            <Trigger Property="IsMouseOver" Value="True">
                                <Setter Property="Background"
                          Value="{DynamicResource CloseButtonBackgroundHighlighted}" />
                                <Setter TargetName="ButtonPath" 
                                          Property="Stroke"
                          Value="{DynamicResource CloseButtonStrokeHighlighted}" />
                            </Trigger>
                            <Trigger Property="IsPressed" Value="True">
                                <Setter Property="Background"
                          Value="{DynamicResource CloseButtonBackgroundPressed}" />
                                <Setter TargetName="ButtonPath" 
                                          Property="Stroke"
                          Value="{DynamicResource CloseButtonStroke}" />
                                <Setter TargetName="ButtonPath" 
                                          Property="Margin"
                          Value="2.5,2.5,1.5,1.5" />
                            </Trigger>
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>
    </Button.Style>
</Button>

これにより、

例

CheckButtonVS2012のように閉じるボタンの横にピンを表示するスタイルを追加したいです。私はこれを問題なく行うことができますが、CheckBox上の同じボタンテンプレートの内側に配置したいので、マウスが領域の上にあるときに強調表示されます。問題は、上のボタンPathに「X」を描画する が含まれていることです。

すべてのトリガーのものを複製することなく、「X」Pathまたは のいずれかを含めることができるように、上記のボタンスタイルを汎用にすることができましたか?CheckBox

御時間ありがとうございます。

4

1 に答える 1

1

以下の ToolBarButton のようなボタン クラスを作成し、依存関係プロパティ ButtonType を持つことで、これに取り組みます。ToolBarButton に ButtonType を設定します。

    public enum ButtonType
    {
        Close =0,
        Pin
    }
    public class ToolBarButton : Button
    {
        public ButtonType ButtonType
        {
            get { return (ButtonType)this.GetValue(ButtonTypeProperty); }
            set { this.SetValue(ButtonTypeProperty, value); }
        }
        public static readonly DependencyProperty ButtonTypeProperty = DependencyProperty.Register(
          "ButtonType", typeof(ButtonType), typeof(ToolBarButton), new PropertyMetadata(ButtonType.Close));
    }

xamlで：

<local:ToolBarButton ButtonType="Pin"/>

次に、スタイルでトリガーを追加してボタンタイプをチェックし、チェックボックスを含むコントロールテンプレートを適用します

               <Style.Triggers>
                    <Trigger Property="ButtonType" Value="Pin">
                        <Setter Property="Template">
                            <Setter.Value>
                                <ControlTemplate>
                                    <CheckBox/>
                                </ControlTemplate>

                            </Setter.Value>
                        </Setter>
                    </Trigger>
                </Style.Triggers>
于 2013-09-05T17:33:05.077 に答える