WPF listbox Style

最新推荐文章于 2024-04-26 17:35:21 发布

skyandcode

最新推荐文章于 2024-04-26 17:35:21 发布

阅读量2.5k

点赞数

分类专栏： WPF基础知识

本文链接：https://blog.csdn.net/skyandcode/article/details/9112935

版权

WPF基础知识专栏收录该内容

5 篇文章 0 订阅

订阅专栏

  <Grid>
        <Grid.Resources>
            <Style x:Key="styledItems" TargetType="{x:Type ListBox}">
                <!--设置ListBox的ItemTemplate-->
                <Setter Property="ItemTemplate">
                    <!--设置Value的值-->
                    <Setter.Value>
                        <!--Value是一个DataTemplate-->
                        <DataTemplate>
                            <Grid>
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="Auto" />
                                    <ColumnDefinition Width="*" SharedSizeGroup="MiddleColumn" />
                                    <ColumnDefinition Width="Auto" />
                                </Grid.ColumnDefinitions>
                                <Grid.RowDefinitions>
                                    <RowDefinition Height="60" />
                                </Grid.RowDefinitions>

                                <!--设置第2列的值。Border为图片指定边框-->
                                <!--CornerRadius表示圆角的程度-->
                                <Border Margin="4,0" Grid.Column="2" BorderThickness="2" CornerRadius="4">
                                    <!--绘制border的边框类型-->
                                    <Border.BorderBrush>
                                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                            <GradientStop Color="#aaa" Offset="0" />
                                            <GradientStop Color="#222" Offset="1" />
                                        </LinearGradientBrush>
                                    </Border.BorderBrush>

                                    <Grid>
                                        <!--Rectangle用来填充背景-->
                                        <Rectangle>
                                            <Rectangle.Fill>
                                                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                                    <GradientStop Color="#444" Offset="0" />
                                                    <GradientStop Color="#fff" Offset="1" />
                                                </LinearGradientBrush>
                                            </Rectangle.Fill>
                                        </Rectangle>
                                        <Image Width="48" Margin="2,2,2,1"  Source="{Binding ImagePath}" />
                                    </Grid>
                                </Border>

                                <TextBlock FontSize="16" VerticalAlignment="Center" Margin="5" Gird.Column="0" FontStyle="Italic">User:</TextBlock>
                                <TextBlock FontSize="16" VerticalAlignment="Center" Margin="5" Text="{Binding Name}" FontWeight="Bold" Grid.Column="1" />
              </Grid>
                        </DataTemplate>
                    </Setter.Value>
                </Setter>

                <Setter Property="Grid.IsSharedSizeScope" Value="True" />
            </Style>