WPF 控件专题 ListBox 自定义样式

最新推荐文章于 2024-08-14 08:40:54 发布

^@^lemon tea^@^

最新推荐文章于 2024-08-14 08:40:54 发布

阅读量1.1k

点赞数 1

分类专栏： # WPF 控件专题文章标签： wpf WPF ListBox样式 ListBox自定义样式

本文链接：https://blog.csdn.net/BYH371256/article/details/125517435

版权

WPF 控件专题专栏收录该内容

53 篇文章 104 订阅

订阅专栏

1、样式代码如下

<ListBox HorizontalAlignment="Center" VerticalAlignment="Center" MinWidth="100" Margin="20">
	<!-- 数据 -->
	<ListBoxItem>AAAAAA</ListBoxItem>
	<ListBoxItem>BBBBBB</ListBoxItem>
	<ListBoxItem>CCCCCC</ListBoxItem>
	<ListBoxItem>DDDDDD</ListBoxItem>
	<ListBoxItem>EEEEEE</ListBoxItem>

	<!-- 设置ListBoxItem样式 -->
	<ListBox.ItemContainerStyle>
		<Style TargetType="ListBoxItem">
			<!-- 设置控件模板 -->
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="ListBoxItem">
						<Border Background="{TemplateBinding Background}" Margin="10 5 10 5">
							<ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
									 VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
									 TextBlock.Foreground="{TemplateBinding Foreground}"/>
						</Border>
					</ControlTemplate>
				</Setter.Value>
			</Setter>

			<!-- 设置触发器 -->
			<Style.Triggers>
				<Trigger Property="IsSelected" Value="true">
					<Setter Property="Background" Value="Teal"/>
					<Setter Property="Foreground" Value="White"/>
				</Trigger>
				<Trigger Property="IsMouseOver" Value="true">
					<Setter Property="Background" Value="YellowGreen"/>
					<Setter Property="Foreground" Value="OrangeRed"/>
				</Trigger>
			</Style.Triggers>
		</Style>
	</ListBox.ItemContainerStyle>
</ListBox>

**************************************************************************************************************

2、效果图