MAUI技术问题：如何根据ViewModel属性值切换Telerik按钮文本

下面提供两种实用的实现方式，你可以根据自己的习惯选择：

方法一：使用值转换器 #

这种方式适合需要在多个UI元素中复用相同逻辑的场景。

1. 创建值转换器类
   实现IValueConverter接口，根据Name属性的值返回对应的按钮文本：

public class NameToButtonTextConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var name = value as string;
        return string.IsNullOrEmpty(name) ? "Add" : "Update";
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // 此处不需要反向转换，直接抛出异常即可
        throw new NotImplementedException();
    }
}

2. 在XAML中声明转换器
   在弹窗页面的资源节点中添加转换器引用，记得替换命名空间为你项目实际的命名空间：

<ContentPage.Resources>
    <local:NameToButtonTextConverter x:Key="NameToButtonTextConverter" />
</ContentPage.Resources>

同时要在XAML根节点添加命名空间声明：

xmlns:local="clr-namespace:YourApp.ProjectNamespace"

3. 修改按钮的Text绑定
   将RadButton的Text属性绑定到ViewModel的Name，并应用转换器：

<telerik:RadButton Text="{Binding Name, Converter={StaticResource NameToButtonTextConverter}}" 
                   CommandParameter="{Binding Source={x:Reference Name=AddNewNote}}" 
                   Command="{Binding OkCommand}"></telerik:RadButton>

方法二：在ViewModel中添加计算属性 #

这种方式逻辑更集中在ViewModel里，适合不需要复用逻辑的场景。

1. 确保ViewModel实现INotifyPropertyChanged
   只有实现这个接口，当Name属性变化时，UI才能收到更新通知：

public class YourViewModel : INotifyPropertyChanged
{
    private string _name;
    public string Name
    {
        get => _name;
        set
        {
            if (_name != value)
            {
                _name = value;
                OnPropertyChanged();
                // 通知ButtonText属性发生变化
                OnPropertyChanged(nameof(ButtonText));
            }
        }
    }

    // 根据Name动态生成按钮文本的计算属性
    public string ButtonText => string.IsNullOrEmpty(Name) ? "Add" : "Update";

    // 实现INotifyPropertyChanged的必要成员
    public event PropertyChangedEventHandler PropertyChanged;

    protected virtual void OnPropertyChanged([CallerMemberName] string propertyName = null)
    {
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
    }

    // 你的OkCommand命令实现
    public ICommand OkCommand { get; } = new Command(/* 此处添加命令逻辑 */);
}

2. 绑定按钮的Text到计算属性
   直接将RadButton的Text绑定到ViewModel的ButtonText属性即可：

<telerik:RadButton Text="{Binding ButtonText}" 
                   CommandParameter="{Binding Source={x:Reference Name=AddNewNote}}" 
                   Command="{Binding OkCommand}"></telerik:RadButton>

内容的提问来源于stack exchange，提问作者Pawan Nogariya