ListBox(CheckListBox)样式

最新推荐文章于 2022-07-31 10:47:44 发布
最新推荐文章于 2022-07-31 10:47:44 发布
阅读量249 收藏
点赞数
分类专栏： WPF 文章标签： WPF HTML
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiasongmao850306/article/details/83435966
版权
样式代码： 


<Application.Resources>
		<!--ListBox样式-->
		<Style TargetType="ListBox">
			<Setter Property="BorderBrush" Value="#BDD4F1"/>
			<Setter Property="BorderThickness" Value="1"/>
			<Setter Property="Background" Value="#F8F7F5"/>
			<Setter Property="ScrollViewer.HorizontalScrollBarVisibility" Value="Hidden"/>
			<Setter Property="ScrollViewer.VerticalScrollBarVisibility" Value="Auto"/>
			<Setter Property="ScrollViewer.CanContentScroll" Value="true"/>
			<Setter Property="VerticalContentAlignment" Value="Center"/>
		</Style>
		<!--ListBoxItem样式-->
		<Style TargetType="ListBoxItem">
			<Setter Property="Foreground" Value="#B5BABF"/>
			<Setter Property="OverridesDefaultStyle" Value="True"/>
			<Setter Property="Height" Value="24"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="ListBoxItem">
						<Border Name="back" BorderBrush="#F8F7F5" BorderThickness="0,1,0,1">
							<Border.Background>
								<LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
									<GradientBrush.GradientStops>
										<GradientStopCollection>
											<GradientStop Color="#F8F7F5" Offset="0.0"/>
											<GradientStop Color="#F8F7F5" Offset="0.5"/>
											<GradientStop Color="#F8F7F5" Offset="0.51"/>
											<GradientStop Color="#F8F7F5" Offset="1"/>
										</GradientStopCollection>
									</GradientBrush.GradientStops>
								</LinearGradientBrush>
							</Border.Background>
                            <CheckBox Margin="2,0,0,0" VerticalAlignment="Center" IsChecked="{Binding RelativeSource={RelativeSource TemplatedParent},Path=IsSelected,Mode=TwoWay}">
                                <ContentPresenter Margin="2"/>
                            </CheckBox>
                        </Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsSelected" Value="True">
								<Trigger.EnterActions>
									<BeginStoryboard>
										<Storyboard>
											<DoubleAnimation To="32" Duration="0:0:0.3" Storyboard.TargetProperty="Height"/>
											<ColorAnimation To="#F3C37C" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" />
											<ColorAnimation To="#952B00" Duration="0:0:0.2" Storyboard.TargetProperty="(ListBoxItem.Foreground).(SolidColorBrush.Color)" />
											<ColorAnimation To="#FFF" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
											<ColorAnimation To="#FFEF99" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
											<ColorAnimation To="#FFE13F" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[2].(GradientStop.Color)" />
											<ColorAnimation To="#FFF3B0" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[3].(GradientStop.Color)" />
										</Storyboard>
									</BeginStoryboard>
								</Trigger.EnterActions>
								<Trigger.ExitActions>
									<BeginStoryboard>
										<Storyboard>
											<DoubleAnimation BeginTime="0:0:0.4" Duration="0:0:0.2" Storyboard.TargetProperty="Height"/>
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" />
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetProperty="(ListBoxItem.Foreground).(SolidColorBrush.Color)" />
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[2].(GradientStop.Color)" />
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[3].(GradientStop.Color)" />
										</Storyboard>
									</BeginStoryboard>
								</Trigger.ExitActions>
							</Trigger>
							<Trigger Property="IsMouseOver" Value="True">
								<Trigger.EnterActions>
									<BeginStoryboard>
										<Storyboard>
											<ColorAnimation To="#D8E6F5" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" />
											<ColorAnimation To="#617A98" Duration="0:0:0.2" Storyboard.TargetProperty="(ListBoxItem.Foreground).(SolidColorBrush.Color)" />
											<ColorAnimation To="#F6F9FD" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
											<ColorAnimation To="#E0EBF7" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
											<ColorAnimation To="#D7E5F6" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[2].(GradientStop.Color)" />
											<ColorAnimation To="#F6F9FD" Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[3].(GradientStop.Color)" />
										</Storyboard>
									</BeginStoryboard>
								</Trigger.EnterActions>
								<Trigger.ExitActions>
									<BeginStoryboard>
										<Storyboard>
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.BorderBrush).(SolidColorBrush.Color)" />
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetProperty="(ListBoxItem.Foreground).(SolidColorBrush.Color)" />
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[0].(GradientStop.Color)" />
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[1].(GradientStop.Color)" />
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[2].(GradientStop.Color)" />
											<ColorAnimation Duration="0:0:0.2" Storyboard.TargetName="back" Storyboard.TargetProperty="(Border.Background).(LinearGradientBrush.GradientStops)[3].(GradientStop.Color)" />
										</Storyboard>
									</BeginStoryboard>
								</Trigger.ExitActions>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>
	</Application.Resources>


使用示例： 

<ListBox Margin="19,32,21,40" Name="listBox1" SelectionMode="Multiple">
			<ListBoxItem>WPF界面设计技巧（7）—模拟电梯升降的缓动动画 (7-22 16:41)
            </ListBoxItem>
			<ListBoxItem>WPF界面设计技巧（6）—玩玩数字墨水手绘涂鸦 (7-19 01:20)
            </ListBoxItem>
			<ListBoxItem>WPF界面设计技巧（5）—自定义列表项呈现内容 (7-17 12:25)
            </ListBoxItem>
			<ListBoxItem>WPF界面设计技巧（4）—自定义列表项样式 (7-16 23:02)
            </ListBoxItem>
			<ListBoxItem>WPF界面设计技巧（3）—实现不规则动画按钮 (7-15 23:17)
            </ListBoxItem>
			<ListBoxItem>WPF界面设计技巧（2）—自定义漂亮的按钮样式 (7-15 01:56)
            </ListBoxItem>
			<ListBoxItem>WPF界面设计技巧（1）—不规则窗体图文指南 (7-13 22:24)
			</ListBoxItem>
		</ListBox>



文章来源：[url]http://tech.ddvip.com/2008-11/122587530789359.html[/url]
bigzoom
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
闲话WinFrom与WPF(3) 控件篇——CheckedListBox
神棍工作室——南琦的博客
03-31 1492
我曾经写过一个筛选的Demo，里面有一个列表选择控件： 这次只是说一个全选功能。 我曾经以为应该有更优雅的方式去实现全选功能，即使到现在我还是没有找到，有时候人们会告诉你不要对一个问题过于纠结，只要实现了功能就成，但是程序员往往不是这么想。 当我开始再一次用WinForm实现这个功能时，发现还是只能使用原来的方法，没有更好的方案去做这个。这要说还是由于WinForm过于死板，无法
ChecklistDemo:一个简单的应用程序，显示了清单 Google Keep 样式的基本用法
06-16
清单演示 一个简单的应用程序，显示了清单 Google Keep 样式的基本用法 尝试学习MVP模式。 目前，它只添加了清单。 它还不支持检查项目。
checklistbox的详细用法
maiyude的专栏
03-20 2682
             DataSourceID="SqlDataSource1" DataTextField="city" DataValueField="au_id" OnDataBound="CheckBoxList1_DataBound1"            OnSelectedIndexChanged="CheckBoxList1_SelectedIndexChanged1">  
Checklist设计编写规范及模板
热门推荐
疯批美人
03-13 3万+
一．编写CHECK LIST的目的： 1 保障所有的测试面都考虑到并被记录；【与无线相关的接口要考虑到无线；联动优势的退款要考虑到断账日前后】 2 保障TESTCASE已经覆盖所有的测试主体； 3 提高TESTCASE的REVIEW通过率。 二．CHECK LIST定义 CHECK LIST要包含从执行测试开始到发布完成后之间的所有检查内容。 TEST CASE是CHECK LIST的...
Web前端 CSS3 CheckList（一）
MurrayTheGoat的博客
07-31 265
CSS3 基础内容/盒模型选择器相关内容
unichecklistbox.zip_CheckListBox_ListBox_zip
09-20
本话题主要聚焦于一种特殊的控件组合——"CheckListBox"，它将列表框(ListBox)的功能与复选框(CheckBox)结合在一起，提高了用户选择多项选项的便捷性。"unichecklistbox.zip"是一个压缩包文件，包含了一系列资源和源...
checklistbox
08-08
6. 自定义样式：开发者可以通过调整控件的样式和模板来自定义`CheckListBox`的外观，使其适应应用的界面设计。 在编程中，我们通常会遇到以下操作`CheckListBox`的常见任务： 1. 添加和移除项：使用`Items.Add()`...
4.4ListBox控件（打造带有复选框的ListBox）
11-09
本教程将详细介绍如何在MFC中打造一个带有复选框的ListBox，即CheckListBox。 首先，我们要知道，标准的ListBox控件并不直接支持复选框，因此我们需要使用一个特殊的控件——CCheckListBox类。这个类是MFC对Windows...
wpf中checklistbox和radiobutton绑定相关的代码
12-15
这些库提供了额外的样式、动画或其他高级功能，以提升用户体验。 通过以上的知识讲解，你应该能够理解如何在WPF中使用 `CheckListBox` 和 `RadioButton`，并实现它们与数据模型的绑定。同时，也可以根据实际需求，...
商业编程-源码-Csharp实例38 使用checklistBox.zip
06-20
`CheckListBox`控件是.NET Framework中System.Windows.Forms命名空间的一部分，它结合了列表框（ListBox）和复选框（CheckBox）的功能。用户可以在列表中滚动查看多项选择，并通过单击每个项目旁边的复选框来选择或...
如何美化CheckBox
笑望灬星辰
04-07 433
如何美化CheckBox <label> 属性 for 和 id 隐藏原⽣的 <input> :checked + <label>
Skin++ 皮肤库 CCheckListBox MFC 界面风格
weixin_33971130的博客
03-08 145
今天使用CCheckListBox，发现增加进去的字符串无法显示，但是当点击的时候，确有反应。 仔细检查代码，没有问题。之前也是这样用的，完全没有问题。 思前想后，觉得是因为使用了Skin++皮肤库，于是注释掉皮肤库的加载使用。 //skinppLoadSkin(_T("bOzen.ssk"),0); 然后重新编译运行，OK，确实是皮肤库的问题。 皮肤库注释掉了，但是软件...
前端测试checklist
SAN_YUN的专栏
02-03 723
序号 检查项 检查点 1 页面检查 1、控件大小统一、控件齐全、顺序正确（如：单选按钮、复选框、日期控件、输入框、下拉框等、按钮） 2、字体大小统一（字体、字号、颜色、样式、字间距） 3、文本左对齐，数值右对齐 4、图片显示样式、大小、尺寸显示正确 5、页面显示无乱码 6、页面显示无重叠 7、颜色风格统一 8、页面无js错误 ...
一个操作CheckedListBox的类
hu_bird的专栏
03-20 468
 using System;using System.Collections.Generic;using System.Text;using System.Windows.Forms;namespace WindowsApplication1...{    class CheckListBox     ...{        /**////         /// 选择所有的选项     
C# CheckBox/CheckedListBox 复选框/复选框列表
qq_29406323的博客
01-14 1万+
目录 1 CheckBox获取选中项文本  2 CheckedListBox获取选中项文本  2.1 CheckedListBox常用属性 2.2 CheckedListBox常用方法 3 参考博客 1 CheckBox获取选中项文本 （1）①创建一个winForm窗体应用，在设计窗体中拖入一个“Panel”面板容器，一个button，一个textBox（并将其Multiline属性...
Winform从入门到精通（10）——CheckedListBox（史上最全）
qq_34059233的博客
01-14 5871
本文介绍CheckedListBox控件的详细用法，包含所有属性、事件，绝对史上最全！
C#窗体控件简介_2
小草旁的大树
05-23 2027
10、ListBox 控件 ListBox 控件又称列表框，它在工具箱中的图标为，它显示一个项目列表供用户选择。在列表框中，用户一次可以选择一项，也可以选择多项。 1、常用属性： （1） Items属性： 用于存放列表框中的列表项，是一个集合。通过该属性，可以添加列表项、移除列表项和获得列表项的数目。 （2）MultiColumn 属性：用来获取或设置一个值，该值指示ListBox是否支持多列
wpf listBox 设置样式
最新发布
05-23
可以通过定义样式来自定义 WPF ListBox 的外观。以下是一个简单的样式示例，可以将其添加到 ListBox 控件的 Resources 中。 ```xml <ListBox> <ListBox.Resources> <Style TargetType="{x:Type ListBoxItem}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type ListBoxItem}"> <Border Name="border" Padding="5" Margin="2" Background="LightBlue" BorderBrush="DarkBlue" BorderThickness="1"> <ContentPresenter /> </Border> <ControlTemplate.Triggers> <Trigger Property="IsSelected" Value="True"> <Setter TargetName="border" Property="Background" Value="DarkBlue" /> <Setter TargetName="border" Property="Foreground" Value="White" /> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> </ListBox.Resources> <ListBoxItem>Item 1</ListBoxItem> <ListBoxItem>Item 2</ListBoxItem> <ListBoxItem>Item 3</ListBoxItem> </ListBox> ``` 在这个样式中，我们使用了 ControlTemplate 控制了 ListBoxItem 的外观。我们将 ListBoxItem 包装在 Border 中，并设置了一些属性，如 Padding、Margin、Background、BorderBrush 和 BorderThickness。然后，我们使用 ControlTemplate.Triggers 中的触发器来设置选定项的外观。 您可以根据需要更改这些属性，以满足您的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值