Язык программирования C#9 и платформа .NET5 - Троелсен Эндрю
<Label FontSize ="20" HorizontalAlignment="Center" VerticalAlignment="Center" Content="Blue"/> </StackPanel></ComboBox>В определении каждого элемента
StackPanelTagColorChanged()private void ColorChanged(object sender, SelectionChangedEventArgs e){<b> // Получить свойство Tag выбранного элемента StackPanel.</b> string colorToUse = (this.comboColors.SelectedItem as StackPanel).Tag.ToString(); ...}После запуска программы элемент управления
ComboBox
Сохранение, загрузка и очистка данных InkCanvas
Последняя часть вкладки
Ink APIInkCanvas<Button Grid.Column="0" x:Name="btnSave" Margin="10,10" Width="70" Content="Save Data" Click="SaveData"/><Button Grid.Column="1" x:Name="btnLoad" Margin="10,10" Width="70" Content="Load Data" Click="LoadData"/><Button Grid.Column="2" x:Name="btnClear" Margin="10,10" Width="70" Content="Clear" Click="Clear"/>Импортируйте пространства имен
System.IOSystem.Windows.Inkprivate void SaveData(object sender, RoutedEventArgs e){<b> // Сохранить все данные InkCanvas в локальном файле.</b> using (FileStream fs = new FileStream("StrokeData.bin", FileMode.Create)) this.MyInkCanvas.Strokes.Save(fs); fs.Close(); MessageBox.Show("Image Saved","Saved");}private void LoadData(object sender, RoutedEventArgs e){<b> // Наполнить StrokeCollection из файла.</b> using(FileStream fs = new FileStream("StrokeData.bin", FileMode.Open, FileAccess.Read)) StrokeCollection strokes = new StrokeCollection(fs); this.MyInkCanvas.Strokes = strokes;}private void Clear(object sender, RoutedEventArgs e){<b> // Очистить все штрихи.</b> this.MyInkCanvas.Strokes.Clear();}Теперь должна появиться возможность сохранения данных в файле, их загрузки из файла и очистки
InkCanvasTabControlВведение в модель привязки данных WPF
Элементы управления часто служат целью для разнообразных операций привязки данных. Выражаясь просто, привязка данных представляет собой действие по подключению свойств элемента управления к значениям данных, которые могут изменяться на протяжении жизненного цикла приложения. Это позволяет элементу пользовательского интерфейса отображать состояние переменной в коде. Например, привязку данных можно использовать для решения следующих задач:
• отмечать флажок элемента управления
Checkbox• отображать в элементах
TextBox• подключать элемент
LabelПри работе со встроенным механизмом привязки данных WPF важно помнить о разнице между источником и местом назначения операции привязки. Как и можно было ожидать, источником операции привязки данных являются сами данные (булевское свойство, реляционные данные и т.д.), а местом назначения (или целью) — свойство элемента управления пользовательского интерфейса, в котором задействуется содержимое данных (вроде свойства элемента управления
CheckBoxTextBoxВ дополнение к привязке традиционных данных инфраструктура WPF делает возможной привязку элементов, как было продемонстрировано в предшествующих примерах. Это значит, что можно привязать (скажем) видимость свойства к свойству состояния отметки флажка. Такое действие было определенно возможным в Windows Forms, но требовало реализации через код. Инфраструктура WPF предлагает развитую экосистему привязки данных, которая способна почти целиком поддерживаться в разметке. Она также позволяет обеспечивать синхронизацию источника и цели в случае изменения значений данных.