WPF 圆角输入框

简介: 原文:WPF 圆角输入框今天打算来做一个圆角的输入框 默认输入框:   这个输入框不好看,并且在XP 跟 WIN 7  WIN10 效果 都不太一样   我们今天不用模板的方式,而是 最简单的方式 来实现 圆角 输入框;     ------------------------...
原文: WPF 圆角输入框

今天打算来做一个圆角的输入框

默认输入框:

 

这个输入框不好看,并且在XP 跟 WIN 7  WIN10 效果 都不太一样

 

我们今天不用模板的方式,而是 最简单的方式 来实现 圆角 输入框;

 

 

----------------------------------------------------方案1:XAML 拼凑方案----------------------------------------------------

 

<Border  HorizontalAlignment="Center" VerticalAlignment="Center" Width="100" BorderThickness="1" BorderBrush="#C8C8C8" CornerRadius="5">
         <TextBox Margin="2"  BorderThickness="0"></TextBox>
</Border>

效果

 

第一步骤,

在输入框外层 加了一个Border。CornerRadius是圆角值为5.BorderThickness(边框线条粗细)="1"   BorderBrush(边框色)="#C8C8C8"

第二步骤,

输入框 去掉BorderThickness,增加Margin 属性,如果没有Margin属性,效果会是这样

解决方案,

1.将输入框背景色改为透明。 Background="{x:Null}"    (需要给border添加一个背景色)

2.用 margin 增加输入框与border的距离 Margin="2" (这个会造成输入框大小被撑大)

 

最终效果:

最终源码:

<Grid>
      <Border  HorizontalAlignment="Center" VerticalAlignment="Center" MinWidth="150"  BorderThickness="1" BorderBrush="#888888" CornerRadius="5">
            <TextBox Text="WPF UI 真漂亮   944095635" Foreground="#888888" Padding="3" BorderThickness="0" Background="{x:Null}"/>
      </Border>
</Grid>

  

----------------------------------------------------方案2:TextBox 模板----------------------------------------------------

待续....

 

目录
相关文章
|
9月前
|
C#
WPF空心圆角combox
WPF空心圆角combox
104 0
|
C#
WPF 创建无边框的圆角窗口
原文:WPF 创建无边框的圆角窗口 如题所述,在WPF中要创建一个没有边框且为圆角的窗体,有如下几步工作要进行: 第一步:去掉窗体默认样式的边框 首先将窗体的背景设为透明,将允许透明的属性设置为True,...
2561 0
|
C#
WPF 关于圆角的制作
原文:WPF 关于圆角的制作 1、使用Boder(一般情况): 设置CornerRadius属性   ...   2、创建ClippingBorder类: View Code using System; using System.
1316 0
|
C#
WPF 圆角textbox
原文:WPF 圆角textbox 版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/a771948524/article/details/9245965 ...
1208 0
|
C#
WPF圆角按钮与触发颜色变化
原文:WPF圆角按钮与触发颜色变化 ...
1540 0
|
C#
设置WPF输入框焦点
原文:设置WPF输入框焦点 在WPF中设置控件键盘焦点 Keyboard.Focus(/*控件名称*/);
1263 0
|
C# 前端开发
[原译]WPF绘制圆角多边形
原文:[原译]WPF绘制圆角多边形 介绍 最近,我发现我需要个圆角多边形。而且是需要在运行时从用户界面来绘制。WPF有多边形。但是不支持圆角。我搜索了一下。也没找到可行的现成例子。于是就自己做吧。本文描述了圆角多边形的实现,也包括如何用在你的项目里。
1467 0
|
C#
WPF 提示框、确认框、确认输入框
1、提示框 分为提示、异常、失败、成功几种类型 方法: /// /// 弹出提示 /// 标题:提示 /// /// 内容 public static void ShowInfo...
2282 0
|
C#
WPF换肤之一:创建圆角窗体
原文:WPF换肤之一:创建圆角窗体     我们都期望自己的软件能够有一套看上去很吸引人眼球的外衣,使得别人看上去既专业又有美感。这个系列就带领着大家一步一步的讲解如何设计出一套自己的WPF的窗体皮肤,如果文中有任何错误或者不足,还请指出。
1308 0
|
C#
WPF和Expression Blend开发实例:一个样式实现的数字输入框
原文:WPF和Expression Blend开发实例:一个样式实现的数字输入框 今天来一个比较奇淫技巧的手法,很少人用,同时也不推荐太过频繁的使用. 先上样式: ...
943 0