wpf UniformGrid 动态加载数据

在WPF中,如果你想要在UniformGrid内部为每个Model对象放置一个Panel(比如StackPanel或Grid),并且这些Panel是通过数据绑定动态生成的,你需要结合使用ItemsControl、DataTemplate以及UniformGrid。但是,由于UniformGrid不是ItemsControl的直接子类,你需要将UniformGrid作为ItemsPanelTemplate的内容嵌入到ItemsControl中。

cs 复制代码
public class MyModel  
{  
    public string Name { get; set; }  
    // 可能还有其他属性  
}
  1. XAML中的绑定 :在你的XAML中,使用ItemsControl并设置其ItemsSource为你的Model集合。然后,通过ItemsPanelTemplate指定使用UniformGrid作为布局,并在ItemTemplate中定义每个Model对象如何显示(即每个Model对象被放置在一个Panel中)。

    cs 复制代码
    <Window x:Class="YourNamespace.MainWindow"  
            xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"  
            xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"  
            Title="MainWindow" Height="350" Width="525">  
        <Grid>  
            <ItemsControl ItemsSource="{Binding Models}">  
                <ItemsControl.ItemsPanel>  
                    <ItemsPanelTemplate>  
                        <UniformGrid Rows="2" Columns="2" /> <!-- 根据需要设置行数和列数 -->  
                    </ItemsPanelTemplate>  
                </ItemsControl.ItemsPanel>  
                <ItemsControl.ItemTemplate>  
                    <DataTemplate>  
                        <StackPanel Orientation="Horizontal" Margin="5"> <!-- 使用StackPanel作为每个Model的容器 -->  
                            <TextBlock Text="{Binding Name}" />  
                            <!-- 根据需要添加其他控件 -->  
                        </StackPanel>  
                    </DataTemplate>  
                </ItemsControl.ItemTemplate>  
            </ItemsControl>  
        </Grid>  
    </Window>
相关推荐
光泽雨8 小时前
WPF中的依赖属性
wpf
海马9 小时前
Spring Cloud 开发知识整理
spring·spring cloud·wpf
闻哥9 小时前
分布式任务调度框架:XXL-Job / ElasticJob / DolphinScheduler / SchedulerX 架构对比与选型
分布式·架构·wpf
预立科技1 天前
CDN(内容分发网络)知识总结
网络·wpf·cdn
FuckPatience2 天前
WPF DataGrid 行根据某个属性循环变色动画
wpf
一条闲鱼_mytube4 天前
高并发短链接系统设计
wpf
一个天蝎座 白勺 程序猿5 天前
IoTDB集群扩容:从慌乱到从容的经验分享
数据库·wpf·时序数据库·iotdb
samble6 天前
从零搭建灌装监控系统(十三):报警系统设计,生命周期与通知
c#·wpf·mvvm·modbus·工业控制
samble7 天前
从零搭建灌装监控系统(十二):配置系统,原子写入与容错
c#·wpf·mvvm·modbus·工业控制
蜗牛互联网9 天前
OLMo-core 3的token gerrymandering提醒:MoE路由要按时间窗验收
java·人工智能·wpf