WPF空心圆角combox

article/2025/9/23 14:35:13

VS自带的控件总是觉得不够美观,而xaml语言提供了一个自己编写控件样式的可能性
效果图:在这里插入图片描述
xaml代码:

<ComboBox.Resources><Style  TargetType="{x:Type ComboBox}"><Setter Property="Width" Value="120"/><Setter Property="HorizontalAlignment" Value="Stretch"/><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="{x:Type ComboBox}"><Border  BorderBrush="White" BorderThickness="2" CornerRadius="22" Background="Transparent"><Grid><!--下拉箭头--><ToggleButton ClickMode="Press" Focusable="False" IsChecked="{Binding IsDropDownOpen, Mode=TwoWay, RelativeSource={RelativeSource TemplatedParent}}" Margin="12" MinWidth="10" MinHeight="0" Width="Auto" Foreground="White"><ToggleButton.Style><Style TargetType="{x:Type ToggleButton}"><Setter Property="MinWidth" Value="0"/><Setter Property="MinHeight" Value="0"/><Setter Property="Width" Value="Auto"/><Setter Property="Height" Value="Auto"/><Setter Property="Background" Value="Transparent"/><Setter Property="BorderBrush" Value="#00000000"/><Setter Property="BorderThickness" Value="2"/><Setter Property="Template"><Setter.Value><ControlTemplate TargetType="{x:Type ToggleButton}"><DockPanel Background="{TemplateBinding Background}" LastChildFill="False" SnapsToDevicePixels="True"><Border x:Name="Border" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"  DockPanel.Dock="Right" ><Path Data="M0,0L3.5,4 7,0z" Fill="{TemplateBinding Foreground}" HorizontalAlignment="Center" VerticalAlignment="Center"/></Border></DockPanel><ControlTemplate.Triggers><Trigger Property="IsChecked" Value="True"/></ControlTemplate.Triggers></ControlTemplate></Setter.Value></Setter><Style.Triggers><Trigger Property="IsEnabled" Value="False"><Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}"/></Trigger></Style.Triggers></Style></ToggleButton.Style></ToggleButton><!--项内容--><ContentPresenter  IsHitTestVisible="False" Content="{TemplateBinding SelectionBoxItem}" ContentTemplate="{TemplateBinding SelectionBoxItemTemplate}" ContentTemplateSelector="{TemplateBinding ItemTemplateSelector}" VerticalAlignment="Center" Margin="3" HorizontalAlignment="Stretch" /><TextBox x:Name="PART_EditableTextBox" HorizontalAlignment="Stretch" Focusable="True" Visibility="Collapsed" IsReadOnly="False"/><!--下拉显示面板HorizontalOffset:设置下拉面板的相对位置--><Popup HorizontalOffset="-1" Width="{TemplateBinding ActualWidth}"IsOpen="{TemplateBinding IsDropDownOpen}" Focusable="False"    PopupAnimation="Slide"><Grid  SnapsToDevicePixels="True" HorizontalAlignment="Stretch"><Border  BorderThickness="0,0,0,0" BorderBrush="White" HorizontalAlignment="Stretch" CornerRadius="0" Background="White"/><ScrollViewer  SnapsToDevicePixels="True" HorizontalAlignment="Stretch" ><StackPanel IsItemsHost="True" KeyboardNavigation.DirectionalNavigation="Contained" HorizontalAlignment="Stretch" /></ScrollViewer></Grid></Popup></Grid></Border></ControlTemplate></Setter.Value></Setter></Style></ComboBox.Resources><ComboBox.Background><LinearGradientBrush EndPoint="0,1" StartPoint="0,10"><GradientStop Color="White" Offset="0"/><GradientStop Color="White" Offset="1"/></LinearGradientBrush></ComboBox.Background><ComboBoxItem Content="管理员" Foreground="#FF505050" BorderThickness="0"/><ComboBoxItem Content="操作员" Foreground="#FF505050" BorderThickness="0" BorderBrush="White" Background="White"/></ComboBox>

http://chatgpt.dhexx.cn/article/LoeUmKr8.shtml

相关文章

WPF ComBox绑定数据

1、xmal文件中添加 DisplayMemberPath、SelectedValuePath属性 <ComboBox Name"MeaType" RenderTransformOrigin"1.72,2.273" Canvas.Left"48" Canvas.Top"226" Width"110" DisplayMemberPath"Name" Selecte…

可多选的combox

我们很多时候用到的是combox单选的功能&#xff0c;如果需要多选怎么办呢&#xff1f;这就需要combox的一个属性 multiple:true JS代码&#xff1a; $(#institution).combobox({url : queryinstitutionList,valueField : id,textField : InstitutionName,multiple:true,edit…

控件combox

目录(?)[] 一 combox显示二 取数据三实例 来自CODE的代码片 TestControlerscs 一. combox显示 首先combox有两个属性来存储数据&#xff1a;DisplayMember(显示成员),ValueMember(值成员) &#xff0c;DisplayMember是我们在combox界面上看到的&#xff0c;ValueMember是隐藏…

wpf 自定义combox控件

关键步骤 1、新建usercontrol使用基本的控件进行设计 2、依赖属性的定义&#xff0c;目的&#xff1a;外部调用时候能够使用属性进行控件样式的控制 例如 Width"200" DisplayMemberPath"Name" SelectedItem"{Binding SelectedItem,ModeTwoWay}&…

EasyUI中Combox组合框的简单使用

场景 效果 用法 从带有预定义结构的 <select> 元素创建组合框&#xff08;combobox&#xff09;。 <select id"cc" class"easyui-combobox" name"dept" style"width:200px;"><option value"aa">aitem1…

easyUI combox

1 组合框&#xff08;combobox&#xff09; 显示一个可编辑的文本框和下拉列表&#xff0c;用户可以从下拉列表中选择一个或多个值. 可以直接输入文本到列表的顶部&#xff0c;或者从列表中选择一个或多个现成的值。 创建的方式: 1 从带有预定义结构的 <select> 元素创…

下拉框combox绑定后该如何获取combox当前显示的值

在下小白,找了一个下午。具体情况就是&#xff1a;我已经绑定了combox的值。值是我利用sql语句从数据库里取出来的。然后就是用combox动态绑定去获取值嘛&#xff1a;如图 然后就是下面的结果。值已经进入到combox框里了。很开心。 但是却不知道用哪个方法获取其文本框里的值&a…

C#中ComBox赋值取值

效果图&#xff1a; 1.新建实体类&#xff1a; using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks;namespace hsBankZjdzManager.Entity {/// <summary>/// 下拉框赋值模板/// </summary>p…

c#美化Combox

1.C#美化Combox的源码 using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Data; using System.Linq; using System.Text; using System.Windows.Forms; using System.Drawing.Drawing2D;namespace BeautifyC…

VS combox控件的简单用法

一、conbox最最简单的用法 效果是这样的&#xff1a; 代码&#xff1a; private void Form1_Load(object sender, EventArgs e){comboBox1.Items.Add("平方差");comboBox1.Items.Add("归一化的平方差");comboBox1.Items.Add("相关性匹配");comb…

控件之combox

一. combox显示 首先combox有两个属性来存储数据&#xff1a;DisplayMember(显示成员),ValueMember(值成员) &#xff0c;DisplayMember是我们在combox界面上看到的&#xff0c;ValueMember是隐藏的数据。一般来说我们只需要设置DisplayMember属性的值即可。 循环赋值 &#xf…

COMBOX的基本使用

COMBOX的基本使用 (2015-07-21 23:10:27) 转载▼ 标签&#xff1a; it 分类&#xff1a; MFC 组合框其实就是把一个 编辑框 和一个列表框组合到了一起&#xff0c;分为三种&#xff1a;简易&#xff08;Simple&#xff09;组合框、下拉式&#xff08;Dropdown&#xff09;…

linux搭建tomcat集群

工作需要&#xff0c;要使用tomcat集群做负载均衡。准备把自己搭建的过程记录下来&#xff0c;供日后参考。 由于是自己练手&#xff0c;用的是自己电脑虚拟出来的3台虚拟机&#xff0c;系统版本CentOs6.5.话不多说&#xff0c;直接开始 装JDK于配置环境变量过程略过。。 把…

Nginx部署三台Tomcat集群详细操作步骤

详细步骤请看教程视频&#xff1a;视频地址 以下是安装教程和关键代码等资料&#xff1a; 讲解图例&#xff1a; 一、环境安装 JDK1.8安装教程&#xff1a;教程地址 Tomcat8.5获取链接&#xff1a; 链接&#xff1a;https://pan.baidu.com/s/18XqIcrehbdcs_s9lCG_xrA 提取…

Tomcat集群Session会话复制方案

Tomcat集群Session会话复制方案 一、配置Tomcat二、项目配置与启动配置 一、配置Tomcat 1.进入tomcat官网查找相应tomcat版本的文档&#xff0c;版本不同配置信息也就相应不同。 图中标识2就是tomcat默认的群集配置 2.打开tomcat/config/server.xml配置文件。 在 <Engin…

Tomcat 集群

多种方式实现 Tomcat 集群。 1 概述 1.1 集群能带来什么 提高服务的性能&#xff0c;例如计算处理能力、并发能力等&#xff0c;以及实现服务的高可用性。提供项目架构的横向扩展能力&#xff0c;增加集群中的机器就能提高集群的性能。提升对静态文件的处理性能。利用 Web 服务…

Tomcat集群同步原理

#概述 随着C/S架构中&#xff0c;客户端对服务器的访问量及访问次数逐渐增多&#xff0c;单个服务器已经不能够满足客户端的请求了。于是现在大多数服务器都做成了集群的形式。而服务器集群会有一个很大问题&#xff0c;就是同步问题。比如&#xff0c;现在我对一个有四台计算机…

零基础搭建Tomcat集群(超详细)

&#x1f497;推荐阅读文章&#x1f497; &#x1f338;JavaSE系列&#x1f338;&#x1f449;1️⃣《JavaSE系列教程》&#x1f33a;MySQL系列&#x1f33a;&#x1f449;2️⃣《MySQL系列教程》&#x1f340;JavaWeb系列&#x1f340;&#x1f449;3️⃣《JavaWeb系列教程》…

Nginx 搭建Tomcat集群

目录 一、架构图 二、配置上游服务器 三、配置集群服务 四、加权负载均衡 五、配置最大连接数 六、启动慢增长 一、架构图 二、配置上游服务器 打开config/nginx.conf 添加配置如下&#xff1a; 三、配置集群服务 刷新nginx后&#xff0c;集群配置完毕&#xff01; 四…

Tomcat集群及Session共享

Tomcat集群 由于单台Tomcat的承载能力是有限的&#xff0c;当我们的业务系统用户量比较大&#xff0c;请求压力比较大时&#xff0c;单台Tomcat是扛不住的&#xff0c;这个时候&#xff0c;就需要搭建Tomcat的集群&#xff0c;而目前比较流行的做法就是通过Nginx 来实现Tomcat…