Question

主要思想是拥有一个带有默认图标"yes.png"并带有文本"Accept"的按钮，但是可以仅使用XAML来更改这两个属性（在设计过程中，无需编译）

当前XAML窗口的底部区域只有两个按钮：

<Window xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">
    <Window.Resources>
        <ResourceDictionary>
            <Style x:Key="tb1" TargetType="{x:Type Button}">
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate>
                            <Border BorderThickness="1" BorderBrush="#000" Padding="0">
                                <Grid>
                                    <Grid.ColumnDefinitions>
                                        <ColumnDefinition Width="Auto"/>
                                        <ColumnDefinition/>
                                    </Grid.ColumnDefinitions>
                                    <Image Source="Files/Icons/no.png" Margin="10,0,0,0" Height="16" Width="16"></Image>
                                    <TextBlock Grid.Column="1" Margin="10" VerticalAlignment="Center">Cancel</TextBlock>
                                </Grid>
                            </Border>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
                <Setter Property="Margin" Value="0,10,10,10"></Setter>
            </Style>
        </ResourceDictionary>
    </Window.Resources>
    <Grid>
        <Border BorderThickness="0, 1, 0, 0" BorderBrush="#e7e7e7" HorizontalAlignment="Stretch" Padding="0,0,0,0" VerticalAlignment="Bottom" Height="61">
            <StackPanel Grid.Row="1" Orientation="Horizontal" HorizontalAlignment="Right">
                <Button x:Name="b_Accept" Style="{StaticResource tb1}"></Button> <!-- How to change an icon to "yes.png" and TextBlock's content to "Accept"? -->
                <Button x:Name="b_Cancel" Style="{StaticResource tb1}"></Button>
            </StackPanel>
        </Border>
    </Grid>
</Window>

结果：

请

如何将第二个按钮的图标更改为"no.png"（源属性），将TextBlock的文本（内容）更改为{{1} }（仅使用XAML ，而不使用用户控件）？
非常正确的方式（最简单的方法）是什么？例如，在此post中，我们可能使用 DataTemplate ，但这并不是我们想要的，因为DataTemplate更改了整个元素，而我们只需要一个属性。
< / li>

虽然，我是正确的，只有"Cancel"（C＃）可以用于编译目的？

谢谢

Answer 1

您可以创建自定义Button类或附加属性来扩展Button：

public class IconControl : DependencyObject
{
  #region IconUri attached property

  public static readonly DependencyProperty IconUriProperty = DependencyProperty.RegisterAttached(
    "IconUri", typeof(ImageSource), typeof(IconControl), new PropertyMetadata(default(ImageSource)));

  public static void SetIconUri([NotNull] DependencyObject attachingElement, ImageSource value)
  {
    attachingElement.SetValue(IconControl.IconUriProperty, value);
  }

  public static ImageSource GetIconUri([NotNull] DependencyObject attachingElement) => (ImageSource) attachingElement.GetValue(IconControl.IconUriProperty);

  #endregion

  #region Label attached property

  public static readonly DependencyProperty LabelProperty = DependencyProperty.RegisterAttached(
    "Label", typeof(String), typeof(IconControl), new PropertyMetadata(default(String)));

  public static void SetLabel([NotNull] DependencyObject attachingElement, String value)
  {
    attachingElement.SetValue(IconControl.LabelProperty, value);
  }

  public static String GetLabel([NotNull] DependencyObject attachingElement) => (String) attachingElement.GetValue(IconControl.LabelProperty);

  #endregion
}

已将Style的{{1}}修改为：

Button

用法：

<Style x:Key="IconButtonStyle"
       TargetType="{x:Type Button}">

  <!-- Set the default values -->
  <Setter Property="IconControl.IconUri" Value="/Files/Icons/no.png"/>
  <Setter Property="IconControl.Label" Value="Cancel"/>

  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type Button}">
        <Border BorderThickness="1"
                BorderBrush="#000"
                Padding="0">
          <Grid>
            <Grid.ColumnDefinitions>
              <ColumnDefinition Width="Auto" />
              <ColumnDefinition />
            </Grid.ColumnDefinitions>
            <Image Source="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(IconControl.IconUri)}"
                   Margin="10,0,0,0"
                   Height="16"
                   Width="16" />
            <TextBlock Grid.Column="1"
                       Margin="10"
                       VerticalAlignment="Center"
                       Text="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(IconControl.Label)}" />
          </Grid>
        </Border>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
  <Setter Property="Margin"
          Value="0,10,10,10"></Setter>
</Style>

如何仅使用XAML更改资源模板元素的属性？

1 个答案: