wpf中有圆角的listbox

最新推荐文章于 2025-06-29 22:30:31 发布
最新推荐文章于 2025-06-29 22:30:31 发布
阅读量2.8k 收藏 1
点赞数
分类专栏： winphone 文章标签： 有圆角的listbox winphone
本博客展示了如何在wpf中为ListBox元素添加圆角边框，并通过样式定义了ListBox的基本外观。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

转自：wpf中有圆角的listbox


  1.  <Style TargetType="{x:Type ListBox}">  
  2.          <!-- 定义ListBox自身外观, 比如: 圆角边框-->  
  3.          <Setter Property="Template">  
  4.              <Setter.Value>  
  5.                  <ControlTemplate TargetType="ListBox">  
  6.                      <Border CornerRadius="5" Background="pink">  
  7.                          <ScrollViewer HorizontalScrollBarVisibility="Hidden">  
  8.                              <ItemsPresenter/>  
  9.                          </ScrollViewer>  
  10.                      </Border>  
  11.                  </ControlTemplate>  
  12.              </Setter.Value>  
  13.          </Setter>  
  14.      </Style>  
  15.   
  16. <ListBox Height="50" HorizontalAlignment="Left" Margin="236,84,0,0" Name="listBox1" VerticalAlignment="Top" Width="120" >  
  17.          <ListBoxItem>wendyOne</ListBoxItem>  
  18.          <ListBoxItem Foreground="White">wendyTwo</ListBoxItem>  
  19.          <ListBoxItem>wendThree</ListBoxItem>  
  20.      </ListBox>  

C# WPF 中的 ListBox 控件：从基础到高级应用 28
Code365
04-03 193
ListBox 是一个用于显示项目列表的控件，它继承自，这意味着它可以包含多个子项。用户可以通过鼠标点击或键盘操作来选择列表中的项目，支持单选和多选模式。在某些情况下，为了满足特定的设计需求，需要自定义 ListBox 的外观和行为。WPF 提供了丰富的样式和模板机制，允许开发者对 ListBox 进行深度定制。通过本文的详细介绍，我们全面了解了 C# WPF 中 ListBox 控件的基础使用、实战开发经验、性能优化方法和高级用法。
WPF去掉边框及设置圆角框
Nikita
07-31 2025
去掉窗体边框 <windows WindowStyle="None" AllowsTransparency="True"></windows> 设置窗体不可手动改变大小 <windows ResizeMode=NoResize></windows> 窗体无边框时拖动窗体 在XAML中写入MouseMove事件 <Window x:Cl...
WPF listBox 漂亮的listBOX
10-10
WPF listBox 漂亮的listBOX
WPF学习笔记（13）列表框控件ListBox与数据模板
最新发布
lzt1027的博客
06-29 1157
ListBox代表一个可单选或多选的列表。
wpf ListView圆角
weixin_30409849的博客
07-10 550
网上找了 好久 没找到好的 自己实现了3种 1.用clip属性 2。用装饰器Adorner 3.修改模板 1。clip 就是画一个圆角矩形 但是这个在listview size 变化时 也要调用这个方法 代码如下： 1 using System; 2 using System.Windows; 3 using System.Windows.Media; 4...
WPF绚丽listbox
01-24
WPF绚丽listbox stackpanel布局 按钮移动改变位置 窗口界面可以参照我以前的资源
wpf修改ListView和ListBox风格
04-25
wpf修改ListView和ListBox风格，介绍了在wpf中ListView和ListBox的使用
ListView、ListBox背景样式
10-18
### WPF/C#中ListView与ListBox的背景样式及选中行样式详解 #### 一、概述 在WPF（Windows Presentation Foundation）应用开发中，`ListView`和`ListBox`是两个非常常用的数据展示控件。它们能够以列表的形式展示...
WPF--模板化
weixin_44570949的博客
02-24 416
WPF之模板化 数据模板 在本示例应用程序中，有一个绑定到照片列表的ListBox控件。 此ListBox当前的外观如下所示： 大多数控件都具有某种类型的内容，这些内容通常来自绑定到的数据。在本示例中，数据为照片列表。在WPF中，使用DataTemplate可以定义数据的可视表示形式。基本上，输入DataTemplate的内容决定了数据在呈现的应用程序中的外观。 在我们的示例应用程序中，每个自定义Photo对象都具有一个字符串类型的Source属性，该属性指定图像的文件路径。当前，照片对象显示为文
ListView圆角样式
06-08
自定义ListView的Item圆角样式，打破传统平凡样式ListView。
wpf 带头像的listbox实现
05-08
wpf中DataTemplate实现带图标的listbox，网上收集资料收集了很久，才实现类似QQ好友分组节点下好友形似的列表。
wpf ListBox分组
05-03
wpf ListBox分组，可以展开与折叠
WPF ListView 漂亮样式
12-30
WPF ListView 漂亮样式，自己还可以根据自己的需求进行样式修改，表头、列表都可以根据注释进行拓展，很实用
wpf ListBox 资源管理器样式以及代码
11-11
简单实现文件管理器的功能，重写了Listbox样式
matlab listbox 例子,WPF listBox 漂亮的listBOX
weixin_32349577的博客
03-22 239
【实例简介】WPF listBox 漂亮的listBOX【实例截图】【核心代码】AutoScrollListBox└── AutoScrollListBox├── AutoScrollListBox│ ├── App.xaml│ ├── App.xaml.cs│ ├── AutoScrollListBox.csproj│ ├── AutoScrollListBox.cspr...
listview实现圆角
淘气阿星的博客
01-09 825
在项目中我们会经常遇到这种圆角效果，因为直角的看起来确实不那么雅观，可能大家会想到用图片实现，试想上中下要分别做三张图片，这样既会是自己的项目增大也会增加内存使用量，所以使用shape来实现不失为一种更好的实现方式。在这里先看一下shape的使用：<?xml version="1.0" encoding="utf-8"?> <shape xmlns:android="http://schemas
ListView Item 圆角问题
jiangtianhao13269230的专栏
09-22 698
打发打发地方打发打发打发打发
ListBox wpf 边框
05-21
### WPF 中自定义 ListBox 的边框样式 在 WPF 中，可以通过 `ItemContainerStyle` 和模板来实现对 `ListBox` 边框样式的完全控制。以下是详细的解决方案： #### 使用 `ItemContainerStyle` 定制边框 通过设置 `ItemContainerStyle` 属性，可以更改每个 `ListBoxItem` 的外观，包括其边框颜色、宽度和其他视觉效果。 ```xml <ListBox> <ListBox.ItemContainerStyle> <Style TargetType="{x:Type ListBoxItem}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type ListBoxItem}"> <!-- 自定义边框 --> <Border x:Name="itemBox" BorderBrush="DarkGray" BorderThickness="1" CornerRadius="5" Padding="5"> <ContentPresenter /> </Border> <ControlTemplate.Triggers> <!-- 当项目被选中时改变边框颜色 --> <Trigger Property="IsSelected" Value="True"> <Setter TargetName="itemBox" Property="BorderBrush" Value="Blue"/> <Setter TargetName="itemBox" Property="Background" Value="LightSkyBlue"/> </Trigger> <!-- 鼠标悬停时的效果 --> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="itemBox" Property="BorderBrush" Value="Red"/> <Setter TargetName="itemBox" Property="Background" Value="Pink"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> </ListBox.ItemContainerStyle> </ListBox> ``` 以上代码展示了如何定制 `ListBox` 的边框样式[^1]。具体来说： - **默认状态**：设置了灰色的边框 (`BorderBrush`) 和圆角 (`CornerRadius`)。 - **选中状态**：当某个项被选中时，边框变为蓝色，背景色也发生变化。 - **鼠标悬停状态**：当鼠标移动到某一项上方时，边框会变成红色，背景色也会相应变化。 #### 应用全局样式资源 如果希望在整个应用程序中统一应用这种样式，则可以在 `Resources` 节点下定义一个静态资源并引用它。 ```xml <Window.Resources> <Style x:Key="CustomListBoxItemStyle" TargetType="{x:Type ListBoxItem}"> <Setter Property="Template"> <Setter.Value> <ControlTemplate TargetType="{x:Type ListBoxItem}"> <Border x:Name="itemBox" BorderBrush="DarkGray" BorderThickness="1" CornerRadius="5" Padding="5"> <ContentPresenter /> </Border> <ControlTemplate.Triggers> <Trigger Property="IsSelected" Value="True"> <Setter TargetName="itemBox" Property="BorderBrush" Value="Blue"/> <Setter TargetName="itemBox" Property="Background" Value="LightSkyBlue"/> </Trigger> <Trigger Property="IsMouseOver" Value="True"> <Setter TargetName="itemBox" Property="BorderBrush" Value="Red"/> <Setter TargetName="itemBox" Property="Background" Value="Pink"/> </Trigger> </ControlTemplate.Triggers> </ControlTemplate> </Setter.Value> </Setter> </Style> </Window.Resources> <!-- 在 ListBox 上绑定该样式 --> <ListBox ItemContainerStyle="{StaticResource CustomListBoxItemStyle}" /> ``` 这样做的好处是可以重用相同的样式而无需重复编写代码[^2]。 #### 解决常见问题 有时可能会遇到一些常见的边框显示问题，比如： - 如果发现某些情况下边框未按预期渲染，请检查是否存在其他覆盖样式的冲突。 - 确保没有额外的外层控件影响布局行为 (例如 Grid 或 StackPanel)[^3]。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值