使用数据绑定设置渲染大小

Question

我在 XAML 中为我的 AppBatButton 使用下一个代码：

 <AppBarButton Icon="Play" Label="Play" Click="btn_Click">
    <AppBarButton.RenderTransform>
        <CompositeTransform ScaleX="{Binding Path=ButtonsRenderSize}" ScaleY="{Binding Path=ButtonsRenderSize}"/>
     </AppBarButton.RenderTransform>
  </AppBarButton>

其中 ButtonsRenderSize 是在页面的 C# 部分声明的变量：

    public static double ButtonsRenderSize { get; set; }

    public MainPage()
    {

        InitializeComponent();

        ButtonsRenderSize = 0.75;
   }

问题是绑定不起作用。 RenderSize 仍然是 1。没有绑定它可以工作，但是当窗口不在全屏模式并且我有多个按钮时，我需要从代码中修改 RenderSize，所以绑定听起来是最好的主意。

Answer 1

为了使您的绑定工作，需要以下步骤：

1. 将 MainPage 的 DataContext 设置为它自己，这样您就可以将控件的属性绑定到后面代码中的属性。
2. 每次为属性赋予新值时，实施 INotifyPropertyChanged 并引发 PropertyChanged 事件。动态更改属性值将使绑定到它的控件属性生效。

例子：

public partial class MainPage :  PhoneApplicationPage, INotifyPropertyChanged
{
    public MainPage()
    {
        InitializeComponent();
        this.DataContext = this;
        ButtonsRenderSize = 0.75;
    }

    private double _buttonsRenderSize;
    public double ButtonsRenderSize 
    {
        get { return _buttonsRenderSize; }
        set 
        {  
            if(value != _buttonsRenderSize)
            {
                _buttonsRenderSize = value;
                //raise propertychanged event to notify UI's property to update it's value
                OnPropertyChanged("ButtonsRenderSize");
            }
        }
    }

    #region INotifyPropertyChanged implementation
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged(string propertyName)
    {
        PropertyChangedEventHandler handler = PropertyChanged;
        if (handler != null) handler(this, new PropertyChangedEventArgs(propertyName));
    }
    #endregion
}