UWP应用启动时设置按钮属性无效，该如何解决？

问题描述 #

我开发了一款与网络设备通信的简易UWP应用，已实现异步方法await GetStatus("PW?")用于发送指令并获取设备状态。我需要在应用加载时实现SetPowerButtonProperties()方法，在UI渲染完成后设置指定按钮的内容与颜色。我添加了Debug.WriteLine("yes");来验证方法是否被调用。

我尝试在App.xaml.cs中实例化MainPage类，以调用SetPowerButtonProperties()方法并访问按钮的x:Name：

protected override void OnLaunched(LaunchActivatedEventArgs e)
{
    Frame rootFrame = Window.Current.Content as Frame;

    // Do not repeat app initialization when the Window already has content,
    // just ensure that the window is active
    if (rootFrame == null)
    {
        // Create a Frame to act as the navigation context and navigate to the first page
        rootFrame = new Frame();
        var mainPage = new MainPage();
        mainPage.SetPowerButtonProperties();

        rootFrame.NavigationFailed += OnNavigationFailed;

        if (e.PreviousExecutionState == ApplicationExecutionState.Terminated)
        {
            //TODO: Load state from previously suspended application
        }

        // Place the frame in the current Window
        Window.Current.Content = rootFrame;
    }
    Window.Current.Activate();

    if (e.PrelaunchActivated == false)
    {
        if (rootFrame.Content == null)
        {
            // When the navigation stack isn't restored navigate to the first page,
            // configuring the new page by passing required information as a navigation
            // parameter
            rootFrame.Navigate(typeof(MainPage), e.Arguments);
        }
        // Ensure the current window is active
        Window.Current.Activate();
    }
}

此时UI渲染完成后输出了"yes"，说明方法已被调用，但按钮的内容和颜色并未改变。另外，我已在MainPage.xaml中设置x:FieldModifier="public"以解决初始报错问题：

<Button Content="Power ON" x:Name="powerButton" Click="PowerButtonClick" FontSize="20" x:FieldModifier="public"/>

请问我应该将SetPowerButtonProperties()方法放在哪里才能生效？

解决方案 #

问题根源 #

你在App.xaml.cs中手动实例化的MainPage对象，和后续通过rootFrame.Navigate(typeof(MainPage))创建的页面实例完全是两个独立对象。你修改的是第一个实例的按钮属性，但实际显示在界面上的是第二个实例，所以修改不会生效。

正确实现方式 #

1. 将方法放在MainPage的生命周期回调中

页面的生命周期方法能确保在UI渲染完成且实例处于活跃状态时执行代码，推荐两种方式：

方式一：使用Loaded事件

在MainPage.xaml中为页面绑定Loaded事件：

<Page x:Class="YourAppName.MainPage"
      ...
      Loaded="Page_Loaded">
    <!-- 页面其他内容 -->
</Page>

在MainPage.xaml.cs中实现事件处理逻辑：

private async void Page_Loaded(object sender, RoutedEventArgs e)
{
    // 异步获取设备状态
    var deviceStatus = await GetStatus("PW?");
    // 根据状态设置按钮属性
    SetPowerButtonProperties(deviceStatus);
}

private void SetPowerButtonProperties(string deviceStatus)
{
    Debug.WriteLine("yes");
    // 根据实际状态修改按钮内容和颜色
    if (deviceStatus.Equals("ON", StringComparison.OrdinalIgnoreCase))
    {
        powerButton.Content = "Power OFF";
        powerButton.Background = new SolidColorBrush(Colors.Red);
    }
    else
    {
        powerButton.Content = "Power ON";
        powerButton.Background = new SolidColorBrush(Colors.Green);
    }
}

方式二：重写OnNavigatedTo方法

在MainPage.xaml.cs中重写导航完成的回调方法：

protected override async void OnNavigatedTo(NavigationEventArgs e)
{
    base.OnNavigatedTo(e);
    var deviceStatus = await GetStatus("PW?");
    SetPowerButtonProperties(deviceStatus);
}

private void SetPowerButtonProperties(string deviceStatus)
{
    Debug.WriteLine("yes");
    // 按钮属性修改逻辑同上
}

2. 清理App.xaml.cs中的冗余代码

删除App.xaml.cs中以下无用的实例化代码，避免创建无效页面对象：

var mainPage = new MainPage();
mainPage.SetPowerButtonProperties();

额外优化建议 #

• 移除x:FieldModifier="public"：按钮的x:Name默认是内部访问权限，在MainPage类内部直接访问即可，设置为public会破坏类的封装性。
• 异步方法处理：确保GetStatus方法内部正确处理异步操作，避免阻塞UI线程，必要时可使用Dispatcher确保UI操作在主线程执行（UWP中页面生命周期方法默认在主线程，一般无需额外处理）。

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