[英]How do you create an element programmatically from a data template defined in XAML?
我正在尝试使用下面的文本创建多个按钮,并在运行时将它们添加到代码中的Stackpanel。 我根据数据列表创建按钮。 这是我的代码:
XAML
<StackPanel x:Name="MainSP" />
C#
foreach (item in ItemList)
{
Button newBtn = new Button();
Image buttonImage = new Image();
buttonImage.Width = 100;
buttonImage.Height = 100;
buttonImage.Stretch = Systems.Windows.Media.Stretch.Uniform;
buttonImage.Source = new BitmapImage(pokemon.ImageURI);
newBtn.Tag = item.Id;
newBtn.Name = String.Format("{0}Button", item.Name);
newBtn.Click += new RoutedEventHandler(newBtn_Click);
FamilyStackPanel.Children.Add(newBtn);
}
我知道这是笨重的编程。 我真的想在XAML中设置一个ControlTemplate,然后在代码中创建按钮时重用它。 这是XAML:
<ControlTemplate x:Key="ButtomTemplate" TargetType="Button">
<Grid Height="108" Width="Auto" Margin = "6,6">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Image Width = "54" Height="54" Stretch="UniformToFill" Grid.Row="0">
<Image.Source>
<BitmapImage UriSource="{Binding ImageUri}" CreateOptions="BackgroundCreation"/>
</Image.Source>
</Image>
<TextBlock Text="{Binding Name}"
Foreground ="{StaticResource PhoneAccentBrush}" />
</Grid>
</ControlTemplate>
我尝试过像上面那样使用controlTemplate然后进行绑定,我在代码中设置了newbtn.DataContext。
foreach (Families item in ItemList)
{
Button newBtn = new Button();
newBtn.Template = this.Resources["ButtonTemplate"] as ControlTemplate;
newBtn.Tag = item.Id;
newBtn.Name = String.Format("{0}Button", item.Name);
newBtn.Click += new RoutedEventHandler(newBtn_Click);
newBtn.DataContext = item;
FamilyStackPanel.Children.Add(newBtn);
}
对于数据上下文,我还尝试了newBtn.DataContext = ItemList[itemIndex]
但这似乎不起作用。 我得到的只是一个空白屏幕。
所以我通过创建按钮后的纯代码来解决它,但我正在尝试使用XAML控件模板来使其工作。 有什么想法吗?
谢谢!
在WPF中的过程代码中创建或操作UI元素几乎never
正确的方法。
有些例外情况会有用,但是你提出的这种情况是ItemsControl最简单的情况。
<ItemsControl ItemsSource="{Binding ItemList}">
<ItemsControl.ItemTemplate>
<DataTemplate>
<Button Click="Button_OnClick">
<Button.Template>
<ControlTemplate TargetType="Button">
<Grid Height="108" Width="Auto" Margin = "6,6">
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<Image Width = "54" Height="54" Stretch="UniformToFill" Grid.Row="0">
<Image.Source>
<BitmapImage UriSource="{Binding ImageUri}" CreateOptions="BackgroundCreation"/>
</Image.Source>
</Image>
<TextBlock Text="{Binding Name}"
Foreground ="{StaticResource PhoneAccentBrush}" />
</Grid>
</ControlTemplate>
</Button.Template>
</Button>
</DataTemplate>
</ItemsControl.ItemTemplate>
</ItemsControl>
代码背后:
private void Button_OnClick(object sender, RoutedEventArgs e)
{
var button = sender as Button;
var dataitem = button.DataContext as [YourItemclass];
//... here you can perform actions on the dataitem.
}
DataContext
也将由WPF设置为底层集合中的相应数据项。 Tag
属性或类似内容的可怕黑客。 StackPanel
是ItemsControl
的默认ItemsPanel
,但您可以通过设置ItemsPanel
将其更改为另一个面板(例如WrapPanel
) 您可以使用XamlReader创建具有动态内容的xaml。 这样,您就可以在运行时设置任何属性。
http://msdn.microsoft.com/en-us/library/system.windows.markup.xamlreader(v=vs.110).aspx
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.