WPF ListBoxItem模板
阿新 • • 發佈:2019-01-30
最近在做一個課程設計,主要做一個聊天軟體,其中要做一個好友列表,雖然做的不是很精美,但是學習還是有用的。
這個模板主要是實現一個帶有圖示的ListBoxItem的效果
如下圖:
這個ListBoxItem是寫在APP.XML中的以個樣式模板,每次新增的ListBoxItem都會應用到,動態的也會應用這個樣式。模板在msdn裡面有
下面是程式碼
<Style TargetType="{x:Type ListBoxItem}"> <Setter Property="SnapsToDevicePixels" Value="true"/> <Setter Property="OverridesDefaultStyle" Value="true"/> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="ListBoxItem"> <Border Name="Border" Padding="2" SnapsToDevicePixels="true"> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="30"/> <ColumnDefinition/> </Grid.ColumnDefinitions> <Image Width="30" Height="30" Source="Img/header.ico" Grid.Column="0"/> <ContentPresenter Grid.Column="1" VerticalAlignment="Center" ></ContentPresenter> </Grid> </Border> <ControlTemplate.Triggers> <Trigger Property="IsSelected" Value="true"> <Setter TargetName="Border" Property="Background" Value="Blue"/> </Trigger> <Trigger Property="IsEnabled" Value="false"> <Setter Property="Foreground" Value="White"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style>
引用程式碼
<ListBox> <ListBoxItem>我去你妹的</ListBoxItem> <ListBoxItem>我去你妹的</ListBoxItem> <ListBoxItem>我去你妹的</ListBoxItem> <ListBoxItem>我去你妹的</ListBoxItem> </ListBox>
希望這段程式碼對正在學習WPF的同學有幫助