网站排名优化方法讲解,太平洋建设网站,网站jquery在线优化,怎样才能做一个手机网站说明
今天记录一篇关于动态生成控件的方法#xff0c;也是反复查了一些资料#xff0c;逐步完善成自己需要的方法#xff0c;感觉还是比较好用的。通过这个需求#xff0c;在网上也找了一些资料#xff0c;发现了一个开源图形UI组件HandyControl#xff0c;觉得比较好也是反复查了一些资料逐步完善成自己需要的方法感觉还是比较好用的。通过这个需求在网上也找了一些资料发现了一个开源图形UI组件HandyControl觉得比较好虽然暂时还没怎么用上但安装完成后确实美化了原来wpf的一些控件形状。 gtiee地址https://gitee.com/handyorg/HandyControl
Nuget管理包安装
编码实现
直接上代码说明了文章就不详细描述什么原理什么过程的将来需要直接问大模型就好了。
动态添加RowDefinitions和ColumnDefinitions
首先在XAML中定义一个空的Grid然后在代码后台C#中动态地向这个Grid添加RowDefinitions和ColumnDefinitions以及相应的子控件如TextBox。
XAML部分
ScrollViewer VerticalScrollBarVisibilityAuto Margin20,10,0,0 Height380 Width750 HorizontalAlignmentLeft VerticalAlignmentTopGrid x:NamemyDynamicGrid Margin5,5,5,5!-- 初始时不添加任何行通过代码动态添加 --/Grid
/ScrollViewerC#部分
生成控件的部分
/// summary
/// 动态生成控件
/// /summary
private void GenerateControls(int iRowsIndex)
{for (int i 0; i iRowsIndex; i){RowDefinition rowDef new RowDefinition{Height new GridLength(50, GridUnitType.Pixel)};myDynamicGrid.RowDefinitions.Add(rowDef);myDynamicGrid.ColumnDefinitions.Add(new ColumnDefinition { Width new GridLength(750, GridUnitType.Pixel) });// 添加TextBlockTextBlock textBlock new TextBlock{Text 我的TextBlock,VerticalAlignment VerticalAlignment.Top,HorizontalAlignment HorizontalAlignment.Left,Margin new Thickness(0,5,0,0)};Grid.SetRow(textBlock , i);Grid.SetColumn(textBlock , 0);myDynamicGrid.Children.Add(textBlock );// 添加TextBox//这里因为安装了HandyControl所以在选择相关控件的时候需要做区分控件对象前增加命名空间索引System.Windows.Controls.TextBox textBoxNum new System.Windows.Controls.TextBox{Text 我的TextBox,TextAlignment TextAlignment.Center,VerticalAlignment VerticalAlignment.Top,HorizontalAlignment HorizontalAlignment.Left,Background new SolidColorBrush(Colors.LightGray),Margin new Thickness(520, 0, 0, 0)};Grid.SetRow(textBoxNum, i);Grid.SetColumn(textBoxNum, 0);myDynamicGrid.Children.Add(textBoxNum);// 生成32x32的小图string imagePath /test.png;Image image new Image{Height 30,Width 30,Tag i,VerticalAlignment VerticalAlignment.Top,HorizontalAlignment HorizontalAlignment.Left,Source new BitmapImage(new Uri(imagePath, UriKind.Relative)),Margin new Thickness(600, 0, 0, 0)};// 图片事件image.MouseUp DynamicImage_MouseUp;Grid.SetRow(image, i);Grid.SetColumn(image, 0); myDynamicGrid.Children.Add(image);// 生成label控件Label label new Label{Content 我的Label,Width 680, HorizontalAlignment HorizontalAlignment.Left,VerticalAlignment VerticalAlignment.Top,Margin new Thickness(5, 0, 0, 0),Height 30,TabIndex i,HorizontalContentAlignment HorizontalAlignment.Left,VerticalContentAlignment VerticalAlignment.Center,FontSize 14};Grid.SetRow(label, i);Grid.SetColumn(label, 0);myDynamicGrid.Children.Add(label);// 生成Button控件Button button new Button{Content 我的Button,Width 30,Height 30,Tag i,TabIndex i,VerticalAlignment VerticalAlignment.Top,HorizontalAlignment HorizontalAlignment.Right,Background new SolidColorBrush(Colors.LightGray),BorderBrush new SolidColorBrush(Colors.LightGray),Margin new Thickness(0, 0, 70, 0)};buttons.Add(button);// 按钮事件button.Click (sender, e) ToggleListBoxes(button.TabIndex);Grid.SetRow(button, i);Grid.SetColumn(button, 0);myDynamicGrid.Children.Add(button);// 生成List控件ListBox listBox new ListBox{Name $ListBox{i},Visibility Visibility.Visible,Width 680,TabIndex (int)i,VerticalAlignment VerticalAlignment.Top,HorizontalAlignment HorizontalAlignment.Left,BorderBrush new SolidColorBrush(Colors.White),Margin new Thickness(5, 30, 0, 0)};// ListBox 选择变更事件listBox.SelectionChanged ListBox_SelectionChanged; // 可选为ListBox生成选择变更事件处理器 listBoxes.Add(listBox);Grid.SetRow(listBox, i);Grid.SetColumn(listBox, 0);myDynamicGrid.Children.Add(listBox);iRows;}if (iRows 0){// 这里执行其他相关操作}
}相关参考事件来自于大模型的生成代码。
/// summary
/// 动态图片控件的鼠标抬起事件
/// /summary
/// param namesender/param
/// param namee/param
private void DynamicImage_MouseUp(object sender, MouseButtonEventArgs e)
{//throw new NotImplementedException();Image mouseUP sender as Image;if (mouseUP ! null){int imgIndex (int)mouseUP.Tag;for (int i imgIndex; i iRows; i){strBarcode[i] strBarcode[i 1];strProName[i] strProName[i 1];strBat[i] strBat[i 1];strNum[i] strNum[i 1];}// 删除生成控件DeleteControls(iRows);// 删除grid容器的所有行myDynamicGrid.RowDefinitions.RemoveRange(0, iDetailsRows);// 整体行数减一iRows--;// 临时将全局的行数复制给变量iRowsAdd int iRowsAdd iDetailsRows;if (iReAddDetails 0){// 其他操作}else{iRows 0;}// 删除一条数据后再次生成控件GenerateControls(iRowsAdd);}
}/// summary
/// 删除动态控件
/// /summary
private void DeleteControls(int rowsToDelete)
{for (int i InDetails.Children.Count - 1; i 0; i--){UIElement child InDetails.Children[i];for (int j 0; j rowsToDelete; j){if (Grid.GetRow(child) j){InDetails.Children.Remove(child);}}}
}
/// summary
/// 按钮状态显示事件
/// /summary
/// param nameselectedIndex/param
private void ToggleListBoxes(int selectedIndex)
{foreach (var button in buttons){button.Content button buttons[selectedIndex] ? ▼ : ▲;}
}/// summary
/// ListBox事件
/// /summary
/// param namesender/param
/// param namee/param
private void ListBox_SelectionChanged(object sender, SelectionChangedEventArgs e)
{ListBox listBox sender as ListBox;if (listBox ! null listBox.SelectedItem ! null){string listBoxName listBox.Name;string selectedItem listBox.SelectedItem.ToString();char[] delimiters { : };string[] parts selectedItem.Split(delimiters, StringSplitOptions.None);if (parts.Length 1){strInputPostionRet parts[1]; // 符号后面的内容 // 处理选中项 System.Windows.MessageBox.Show(${strInputPostionRet});}else{Console.WriteLine(No content after delimiter.);}}
}以上就是 动态添加RowDefinitions和ColumnDefinitions的方式实现动态生成控件的方法这种方式比较简单也容易实现。 还有其他推荐方法虽然没有尝试但这里也写出来留待以后参考。
使用ItemsControl和DataTemplate
ItemsControl是一个强大的控件它可以用来显示一个集合中的项并且每个项都可以通过DataTemplate来定义其呈现方式。你可以将ItemsControl的ItemsPanel设置为Grid但通常我们会使用UniformGrid如果行和列数量相同且自动分配或保持默认的StackPanel/WrapPanel等并通过DataTemplate来定义每个项的布局间接实现类似Grid的效果。
然而如果你确实需要一个标准的Grid布局并且想要动态控制行和列你可能需要结合使用ItemsControl和自定义的Panel或者通过代码动态添加Grid的RowDefinitions和ColumnDefinitions。
使用MVVM模式
在更复杂的应用程序中你可能会想使用MVVMModel-View-ViewModel模式来管理你的UI逻辑。在这种情况下你可以在ViewModel中定义一个集合该集合表示你想要在Grid中显示的数据项。然后在ViewXAML中你可以使用ItemsControl绑定到这个集合并通过DataTemplate定义每个项的布局。虽然这种方法不直接在XAML中定义Grid的行和列但它提供了一种更加灵活和可维护的方式来管理动态内容。
