.NET MAUI点击单按钮读取多输入项数据的优雅实现咨询

1. 最优雅的实现方式：MVVM数据绑定 #

.NET MAUI官方推荐用MVVM（Model-View-ViewModel）模式处理UI与数据的交互，这和你熟悉的Django MVC思路有共通逻辑，但更侧重客户端的双向数据同步，完全不需要运行时加载XAML，具体步骤如下：

步骤1：创建ViewModel类 #

借助CommunityToolkit.Mvvm包（官方简化MVVM的工具）实现ObservableObject，定义对应每个输入控件的属性：

using CommunityToolkit.Mvvm.ComponentModel;
using CommunityToolkit.Mvvm.Input;

public partial class InputViewModel : ObservableObject
{
    // 对应Entry的属性
    [ObservableProperty]
    private string _nameInput;

    [ObservableProperty]
    private int _ageInput;

    // 对应Slider的属性
    [ObservableProperty]
    private double _ratingValue;

    // Save按钮的处理命令
    [RelayCommand]
    private void SaveInputs()
    {
        // 直接用属性处理数据，无需手动读取控件值
        var inputData = new 
        {
            Name = NameInput,
            Age = AgeInput,
            Rating = RatingValue
        };
        // 此处编写你的数据处理逻辑（存本地、调API等）
    }
}

步骤2：在XAML页面完成绑定 #

将ViewModel设为页面的BindingContext，再把每个Entry/Slider与ViewModel的属性绑定：

<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:viewmodels="clr-namespace:YourAppNamespace.ViewModels"
             x:Class="YourAppNamespace.Views.InputPage">

    <ContentPage.BindingContext>
        <viewmodels:InputViewModel />
    </ContentPage.BindingContext>

    <VerticalStackLayout Padding="20">
        <!-- Entry绑定 -->
        <Entry Placeholder="输入姓名" Text="{Binding NameInput}" />
        <Entry Placeholder="输入年龄" Text="{Binding AgeInput, Converter={StaticResource IntConverter}}" Keyboard="Numeric" />
        
        <!-- Slider绑定 -->
        <Slider Minimum="0" Maximum="10" Value="{Binding RatingValue}" />
        <Label Text="{Binding RatingValue, StringFormat='评分：{0:F1}'}" />

        <!-- Save按钮绑定命令 -->
        <Button Text="保存" Command="{Binding SaveInputsCommand}" />
    </VerticalStackLayout>
</ContentPage>

注：如果需要将Entry的字符串转为数字类型，可自行实现一个简单的值转换器，或使用CommunityToolkit中的现成转换器。

为什么这是最优解？ #

• 彻底分离UI与业务逻辑：和Django将表单逻辑放在Form类的思路类似，ViewModel负责数据与处理逻辑，页面仅负责展示，代码更易维护。
• 无需手动遍历控件：所有输入会自动同步到ViewModel，点击Save时直接调用属性即可。
• 符合.NET MAUI官方最佳实践，规避了运行时加载XAML这类不推荐的实现方式。

如果暂时不想用MVVM（不推荐，仅应急可用），也可以给每个控件设置x:Name，在Save按钮的点击事件中直接读取控件的Text/Value属性，但这种方式耦合度高，后期维护成本大。

2. 用户能否实时看到输入内容？ #

完全可以，且体验比原回车确认方式更好。因为.NET MAUI中Entry、Slider这类输入控件的绑定默认是双向绑定：

• 用户在Entry中输入字符时，内容会实时同步到ViewModel的对应属性，同时Entry会立刻显示输入内容，无需按回车确认。
• 拖动Slider时，绑定的Label也会实时更新显示当前值，用户能直观看到操作结果。

这和Django中表单输入时实时显示内容的逻辑一致，只不过.NET MAUI的双向绑定是客户端自动完成的，无需后端交互。

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