您的位置:首页 > 其它

WPF listbox Style

2013-06-17 15:47 267 查看
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: