用户界面设计
文章平均质量分 67
有技巧搬砖
这个作者很懒,什么都没留下…
展开
-
WPF ListCollectionView排序、过滤和分组
我之前写过我非常需要并且非常喜欢 WPF 列表(ListBox、ListView..)。现在我想分享一种方法来在简单地绑定到集合而不触及该集合时操作视图。它可以在 xaml 中完成,如此处所示但我不太喜欢这种方法,因为在我看来,排序、分组等操作属于视图模型,而不是直接视图,如果它们在视图中,则没有可用的测试。原创 2022-09-15 22:33:57 · 848 阅读 · 1 评论 -
WPF 入门教程ContentTemplate和DataTemplate
WPF 中的模板用于自定义 UI。我们可以操作控件和数据。WPF 中的每个控件都有与之关联的默认模板。默认模板定义了一种外观和感觉,基本上是一种控制风格。这就是为什么默认情况下 Button 或 TextBox 形状是矩形的,因为它是在其默认模板中定义的。现在我们可以更新该模板并添加我们自己的实现。在 WPF 中有两种类型的模板,控制模板:自定义外观 数据模板:自定义功能。ContentTemplate我们可以在 App.xaml 或资源文件中定义这些模板,以便在应用程序中重用它们。原创 2022-05-14 16:56:23 · 1826 阅读 · 1 评论 -
WPF 入门教程ContentControl
WPF的ContentControl是WPF控件的一种特殊形式,用于存储用户输入或从任何其他数据源读取的内容。内容控件只能包含一个子元素。这与包含多个子元素的布局控件(如Grid、WrapPanel和StackPanel控件)不同。在本文中,借助代码示例对WPF内容控件进行了详细概述。如果您是WPF布局和应用程序语法的绝对初学者,我建议您阅读本教程以了解基础知识,然后您可以返回并继续阅读本文。什么是ContentControl?所有的Layout控件都派生自抽象类Panel。Panel类包含容纳原创 2022-05-14 16:53:38 · 5384 阅读 · 0 评论 -
好用的WPF开源UI框架项目
为了满足用户需求,对Newbeecoder.UI开源界面框架项目进行功能扩充,新增数据库轻量级ORM模块、数据访问模型(Model)模块、Excel操作模块、绘图功能。ORM模块支持Sql Server,MySql,Sqlite等主流数据库。一对多或者多对多的映射关系,能快速连接和操作数据库表,支持多种组合查询和新增,修改数据表。 (Model)模块对数据表字段映射和封装,它提供了服务器端验证,当模型属性上使用这些特性时。可对字符非空,最大长度,值范围,两个属性相同,正则表达式字段验证。 Excel原创 2022-09-15 22:31:34 · 31388 阅读 · 10 评论 -
浅谈WPF中的Calendar日历控件
日历控件用于创建可视日历,让用户选择日期并在选择日期时触发事件。本文演示如何使用 XAML 和 C# 在 WPF 中创建和使用日历控件。创建日历Calendar 元素表示 XAML 中的 WPF 日历控件。<Calendar/> Calendar 控件在 System.Windows.Controls 命名空间中定义。当您将日历控件从工具箱拖放到页面时,XAML 代码将类似于以下代码,您可以在其中看到日历 XAML 元素已添加到 Grid 元素中,并且其 Width、Hei原创 2022-03-30 21:49:37 · 3484 阅读 · 0 评论 -
WPF 入门教程Canvas布局
正确的布局和定位是交互式、高性能和用户友好的Windows应用程序的重要组成部分。本系列文章解释了WPF中的布局过程。本系列文章首先了解WPF布局过程。本系列的下一部分将介绍布局和定位的基础知识,例如元素的大小、空白、填充和对齐方式。在本系列的后面,我将介绍WPF中可用的各种面板和相关的父控件。本文将详细讨论Canvas面板。Canvas面板用于使用相对于画布区域的坐标来定位子元素。以下是 Canvas 面板的一些属性。Canvas 的 Height 和 Width 属性的默认值为 0。如果不设原创 2022-03-30 13:27:49 · 4369 阅读 · 0 评论 -
WPF开源项目Newbeecoder.UI库新功能演示
为了满足更多用户对Newbeecoder.UI库功能需求,在控件库中加入自定义样式按钮、输入框带图标、多选下拉框,日期时间和日历控件、不确定进度条、标准选项卡、绘制曲线图。1、自定义样式按钮增加7种常用样式按钮,分别有带左图形+右文字,圆形文字按钮,上图形+下文字,圆形图形按钮等样式。自定义样式按钮调用代码:<StackPanel Orientation="Horizontal"> <NbButton Style="{DynamicResource Normal原创 2022-03-29 16:43:04 · 1274 阅读 · 0 评论 -
基于MVVM框架UI控件库—MessageBox
在WPF控件中MessageBox消息框对话框,给用户界面提示消息,它是ShowDialog对话框。Newbeecoder.UI的NbMessageBox消息框主要参数有标题、消息内容、提示按钮类型。在设计NbMessageBox类增加一些自定义基础属性,方便用户后期扩展功能和样式。常用的属性是按钮类型,消息内容,消息图标,图标宽(高)度,图标颜色,图标间距,消息间距,对齐方式,Ok按钮内容,Cancel按钮内容,Yes按钮内容,No按钮内容,Ok按钮样式,还有更多属性就不一一列举了。NbMes原创 2022-01-25 09:44:44 · 744 阅读 · 0 评论 -
WPF MVVM框架搭建Newbeecoder.UI控件库—窗口样式
在WPF开发中经常用到Window和Page两种界面,标准窗体分两个部分:非客户区和客户区。1、非客户区有窗体图标、标题、最小化、最大化、关闭等按钮。2、客户区是放应用程序的内容。在Newbeecoder.UI控件库有三种默认样式的窗体,分别是主题窗体、默认窗体、Mac窗体一、主题窗体开发NbWindowEx类而生成的。在主题窗体中添加自定义属性(标题对齐、扩展图标、图标宽高度、显示关闭按钮、显示最大化和最小化按钮、显示标题、标题颜色、系统按钮样式)等功能,用户可以自己窗体样式去设置相关原创 2022-01-24 14:11:06 · 599 阅读 · 0 评论 -
MVVM框架开源控件库 Newbeecoder.UI--Popup使用
WPF中的弹出窗口是一个浮动在页面或窗口上的窗口,为一些快速操作提供功能,例如,Newbeecoder.UI控件库主界面开发者logo弹出提示。WPF带有一个Popup 控件来提供此功能。WPF中可用的弹出控件。设置IsOpen属性设置为True,NbPopup控件显示其内容。默认弹窗是打开状态,直到IsOpen属性设置为False。PlacementTarget获取或设置NbPopup打开时相对于其定位的元素。Placement获取或设置的方向。StaysOpen 设置当控件不再处于焦点时原创 2022-01-17 11:53:46 · 415 阅读 · 0 评论 -
WPF(C#)新版开源控件库:Newbeecoder.UI等待动画
在WPF应用程序中,有一些应用程序信息数据量太大。加载此窗口时需要一些时间,尤其是第一次打开时。我正在尝试在窗口打开时实现加载动画,以便应用程序看起来继续响应。添加加载动画的进程只能在 UI线程上运行,尝试在UI 线程上执行所有操作的问题。需要后台运行或以其他方式不阻塞长时间运行的逻辑。异步运行Task并停止仅执行当前方法,直到它返回。它不会阻塞调用线程。首先我们创建一个WaitingBox控件,用于显示等待动画,在控件中增加几项属性,RadiusX,RadiusY、圆角。RadiusX和Radiu原创 2022-01-07 14:31:20 · 600 阅读 · 0 评论 -
基于MVVM框架开源控件库【Newbeecoder.UI】NbExpander使用
WPF的Expander是显示内容视图控件,扩展区域的内容可以展开或折叠。ExpandDirection是设置扩展方向,FontSize设置字体大小,IsExpanded展示显示。在Expander中加入ScrollViewer来显示指定的滚动样式。Demo版下载地址:Newbeecoder.UI.zip-C#文档类资源https://download.csdn.net/download/liaohaiyin/63234875Newbeecoder.UI控件库根据用户需求开发稳定而高效项目,通过视频原创 2022-01-06 11:49:04 · 1306 阅读 · 0 评论 -
C#《Newbeecoder.UI》新版控件库DataGrid使用
用DataGrid控件显示数据和信息的集合。在WPF能自定义外观,单元格,表格头部,字体,颜色等内容。使用ItemsSource属性进行数据源绑定,绑定任何实现IEnuemerable的数据源。默认情况下,当用户单击DataGrid中的单元格时会选择整行,如果用户选择多行设置SelectionMode属性。假如不想生成自动列使用AutoGenerateColumns属性设置为false。GridLinesVisibility使网格线可见、AreRowDetailsFrozen冻结行详细信息。Micr原创 2021-12-31 10:16:04 · 709 阅读 · 1 评论 -
C# WPF新版控件库【Newbeecoder.UI】NbNumericUpDiwn
NbNumericUpDown控件是输入框数字快速加减,同时兼容使用键盘输入数字。通过设置Minimum和Maximum调整最小值、最大值。在数字加减控件中可以设置TextBoxWidth调整输入框宽度,用户按向上和向下键不放快速加减数字,不需要像单击按钮那样每次只加减一个值。Newbeecoder.UI开源控件Demo下载链接:Newbeecoder.UI开源控件Demo下载https://download.csdn.net/download/liaohaiyin/63234875控件库根原创 2021-12-30 09:35:16 · 415 阅读 · 0 评论 -
C# WPF新版开源控件库:Newbeecoder.UI之NbTreeView
树状控件主要功能是显示分层结构可折叠的节点内容,在控件中可以使用ItemsSource作为数据源。有一个重要的属性HierarchicalDataTemplate对象用于设置层级数据模板。在NbTreeView控件TreeViewItem填充内容项,当设置IsExpanded属性为true表示展开,如果想获取选中状态使用IsSelected。Newbeecoder.UI开源控件Demo下载链接:Newbeecoder.UI开源控件https://share.weiyun.com/P1ZABPUd原创 2021-12-29 09:35:52 · 503 阅读 · 0 评论 -
C# WPF新版开源控件库【Newbeecoder.UI】NbTabControl
Newbeecoder.UI在本篇使用说明中分创建带有可关闭选项卡项的选项卡控件。可以使用放置在选项卡标题中的关闭按钮关闭选项卡控件,如下图所示:设置NbTabControl的TabStripPlacement属性对标签条布局,可以设置左右上下摆放,如果不显示关闭按钮把ShowCloseButton属性改成False即可。标签按钮样式改变通过设置TabCloseButtonStyle,ItemPanelMargin是改变每项标签间隔位置,同时标签还有内边框背景色、内边框颜色、内边框厚度、内边框间隔,原创 2021-12-28 09:46:33 · 421 阅读 · 0 评论 -
C# WPF新版开源控件库【Newbeecoder.UI】进度条
在本篇文章中介绍如何使用Newbeecoder.UI的NbProgressBar控件,在NbProgressBar控件有几个基本属性,Width和Height 属性表示NbProgressBar的宽度和高度。Name 属性表示控件的名称。Value属性设置 控件的当前值,另外在滚动条中增加几项属性,分别是:圆角、百分百比是否可见、动画颜色。Newbeecoder.UI开源控件Demo下载链接:WPF新版开源控件库:Newbeecoder.UIhttps://share.weiyun.com/MwgW原创 2021-12-27 10:01:15 · 395 阅读 · 0 评论 -
WPF 开源控件库 Newbeecoder.UI推荐:开/关
于显示两个独占选项。控制由按钮平滑地左右滑动的轨迹表示。这两个状态的内容可以根据它们的位置进行选择。该按钮源自我们的ToggleButton控件。由于继承,它具有ToggleButton控件的所有功能。,根据IsChecked实现滑动动作。开关按钮的文本显示自定义依赖属性OffContent和OnContent来接收。使用 ToggleSwitch 控件让用户在打开和关闭状态之间切换选项。使用IsOn属性来确定开关的状态。例如电灯开关。使用切换开关控件为用户提供两个互斥的选项(例如开/关),其中原创 2021-12-24 09:46:19 · 631 阅读 · 0 评论 -
开源 WPF控件库 Newbeecoder.UI推荐
WPF开发桌面软件具有天然优势,能快速漂亮的界面程序。Newbeecoder是一款简单易用漂亮的WPF UI开源库,融合多个开源框架组件,为个人定制的UI提供支持,QQ:6726256Newbeecoder控件库开发部份作品展示...原创 2021-07-05 00:06:02 · 6542 阅读 · 4 评论 -
WPF 开源控件库 Newbeecoder.UI推荐:日期时间
wpf DatePicker允许用户选择日期值的控件。用户通过使用ComboBox选择月、日和年值来选择日期,自带日期控件不能选择时间。Newbeecoder.UI开源控件Demo下载链接:文件分享https://share.weiyun.com/MwgWJM8Y根据产品图设计一款好看的软件用Newbeecoder.UI能完美实现,先视频演示Newbeecoder.UI控件库效果:C# WPF新版开源控件库:Newbeecoder.UI前言DatePicker控件的结构包括显示日期原创 2021-12-23 13:33:45 · 1057 阅读 · 0 评论 -
好看的C# WPF控件库【Newbeecoder.UI】多选ComboBox
在WPF中实现多选使用CheckBox或ToggleButton按钮,该按钮IsChecked属性支持复选功能,ComboBox中集合ComboBoxItem控件可以支持多选。为了让ComboBox支持CheckBox,ComboBoxItem继承于ListBoxItem,ListBoxItem在前面说过可以选择多项,IsSelected判断是否选中状态。在资源样式中用CheckBox作为项填充集合。Newbeecoder.UI开源控件Demo下载链接:https://share.weiyun.co原创 2021-12-22 10:46:32 · 1642 阅读 · 2 评论 -
C# WPF开源控件库:Newbeecoder.UI---下拉框使用
下拉列表的选择控件,控件左边显示文本内容,右边通过单击控件上的箭头来显示或隐藏该下拉列表,默认的组合框允许选择一项或文本框中输入新的文本。ComboBox是一个ItemsControl,说明由一个或多个集合项组成,可以包括字符串、图片等。Newbeecoder.UI开源控件Demo下载链接:文件分享https://share.weiyun.com/MwgWJM8Y只要你有好看的设计图,基本上都可以用Newbeecoder.UI按设计图开发出来,下面演示开源控件库开发的控件:上传视频封面原创 2021-12-20 16:28:33 · 2281 阅读 · 0 评论 -
C# WPF开源控件库:Newbeecoder.UI使用指南(四)
输入文本框和按钮是开发软件中使用频率最高的两种控件,文本框作为输入数据控件,键盘上的字符都可以录入到文本框显示,允许用户编写一行或多行内容。在WPF文本框有些常用的属性,比如:Text、Background、BorderBrush、BorderThickness、Foreground、Width、IsEnabled、IsVisible、SelectedText、HorizontalContentAlignment、VerticalContentAlignment、Visibility等常用属性。文本原创 2021-12-17 10:38:45 · 991 阅读 · 0 评论 -
C# WPF开源控件库:Newbeecoder.UI使用指南(三)
在开发项目中要显示一组数据且可以选择一项或多项的时候,可以使用ListBox列表框。SelectionMode设置选择单项和多项,全选使用SelectAll属性进行设置。在WPF中可以对ItemsSource绑定对象获取数据列表。以便在列表框中选择它的项目。我也想反其道而行之,如果取消选择某个项目,则对象中的 ObservableList 将相应更改。Newbeecoder.UI控件库在ListBox基础扩展更多功能,例如风格,图标,圆角等。需要扩展其它功能将Newbeecoder.UI控件进行添加原创 2021-12-17 10:33:03 · 1309 阅读 · 0 评论 -
C# WPF开源控件库:Newbeecoder.UI使用指南(二)
使用自带复选框显示可选项很简单,为了界面风格和样式一致。所以需要将单选框和复选框重构和美化达到我们的需求。Newbeecoder.UI开源控件百度网盘下载地址:https://pan.baidu.com/s/1h-0I_NFKQ54JYJKppkbZuw ,提取码:6sm9后来探索了下wpf自带的控件,在系统自带组件上扩展一些常用功能。发现WPF其功能非常强大, Newbeecoder.UI 基于.net framework 4.0框架开发,很好的兼容更高版本。只要你有好看的设计图,基本..原创 2021-12-15 10:54:45 · 1472 阅读 · 0 评论 -
C# WPF开源控件库:Newbeecoder.UI使用指南(一)
引言以前经常winform软件,系统自带一些简单控件,风格和外观比较单一,扩展的功能和样式都不是非常齐全。但是当用wpf开发时,类似的开源组件就很少了,而且稍微好点的都还收费。后来探索了下wpf自带的控件,在系统自带组件上扩展一些常用功能。发现WPF其功能非常强大, Newbeecoder.UI 基于.net framework 4.0框架开发,很好的兼容更高版本。只要你有好看的设计图,基本上都可以按设计图调整出来,下面演示没用任何第三方库技术开发的开源组件:C# WPF新版开源控件库:N原创 2021-12-14 11:24:32 · 5198 阅读 · 4 评论 -
C# WPF新版开源控件库:Newbeecoder.UI
为了给开发者或第三方用户提供最好的开源库,所以最近一直在努力升级Newbeecoder.UI库。Newbeecoder.UI控件和源码视频演示效果:按钮形式的外观。 按钮表示由多个对象组成,其中包括矩形和其他组件,用于为按钮指定独特的外观。到目前为止,控件在应用程序中的外观控件限制为更改按钮的属性。 如果要对按钮的外观进行更多的根式更改,会怎么样? 模板可以强大地控制对象的表示形式。 由于可以在样式内使用模板,如何调用Newbeecoder.UI控件,看一下调用代码:<NbR原创 2021-12-13 23:38:44 · 2455 阅读 · 2 评论 -
WPF开源控件Newbeecoder.UI之ListBox
WPF ListBox是ListBoxItems的集合。如何添加列表框项、向 ListBox 添加项、从ListBox删除项以及如何将 ListBox 绑定到数据源,可以在网上搜索相关资料。先演示一下Newbeecoder.UI列表框运行效果:这里讨论如何设计和Newbeecoder.UI统一风格样式。对于ListBox容器部分添加几项依赖属性,分别是非客户区鼠标/触摸响应事件、圆角和禁用时鼠标的样式。代码如下:同样的ListBoxItem的集合类也需要添加自己依赖属性,分别是非客户区鼠原创 2021-12-09 12:24:00 · 714 阅读 · 0 评论 -
开源WPF控件库【Newbeecoder.UI】ToggleButton
在上一章讲了单选框样式,单选扩展依赖属性类继承于RadioButton。然后在自定义样式,RadioButton中需要把GroupName设置为同一组名称即可。复选框实现原理同单选框相同,主要区别在于实现多选需要继承ToggleButton类,此类每个按钮是可以单独选择的。先看一下实现效果:增加几项依赖属性和单选框一样。这里就不再多介绍。/// <summary> /// 多选框 /// </summary> public class N原创 2021-12-08 11:45:13 · 318 阅读 · 0 评论 -
WPF开源控件库【Newbeecoder.UI】RadioButton
创建和使用WPF和XAML中可用的单选项控件。通常用于具有多个选项的组中,其中必须选择一个。如果只能且必须选择一项,那么扩展RadioButton类就可以实现。先演示看一下效果:在单选框增加几项依赖属性,分别是OptionMarkBackground、ShowOptionMark、OptionMarkHeight、OptionMarkWidth这几项功能作用是什么呢?单选框分别有左边选择和右边文字内容,OptionMarkBackground单选框左边标记背景颜色,ShowOptionMark是原创 2021-12-08 11:43:30 · 395 阅读 · 0 评论 -
WPF开源控件Newbeecoder.UI自定义按钮
程序界面上的按钮多种多样,常用的就这几种:普通按钮、图标按钮、文字按钮、图片文字混合按钮。一、固定样式的按钮固定样式的按钮一般在临时使用时或程序的样式比较固定时才会使用,按钮整体样式不需要做大的改动。1.1 普通按钮-扁平化风格先看效果:自定义按钮样式中增加几个依赖属性,IsHitTestVisibleInChrome、非客户区鼠标是否响应事件,CornerRadius、MaskBackground、DisabledCursor、NbData,NbData目前存放图片,该类型是.原创 2021-12-08 09:37:33 · 539 阅读 · 0 评论