将 XAML 更改为 c# 代码

本文关键字：代码 XAML | 更新日期: 2023-09-27 18:37:25

我正在尝试将按钮的数据模板从WPF XAML更改为c#代码，即。我想在.cs文件中以编程方式创建按钮。

XAML 如下所示：

<ItemsControl DataContext="{Binding Source={StaticResource Things}}" ItemsSource="{Binding}" Name="buttons" Margin="0">
    <ItemsControl.ItemsPanel>
      <ItemsPanelTemplate>
        <local:FishEyePanel ScaleToFit="false"/>
      </ItemsPanelTemplate>
    </ItemsControl.ItemsPanel>
    <ItemsControl.ItemContainerStyle>
      <Style TargetType="{x:Type ContentPresenter}">
        <Setter Property="ContentTemplate">
          <Setter.Value>
            <DataTemplate>
                <Button Command="Open" Tag="{Binding XPath=@Tag, Path=Value}" Margin="5" Padding="5" HorizontalContentAlignment="Center" Width="{Binding XPath=@Width}" Height="{Binding XPath=@Height}"/>
            </DataTemplate>
          </Setter.Value>
        </Setter>
      </Style>
    </ItemsControl.ItemContainerStyle>
</ItemsControl>

该行：

<Button Command="Open" Tag="{Binding XPath=@Tag, Path=Value}" Margin="5" Padding="5" HorizontalContentAlignment="Center" Width="{Binding XPath=@Width}" Height="{Binding XPath=@Height}"/>

是我将所有按钮绑定到 xml 文件的地方，这是文件：

<XmlDataProvider x:Key="Things" XPath="Things/Thing">
   <x:XData>
      <Things xmlns="">
         <Thing Button="uno1" Tag="abc"  Width="200" Height="200"/>
      </Things>
   </x:XData>
</XmlDataProvider>

但我想要的不是调用预定义所有底部的 xml 文件，而是使用按钮在 cs 中调用一个方法，如下所示：

public void createButtons()
{
    Button button = new Button();
    button.Tag = "I am from cs";
    buttons.Items.Add(button);
}

这可能吗？

将 XAML 更改为 c# 代码

不需要 C# 本身就有动态按钮。

我在生产中有一个具有动态按钮的应用程序（您可以让不同的按钮添加更多等，所有这些都在代码中，它们只显示在 WPF UI 中）

你只需要创建一个 ButtonViewModel 对象，然后在代码中放置一个 ButtonViewModel 列表。

using System;
using System.Windows.Input;
using Setup.Common;
namespace ExampleOfButtonList
{
    public class ButtonViewModel : ViewModelBase
    {
        #region Member fields
        protected bool _IsVisible;
        protected bool _IsEnabled;
        protected RelayCommand _ButtonCommand;
        protected String _Text;
        #endregion
        #region Constructors
        /// <summary>
        /// The default constructor
        /// </summary>
        public ButtonViewModel()
        {
        }
        #endregion
        #region Properties
        public virtual ICommand ButtonCommand
        {
            get { return _ButtonCommand; }
            set
            {
                _ButtonCommand = value as RelayCommand;
                NotifyPropertyChanged("ButtonCommand");
            }
        }
        public bool IsVisible
        {
            get { return _IsVisible; }
            set
            {
                _IsVisible = value;
                NotifyPropertyChanged("IsVisible");
            }
        }
        public String Text
        {
            get { return _Text; }
            set
            {
                _Text = value;
                NotifyPropertyChanged("Text");
            }
        }
        #endregion
    }
}

在代码中创建如下列表：

List<ButtonViewModel> buttonList = new List<ButtonViewModel>();
ButtonViewModel bvm1 = new ButtonViewModel();
bvm.ButtonCommand = new RelayCommand(f => SomeMethod());
buttonList.add(bvm1);

注意：您可以从任何 MVVM 框架或此处获取 RelayCommand：MVVM Base.zip

然后使用 ItemsControl 并将其 ItemsSource 绑定到您的 buttonList，它将正确显示该列表。

相关文章：