概述 登录窗体无论在bs还是cs中都很常见,使用winform或者wpf ui进行设计都相对比较简单,但是如果在WPF框架,比如:Caliburn.Micro下,设计一个符合MVVM思想的登录窗体就相对有了点难度...后台设计 数据模型:定义一个用户登录类,类中囊括三个属性 登录信息验证:这里按理应该增加注册信息,应该是个list,我只是举例写了一组: 登录方法:这里首先验证登录信息,验证失败就弹窗提示报错信息,...Property="Visibility" Value="Collapsed"/> DataTrigger... DataTrigger... DataTrigger
Silverlight和UWP都很普通地提供了HyperlinkButton。...不过在Silverlight中为了显示MouseOver时出现的下划线使用了两层内容,一层用于正常显示(contentPresenter),另一层用于显示下划线(UnderlineTextBlock),...UWP很多使用代码控制样式的行为,通常宣称理由是为了性能,但Button是整个UI中最不需要性能的部分,毕竟一个UI中不可能有几百个Button,就算有几百个HyperlinkButton,现代的UI框架也不可能仅仅因为下划线就导致性能下降...在ControlTemplate.Resources中添加了一个TextBlock的全局样式,里面的DataTrigger设置为当鼠标进入父节点的HyperlinkButton时TextDecorations...在下面的ContentPresenter.Resources中也添加了同样的DataTrigger,这是为了应对下面这种情况: <kino:HyperlinkButton Content="Microsoft
正确的做法应该是使用代码告诉ControlTemplate去改变外观,或者控制ControlTemplate中可用的元素进入某个状态。...使用TemplatePart TemplatePart(部件)是指ControlTemplate中的命名元素(如上面XAML中的“HeaderElement”)。...在过去版本的Blend中,编辑ControlTemplate可以看到“状态(States)”、“触发器(Triggers)”、“部件(Parts)”三个面板,现在“部件”面板已经消失了,而“触发器”从Silverlight...开始就不再支持,以后也应该不会回归(xaml standard在github上有这方面的讨论(Add Triggers, DataTrigger, EventTrigger,___) [and-or]...现在看起来是VisualState的胜利,其实在Silverlight和UWP中TemplatePart仍是个十分常用的技术,而在WPF中Trigger也工作得很出色。 ? ?
WPFtrigger的主要类型有:Trigger、MultiTrigger、DataTrigger、MultiDataTrigger、EventTrigger几种。...在这些地方可以使用trigger,具体视情况而定。 1.在Style中使用各种trigger 在style中使用的trigger主要是属性的触发器,当属性的值发生改变是将会引发触发器。...trigger 在ControlTemplate中使用的trigger主要是在controltemplate中的元素的触发器,当属性的值发生改变是将会引发触发器。...trigger 在DataTemplate中使用trigger可以根据绑定的数据不同显示不同的内容。...TargetName="menu_addChild" Property="Visibility" Value="Visible"/> DataTrigger
二:定义命令的实现 三:为命令创建一个触发器 WPF中命令系统的基础是一个相对简单的ICommand...典型的,UI控件能使用CanExecute来启用或禁用自己。也就是说,在相关的命令从CanExecute中返回False的时候,按钮将变得不可用。 ...在命令参数(文件名)中使用数据绑定。... DataTrigger...Value=".txt"> DataTrigger.Binding> <Binding
最简单的代码,让 WPF 支持响应式布局 响应式布局在各种现代的 UI 框架中不是什么新鲜的概念,基本都是内置支持。...然而在古老的 WPF 框架中却并没有原生支持,后来虽然通过 Blend 自带的 Interactions 库实现了响应式布局,但生成的代码量太大了,而且需要引入额外的库。...如果只是希望临时局部地方使用响应式布局,那么其实可以直接使用 WPF 内置的绑定机制来完成响应式布局。本文介绍如何使用。 ---- 思路是在控件尺寸发生变更的时候更新控件的样式。...直接在控件上使用的 Trigger 只能使用 EventTrigger,因此我们需要编写能写更多种类 Trigger 的 Style。...如果你写的是 DataTemplate,也一样是使用 DataTrigger 绑定。 你也可以不绑定到窗口上,而绑定到控件本身上,使用 TemplatedParent 作为绑定的源即可。
2、 用条形码追蹤产品序号,提高产品的售后服务水平; 3、及时反应产品质量问题,追溯品质历史,提高产品治理; 4、 大幅减少现场手工作业,提高现场管理人员的生产力; 5、充分掌握工具、设备的使用状况...--响应当前节点的鼠标双击动作,并且关联到VM中的命令--> ..."ItemsHost" Value="Collapsed"/> DataTrigger...MenuItemModel tim = new MenuItemModel(); tim.Header = "工艺设计"; // XAML里使用...解决方案:从集合中判断是否存在 // 2、新打开一个页面后,不能马上显示 //MenuItemModel mim = menu as MenuItemModel
响应式布局在各种现代的 UI 框架中不是什么新鲜的概念,基本都是内置支持。...然而在古老的 WPF 框架中却并没有原生支持,后来虽然通过 Blend 自带的 Interactions 库实现了响应式布局,但生成的代码量太大了,而且需要引入额外的库。...如果只是希望临时局部地方使用响应式布局,那么其实可以直接使用 WPF 内置的绑定机制来完成响应式布局。本文介绍如何使用。 思路是在控件尺寸发生变更的时候更新控件的样式。...直接在控件上使用的 Trigger 只能使用 EventTrigger,因此我们需要编写能写更多种类 Trigger 的 Style。...如果你写的是 DataTemplate,也一样是使用 DataTrigger 绑定。 你也可以不绑定到窗口上,而绑定到控件本身上,使用 TemplatedParent 作为绑定的源即可。
这节来讲一下WPF中的触发器——Trigger。触发器,是指在既定条件或者特殊场景下被触发,从而去执行一个操作。...在WPF中,触发器可以分为以下几类:基本触发器(Trigger);事件触发器(EventTrigger);数据触发器(DataTrigger);多条件触发器(MultiTrigger,MultiDataTrigger...当我们想监视多个属性的值来控制触发器的执行,可以使用MultiTrigger,请看如下代码: 多属性触发器,需要将多个触发条件写在MultiTrigger.Conditions中,其它用法都是一致的...3数据触发器(DataTrigger) 请看如下代码: 我们还是以修改Slider背景色为例子,数据触发器使用Binding来设置要监视的对象,其结果跟示例1一致,此处不再展示,除了绑定一个数据...,上述代码中,当Slider的Value为1并且最大值为1的时候,触发器才会触发,运行结果如下: 本节到此结束...
需求 在 MVVM 中 ViewModel 和 View 之间的交互通常都是靠 Icommand 和 INotifyPropertyChanged,不过有时候还会需要从 MVVM 中控制 View 中的某个元素...上面的 gif 是我在另一篇文章 《自定义一个“传统”的 Validation.ErrorTemplate》 中的一个示例,在这个示例中我修改了 Validation.ErrorTemplate,这样在数据验证出错后...这个需求在使用 CodeBehind 的场景很容易实现,但 MVVM 模式就有点难,因为 ViewModel 应该不能直接调用 View 上的任何元素的函数。...环境 首先介绍这个例子使用到的 ViewModel 和 View。...使用属性控制焦点 了解 FocusManager.FocusedElement 的使用方式以后,我们可以在 ViewModel 中定义一个 bool 类型属性 IsNameHasFocus,当调用 Submit
在传统的.net应用中,使用base64编码字符串是一件很轻松的事情,比如下面这段代码演示了如何将本地文件转化为base64字符串,并且将base64字符串又还原为图片文件. base64编码在传统.net...程序中的应用(by 菩提树下的杨过 ) using System; using System.Drawing; using System.Drawing.Imaging; using System.IO...; namespace Base64Study { /// /// base64编码在传统.net程序中的应用(by 菩提树下的杨过 http://yjmyzz.cnblogs.com...MemoryStream(b); Bitmap bitmap = new Bitmap(ms); return bitmap; } } } 但是到了silverlight...环境中,这种简单的操作方式却无法使用了,幸好网上有一个开源的免费组件FluxJpeg,同时国外有高人已经利用该组件写出了将位图转化为base64的方法,这里我们借用一下即可: 代码 <UserControl
前面的文章中,button样式告一段落。接下来分享几个TextBox样式。 后续持续更新中~ 代码都在git上同步。有需要的可以下载查看。项目地址在之前的文章中都有写哦。...Collapsed" /> DataTrigger... DataTrigger...下面就是在MainWindow.xaml中使用样式~ <TextBox Width="200" Style
下面来看使用方法。...在用户控件内部就是分别给面板以及内容控件设置对应的样式: 以及,前面提到的 RenderTransform 不被占用仍可使用的情况如下: 在外部使用用户控件时,只需在需要水平翻转的那个控件上设置 Orientation...=”Right” 即可: 既然本次演示的都是 Sty.JudgeFlip.H.ContentControl.BindUc ,那么在 VM 中自然是需要也有一个 Orientation 属性的: 然后在用户控件后台代码中...此时有人可能就要说了,为什么不直接全部使用 ViewModel 中的相关属性呢?...当然,你可以使用设计时 DataContext 等技术,但是那样好像更麻烦了。 最后说一句,本文介绍的是水平翻转的情况,而对于垂直翻转的情况,其道理是相同的。
Silverlight4终于支持摄像头和麦克风了,网页上的视频聊天将不再是Flash的专利!...今天在一个老外的网站上看到webCam的使用示例(http://elegantcode.com/2009/11/20/silverlight-4-webcam-a-quick-glance/),非常简单...稍做解释: 1.先得到一个VideoCaptureDevice对象 2.然后调用CaptureDeviceConfiguration.RequestDeviceAccess()方法询问用户是否允许使用该设备
使用 CirclePanel 实现 既然要用 ItemsControl,那首先要有个集合作为它的 ItemsSource。...在 XAML 中可以用以下方式创建一个集合: Mahesh...String>Neel Beniwal Sam Hobbs 不过也可以不这么大费周章,在 .NET 中...这里我使用了 HandyControl 的 CirclePanel,这个 Panel 用起来十分简单,它会自动将 Children 在圆形上等距分布: ...用 DataTrigger 实现不同的指针 上面的表盘还是做得太朴素了,我们可以用 DataTrigger 让它变得更复杂些。首先改变 ItemsSource 的内容,让它变成 60 个指针。
-2.aspx 2、Scott的Sliverlight中文教程: 第一部分:使用Silverlight 2 和 VS 2008创建“Hello World”程序 第二部分:使用布局管理 (木野狐译...Defining Columns for a Silverlight DataGrid: Scott Morrison开始了一个很精彩的贴子系列,描述如何使用新的Silverlight 2 DataGrid...将其发布,然后示范了如何建造一个使用了新的Silverlight DataGrid控件的Silverlight客户端,该客户端调用WCF服务获取LINQ to SQL数据,将其绑定到DataGrid上。...,绑定到DataGrid,允许用户更新数据行,添加/删除数据行,然后使用 Silverlight 2 Beta1将数据保存到服务器上。...Sorting with Silverlight 2's DataGrid Control: Silverlight 2 Beta1中的DataGrid控件还没有内置的列数据排序支持(将在Beta2中提供
那些[讨厌]的依赖属性的讲解文章 初学者肯定会面临一件事,就是百度,谷歌,或者MSDN来查看依赖属性的定义和使用,而这些文章虽然都写的很好,但,那是相对于已经学会使用依赖属性的朋友而言。...在KButtion中,我们定义了四个依赖属性: ForeImageProperty:按钮的前景图片。 BackImageProperty:按钮的背景图片。...其中需要注意的是,在模板中绑定自定义依赖属性,是使用RelativeSource.TemplatedParent的,如{Binding ForeImage, RelativeSource={x:Static...而在模板的数据事件DataTrigger中,绑定依赖属性的模式却是分两种的。...第一种,绑定数据事件DataTrigger的条件时,使用RelativeSource.Self,如{Binding IsMouseOver,RelativeSource={x:Static RelativeSource.Self
那么就以这个为突破口,创建一个用户控件,在代码隐藏页中添加一个用于控制输入框位置的依赖属性 “TextBoxPlacement”: 【题外话]】添加依赖属性的方法为,输入 “propdp” 然后按 Tab...别急,我们先来看看整个用户控件的界面布局: 可以看到,界面上就只有一个 Control 元素,给它设置了一个样式,将在该样式中使用 DataTrigger(数据触发器)来切换不同的控件模板,从而改变布局...最开始想用数据模板选择器的,后来发现那个应该是适用于列表控件中依据数据不同从而动态选择子项的模板的情况,不适用于这种用户控件中。...默认是输入框在圆圈右边的布局,其余的 左、上、下 则是通过数据触发器 DataTrigger 来实现的,数据触发器绑定 UserControl 的 TextBoxPlacement 属性(前面我们添加的那个...圈内文本是一个 TextBlock,使用样式 InfoStyle,文本内容绑定了一个依赖属性 CircleInfo。输入框就是一个 TextBox,使用样式 TextBoxStyle。
ListViewItemExpanded样式,里面有完整的布局、VisualState等,不过总共有差不多500行,只拿其中MultiSelectStates的部分也将近100行,这太过复杂了,这还是有些麻烦,在WPF中实现起来反而简单很多...RelativeSource FindAncestor, AncestorType={x:Type ListViewItem}}}"/> 就是在控件模板中添加一个...添加VisualState WPF的Button的ControlTemplate没有使用VisualState,但Button支持VisualState,用户可以自定义使用VisualState的ControlTemplate...在ListBoxItem里用Trigger比使用VisualState更简洁有效。 4....最后再DataGrid的Style的Triggers中添加两个DataTrigger: <Setter