mvvm - Xamarin Forms - 绑定(bind)图像比例

Question

我正在使用具有 MVVM 模式的 Xamarin Forms。我想在触发点击手势命令时缩小图像，等待几毫秒并将其缩放回全尺寸以提供按钮按下效果。

这是我的 XAML 代码:

<Image 
                x:Name="RefreshImage" 
                WidthRequest="24" 
                Scale="{Binding ImageScale, Mode=TwoWay}"
                Source="{local:ImageResource MyProject.Resources.refresh.png}" 
                VerticalOptions="Center">
                <Image.GestureRecognizers>
                    <TapGestureRecognizer Command="{Binding RefreshTapCommand, Mode=TwoWay}" CommandParameter="RefreshImage" />
                </Image.GestureRecognizers>
</Image>

这是我的 View 模型:

public class AlertListViewModel : BaseViewModel
{
    public ICommand RefreshTapCommand { get; private set; }
    public double ImageScale { get; set; }       
    public AlertListViewModel()
    {
        RefreshList();

        items.CollectionChanged += this.OnCollectionChanged;

        RefreshTapCommand = new Command(OnTapRefresh);
        ImageScale = 1;
    }

    async void OnTapRefresh(Object obj)
    {
        ImageScale = 0.8;
        await ExecuteRefreshCommand();
        await Task.Delay(100);
        ImageScale = 1;
    }

点击手势可以刷新列表，我没有收到任何错误，但图像无法缩放

Answer 1

您应该在 ImageScale 的 setter 中使用 BaseViewModel 的 RaisePropertyChanged(或类似的想法 - 通常来自 INotifyPropertyChanged 的​​ PropertyChanged)。