2

Office 2007スタイルのズームスライダーの優れたテンプレートを見た人はいますか？

この写真に示されているように、 代替テキストhttp://www.theexceladdict.com/images/zoom_controls_excel_2007_2003.jpg

4

1 に答える 1

1

このようなものは非常に簡単に作成できます。

最初にボタンスタイルを作成します。

  <Style x:Key="ZoomIncreaseDecreaseStyle" TargetType="{x:Type RepeatButton}">
    <Setter Property="OverridesDefaultStyle" Value="true" />
    <Setter Property="IsTabStop" Value="false" />
    <Setter Property="Focusable" Value="false" />
    <Setter Property="Template">
      <Setter.Value>
        <ControlTemplate TargetType="{x:Type RepeatButton}">
          <Grid>
            <Ellipse Stroke="Gray" x:Name="Ellipse">
              <Ellipse.Fill>
                <RadialGradientBrush ... />
              </Ellipse.Fill>
            </Ellipse>
            <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" />
          </Grid>
          <ControlTemplate.Trigger>
            <Trigger Property="IsMouseOver" Value="true">
              <Setter TargetName="Ellipse" Property="Fill">
                <RadialGradientBrush ... />
              </Setter>
            </Trigger>
          </ControlTemplate.Trigger>
        </ControlTemplate>
      </Setter.Value>
    </Setter>
  <Style>

次に、BlendでControlTemplateを変更し（コピーを作成）、<Grid>の周りに次のようなものを追加します。

  <DockPanel>
    <RepeatButton
      DockPanel.Dock="Left"
      Command="{x:Stastic Slider.DecreaseLarge}"
      ControlTemplate="{StaticResource ZoomIncreaseDecreaseStyle}">
      <Path Data="{StaticResource MinusGeometry}" />
    </RepeatButton>
    <RepeatButton
      DockPanel.Dock="Right"
      Command="{x:Stastic Slider.IncreaseLarge}"
      ControlTemplate="{StaticResource ZoomIncreaseDecreaseStyle}">
      <Path Data="{StaticResource PlusGeometry}" />
    </RepeatButton>

    <Grid>
      ...

ボタンのストロークの色、グラデーションの塗りつぶし、および+パスと-パスを試して、思いどおりの色にすることができます。実際のOffice2007ボタンは著作権で保護されていると思いますので、著作権を侵害せずにボタンをコピーしすぎることはおそらくないでしょう。しかし、これは視覚的に非常に似たものを提供します。

于 2009-11-03T06:12:08.123 に答える