WPF中ItemsControl的模板设置

最新推荐文章于 2025-03-31 22:42:58 发布

重-庆-教-主

最新推荐文章于 2025-03-31 22:42:58 发布

阅读量2.7k

点赞数

分类专栏： WPF

本文链接：https://blog.csdn.net/qq_37189288/article/details/117109853

版权

WPF 专栏收录该内容

50 篇文章

订阅专栏

这篇博客介绍了如何利用ItemsControl和DataTemplate在WPF中创建一个自定义布局的按钮，通过设置ItemsControl的ItemsPanel和ItemTemplate，实现了按钮内容的左右排列，并通过设置Button的样式调整了边框和背景。同时，文中强调了ItemsControl没有默认的可视实现，需要通过模板来定义其外观。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

					<ItemsControl x:Name="_userItemsControl" ItemsSource="{Binding UserInfos}" Width="1824" ScrollViewer.HorizontalScrollBarVisibility="Hidden">
                        <ItemsControl.ItemsPanel>
                            <ItemsPanelTemplate>
                                <StackPanel/>
                            </ItemsPanelTemplate>
                        </ItemsControl.ItemsPanel>
                        <ItemsControl.ItemTemplate>
                            <DataTemplate>
                                <Button BorderThickness="0 1 0 1" BorderBrush="#D0CFD4" Background="White">
                                    <Grid Width="{Binding RelativeSource={RelativeSource AncestorType=ItemsControl},Path=Width}">
                                        <Grid.ColumnDefinitions>
                                            <ColumnDefinition/>
                                            <ColumnDefinition/>
                                        </Grid.ColumnDefinitions>
                                        <TextBlock Grid.Column="0" Margin="30" Text="{Binding UserName}" FontSize="50" Foreground="Black"/>
                                        <TextBlock Grid.Column="1" Margin="30" Text=">" FontSize="50" Foreground="#959596" HorizontalAlignment="Right"/>
                                    </Grid>
                                </Button>
                            </DataTemplate>
                        </ItemsControl.ItemTemplate>
                    </ItemsControl>