Привязка данных в UWP

Question

Так как я новичок в UWP. Мне нужно привязать свойство в файле MainPage.Cs к Mainpage.xaml и отобразить данные. Пожалуйста, найдите следующий код.

MainPage.xaml.cs

  public string ButtonText { get ; set ; }

    public MainPage()
    {
        ButtonText = "Blue";
        this.InitializeComponent();

    }

Mainpage.Xaml

<Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
        <Button Content="{Binding ButtonText}" />
</Grid>

Содержание кнопки не отображается на выходе.

Answer 1

Ваша проблема вызвана отсутствием DataContext. Каждая привязка состоит из цели привязки и источника привязки . Как правило, цель - это свойство элемента управления или другого элемента пользовательского интерфейса, а источник - это свойство экземпляра класса (модель данных или модель представления). DataContext - это место, где расширение разметки привязки найдет свой источник. Вы можете добавить следующий код в код:

        ButtonText = "Blue";
        this.InitializeComponent();
        //set the data context as itself.
        this.DataContext = this;

Другой вариант - использовать расширение разметки x: bind. Он будет рассматривать выделенный код как DataContext автоматически.

Он выглядит следующим образом:

 <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">
     <!-- don't need to change code in code-behind -->
    <Button Content="{x:Bind ButtonText}" />
</Grid>

Вы можете обратиться к этому документу для получения дополнительной информации о привязке данных: Связывание данных обзор и Глубина привязки данных .