如何在MAUI.NET中将View.xaml.cs的文本显示到View.xaml？

现有代码 #

View.xaml 代码 #

<VerticalStackLayout HorizontalOptions="Center" VerticalOptions="Center">
    <Label Text="{Binding TotalClients}" TextColor="{x:StaticResource BankrWhite}" FontSize="100" FontFamily="SFProDisplayMedium" HorizontalTextAlignment="Center" CharacterSpacing="12.8"/>
    <Label TextColor="{x:StaticResource BankrYellow}" Text="total clients" FontSize="24" FontFamily="SFProDisplaySemibold" TextTransform="Uppercase" HorizontalTextAlignment="Center" CharacterSpacing="4.32"/>          
</VerticalStackLayout>

View.xaml.cs 代码 #

protected override async void OnAppearing()
{
    base.OnAppearing();
    int clients = App.ClientRepo.GetClientsTotal();

    TotalClients.Text = clients.ToString();
}

问题分析 #

你的代码存在两种UI更新方式冲突的问题：XAML里用了数据绑定{Binding TotalClients}，但后台代码又试图直接给TotalClients.Text赋值，同时XAML中的Label并未设置x:Name="TotalClients"，导致后台代码找不到该控件实例。

解决方案 #

方案1：直接通过控件实例赋值（简单直接） #

修改XAML，给目标Label添加x:Name属性：

<VerticalStackLayout HorizontalOptions="Center" VerticalOptions="Center">
    <!-- 添加x:Name="TotalClients" -->
    <Label x:Name="TotalClients" TextColor="{x:StaticResource BankrWhite}" FontSize="100" FontFamily="SFProDisplayMedium" HorizontalTextAlignment="Center" CharacterSpacing="12.8"/>
    <Label TextColor="{x:StaticResource BankrYellow}" Text="total clients" FontSize="24" FontFamily="SFProDisplaySemibold" TextTransform="Uppercase" HorizontalTextAlignment="Center" CharacterSpacing="4.32"/>          
</VerticalStackLayout>

后台代码保持不变即可，此时TotalClients就是Label的实例，能直接赋值更新文本。

方案2：使用数据绑定（MVVM模式推荐） #

如果想用数据绑定，需要确保页面的BindingContext正确，并且拥有可绑定的TotalClients属性：

1. 在View.xaml.cs中添加可绑定属性：

public static readonly BindableProperty TotalClientsProperty =
    BindableProperty.Create(nameof(TotalClients), typeof(string), typeof(YourViewClassName), string.Empty);

public string TotalClients
{
    get => (string)GetValue(TotalClientsProperty);
    set => SetValue(TotalClientsProperty, value);
}

protected override async void OnAppearing()
{
    base.OnAppearing();
    int clients = App.ClientRepo.GetClientsTotal();
    TotalClients = clients.ToString();
}

注意将YourViewClassName替换为你的页面类名（比如MainPage）。

2. 设置页面的BindingContext：
   可以在View.xaml的根元素添加：

<ContentPage ... BindingContext="{x:Reference Self}" x:Name="Self">
    <!-- 你的VerticalStackLayout代码 -->
</ContentPage>

或者在后台构造函数中设置：

public YourViewClassName()
{
    InitializeComponent();
    BindingContext = this;
}

设置完成后，当TotalClients属性更新时，Label的Text会自动同步显示最新值。

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