9

ボタン コントロール スタイルがあり、2 ピクセルのオフセットが必要なグリフを調整するために、データ バインドされたバージョンからパディングを変更したいと考えています。例として、SimpleStyles.xaml の SimpleButton を使用します (... 簡潔にするためにトリガー コードが削除された場所を示しています)。

<Style x:Key="SimpleButton" TargetType="{x:Type Button}" BasedOn="{x:Null}">
  <Setter Property="FocusVisualStyle" Value="{DynamicResource SimpleButtonFocusVisual}"/>
  <Setter Property="Background" Value="{DynamicResource NormalBrush}"/>
  <Setter Property="BorderBrush" Value="{DynamicResource NormalBorderBrush}"/>
  <Setter Property="Template">
    <Setter.Value>
        <ControlTemplate TargetType="{x:Type Button}">
            <!-- We use Grid as a root because it is easy to add more elements to customize the button -->
           <Grid x:Name="Grid">
             <Border x:Name="Border" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}"/>

              <!-- Content Presenter is where the text content etc is placed by the control. The bindings are useful so that the control can be parameterized without editing the template -->
             <ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" Margin="{TemplateBinding Padding}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" RecognizesAccessKey="True"/>
           </Grid>
     ...
    </Setter.Value>                     
  </Setter>
</Style>

私がやりたいことは、Padding="{TemplateBinding Padding}" の場所に余分なマージンを追加することです。Padding="{TemplateBinding Padding} + 2,0,0,0" のようなもの。

それに XAML 構文はありますか? そうでない場合、コードでこれを行うときの最善の方法はありますか (Decorator?)?

4

6 に答える 6

9

現在、XAML は Binding 構文などの式を解析しません。ただし、IValueConverterまたはIMultiValueConverterを使用して解決できます。

XAML:

<Setter.Value>
    <ControlTemplate TargetType="{x:Type Button}">
       <Grid x:Name="Grid">
         <Grid.Resources>
             <local:ThicknessAdditionConverter x:Key="AdditiveThickness" />
         </Grid.Resources>
         <Border x:Name="Border">
             <Border.Padding>
                 <Binding Path="Padding" RelativeSource="{RelativeSource TemplatedParent}"
                          Converter="{StaticResource AdditiveThickness}">
                     <Binding.ConverterParameter>
                         <Thickness>2,0,0,0</Thickness>
                     </Binding.ConverterParameter>
                 </Binding>
             </Border.Padding>
         </Border>
 ...
</Setter.Value>

IValueConverter コード ビハインド:

public class ThicknessAdditionConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value == null) return new Thickness(0, 0, 0, 0);
        if (!(value is Thickness)) throw new ArgumentException("Value not a thickness", "value");
        if (!(parameter is Thickness)) throw new ArgumentException("Parameter not a thickness", "parameter");

        var thickness = new Thickness(0, 0, 0, 0);
        var t1 = (Thickness)value;
        var t2 = (Thickness)parameter;

        thickness.Left = t1.Left + t2.Left;
        thickness.Top = t1.Top + t2.Top;
        thickness.Right = t1.Right + t2.Right;
        thickness.Bottom = t1.Bottom + t2.Bottom;

        return thickness;
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}
于 2008-11-30T18:50:14.530 に答える
3

Eval Bindingと呼ばれるBlendables.comで入手可能な製品があり、 Simple Bindingは現在これを行います。(製品は無料ではありません)ここでホワイトペーパーをチェックしてください

たとえば、次の XAML コードの場合、操作を行うにはコンバーターが必要です。

<Ellipse Fill="Blue" Height="50"
    Width="{Binding RelativeSource={RelativeSource Self}, 
        Path=Height, Converter={StaticResource MyConverter}}" />

しかし、EvalBinding を使用すると、以下のように実行できます

    <Ellipse Fill="Blue" Height="50"
    Width="{blendables:EvalBinding [{Self}.Height]/2}" />
于 2008-11-29T20:54:57.150 に答える
2

いいえ、このバージョンのXAMLにはありません。値コンバーターを使用して計算を行ってください。

于 2008-11-29T20:16:09.007 に答える
2

このライブラリExpressionConverterのをチェックしてください。

于 2008-11-30T18:21:24.620 に答える
1

変換を利用して簡単な計算を行うことができます。

Charles Petzold がずっと前に思いついたこのトリックをチェックしてください: http://www.charlespetzold.com/blog/2006/04/060223.html

残念ながら、特定のシナリオには役立たないようです...パディングの Thickness 型の Left プロパティのみを変更したいので...そしてそれは単独でバインドできる依存関係プロパティではありません。

ただし、Googleまたは別の検索エンジンを介してここにたどり着く他の人に役立つ場合に備えて、この回答を追加する必要があると感じました.

于 2011-08-03T23:09:23.227 に答える
1

MathConverter をチェックしてください: http://rachel53461.wordpress.com/2011/08/20/the-math-converter/

@VALUE はバインド先の値です。

ConverterParameter=((@VALUE-15)*.2)
于 2013-03-25T16:36:49.613 に答える