[ 已针对 Windows 10 上的 UWP 应用更新. 有关 Windows 8.x 文章,请参阅存档 ] 数据绑定是你的应用 UI 用来显示数据的一种方法,可以选择与该数据保持同步. 借助数据绑定,你可以将关注的数据从关注的 UI 中分离开来,从而可形成一个更简易的概念模型,并且使你的应用拥有更好的可读性.可测试性和可维护性. 在标记中,你既可以选用 {x:Bind} 标记扩展,也可以选用 {Binding} 标记扩展. 还可以在同一应用中(甚至是同一 UI 元素上)混合使用这两个标记扩展…

在开始上代码前,先来假设这样一种情形: 出于某些原因,创建一个自定义控件(UserControl),然后为它定义一个依赖属性,这个属性有两个作用,一是调用控件方通过数据绑定技术为它赋值,二是控件内部的其他属性需要从这个自定义的属性获取数据.这个自定义的依赖属性充当的是一个中间件的作用. 用到的技术就是数据绑定和依赖属性. 针对这种情形,做一个例子如下: 这是充当中间件的Model,只有一个Name属性 public class Entity{ public string Name{get;set…

UWP中新加的数据绑定方式x:Bind分析总结 0x00 UWP中的x:Bind 由之前有过WPF开发经验,所以在学习UWP的时候直接省略了XAML.数据绑定等几个看着十分眼熟的主题.学习过程中倒是也没遇到麻烦.直到在园子里看到了这篇文章: http://www.cnblogs.com/gaoshang212/p/4534138.html 原来UWP的绑定中新加了个x:Bind,从文章中可以看到x:Bind的效率是很高的.找到MSDN(数据绑定)看了一下(完整的学习目录可参见: http://w…

现在是msp候选人,是时候写点技术博客来加分了(实则是个人的心得体会). 注:以下都是个人理解,错误在所难免,欢迎批评指正 以前接触过WPF,只会简单的一些操作,现在在逐渐学习UWP(Universal Windows Platform)开发,当然也接触过WP8.1的开发.总之他们都挺像的,直观感受就是:XAML+CS(当然c++,vb之类的也行).在这之中有个非常厉害的技术——数据绑定(DataBind).既然是绑定,就是在两(多)个对象之间,按照某种规则,建立起来一种联系,联系的内容就是数据…

原文:UWP入门(十二)--数据绑定用法 主要几个元素: Template DataTemplate ItemSource 数据绑定是一个数据提取的方法,能使数据和UI上的控件紧密相连,下面的Demo是这样的: 有许多书的集合,书 类中有图片.标题.作者和ID,把它成现在GridView 控件上,每次点击GridView 的时候动态显示书本信息 github 代码 效果图: 原理图: 1. Template 为GridView 创建一个Template,决定每个独立的图书对象如何呈现在屏幕上 <…

原文:uwp开发:数据绑定--值转换器 的简单使用 今天,我在做最近正在开发的“简影”uwp应用时遇到一个问题,其中有个栏目,叫做“画报”,是分组显示一组一组的 图片,每组图片在界面上只显示9个,点击去以后显示该组的所有图片. 其中,Model 如下: 画报类,其中有个属性是图片类集合. 在View界面,通过ListView嵌套绑定GridView 如下: 但是,要求是每项只能显示9张图片,而集合内的数据不止9张,如果这样直接绑定到GridView上,那么会将ImagList里面的所以图片都显示…

Dependency properties overview Custom dependency properties Attached properties overview Custom attached properties Quickstart: Data binding to controls Data binding overview (XAML) 使用代码创建绑定 你还可以使用规程代码而不是 XAML 来将 UI 元素连接到数据.若要执行此操作,先创建新 Binding 对象,设置…

接着上一篇来侃. 二.实体到控件之间的绑定 这儿不知道用实体这个词恰不恰当,凑活着理解就行了.他可以是一个类实例,也可以是一个集合. 所以,相应的我们就引入两个Demo,第一个介绍用简单的类作为作为数据源,第二个就介绍用一个集合作为数据源 废话不多说,来看demo,我先上代码,后上分析 DEMO1: XAML页面 <Page.Resources> <local:User x:Key="user"></local:User> </Page.Res…

本文主要说如何绑定InkCanvas,让笔画变化的时候我们可以知道. 我们本来的InkCanvas没有提供笔画绑定,所以我们自己写 using Windows.UI.Input.Inking; using Windows.UI.Xaml; using Windows.UI.Xaml.Controls; public static class InkCanvasBinder { public static InkStrokeContainer GetInkStrokes(DependencyObj…

MVVM框架从WPF移植到UWP遇到的问题和解决方法 0x00 起因 这几天开始学习UWP了,之前有WPF经验,所以总体感觉还可以,看了一些基础概念和主题,写了几个测试程序,突然想起来了前一段时间在WPF下写的简易的MVVM框架(MVVM模式和在WPF中的实现),都是.NET平台的,移到通用类库里只要复制粘贴就可以了吧.抱着这个心态试了下,结果代码一片红,折腾了一下午总算搞得差不多了,第二天写了个测试试了下感觉基本问题应该是解决了.现在总结一下自己踩到的坑. 0x01 命令绑定 之前在WPF中实…

UWP学习目录整理 0x00 可以忽略的废话 10月6号靠着半听半猜和文字直播的补充看完了微软的秋季新品发布会,信仰充值成功,对UWP的开发十分感兴趣,打算后面找时间学习一下.谁想到学习的欲望越来越强烈,干脆把UWP学习提上了日程,马上开始.之前有过2年WPF开发经验,过渡到UWP应该不会特别困难.第一步就是找点学习教程了,找了一圈发现还是MSDN比较靠谱.https://msdn.microsoft.com/en-us/library/windows/apps/hh703192.aspx.特别…

ListView 默认的排列方向是纵向 ( Orientation="Vertical" ) ,但如果我们需要横向显示的 ListView 怎么办? Blend for Visual Studio 现在就派上用场了.不只是 ListView ,其他的控件也可以用 Blend 定制你自己的 UI 样式. 下面新建一个项目 "HorizontalListViewDemo" ,用于演示横向 ListView ,解决方案结构如下:( GitHub: https://gith…

[Some information relates to pre-released product which may be substantially modified before it's commercially released. Microsoft makes no warranties, express or implied, with respect to the information provided here.] [涉及某信息预发布的版本可能在它的商业版本大幅修改.对于这里…

目录 说明 项目结构 关键代码 演示视频 说明 上一篇博客将源码放出来了,但是并没有做过多的介绍,所以如果自己硬看可能需要花费很长的时间,尤其这些代码并不是自己写的.项目不算复杂但是也不算简单,这篇文章我尽我所能将整个项目结构.关键的代码全部解释一下,希望能给对本项目感兴趣的童鞋.以及那些UWP初学者一些帮助. 背景了解 [完全开源]知乎日报UWP(上篇):界面设计.官方API分析. [完全开源]知乎日报UWP(下篇):商店APP.github源码.Windows APP良心出品. github…

在开发XX新闻的过程中,UI部分使用了Master/Detail(大纲/细节)布局样式.Win10系统中的邮件App就是这种样式,左侧一个列表,右侧是详情页面.关于这种 样式的说明可参看MSDN文档:https://msdn.microsoft.com/zh-cn/library/windows/apps/xaml/dn997765.aspx 样式如下: 在微软官方的Sample里,有这种样式的代码示例,下载地址:https://github.com/Microsoft/Windows-univ…

页面之间跳转(传值) string txt = "Spring Lee"; this.Frame.Navigate(typeof(BlankPage1),txt); 另一个页面接收 protected override void OnNavigatedTo(NavigationEventArgs e) { if (e.Parameter!=null) { T.Content = e.Parameter.ToString(); } } Toast通知 private void Butto…

Sivelright:  http://www.cnblogs.com/webabcd/category/106371.html UWP 律师查询 MVVM WPF入门教程系列一——基础 WPF入门教程系列二——Application介绍 WPF入门教程系列三——Application介绍(续) WPF入门教程系列四——Dispatcher介绍 WPF入门教程系列五——Window 介绍 WPF入门教程系列六——布局介绍与Canvas(一) WPF入门教程系列七——布局之WrapPanel与St…

UWP?UWP! - Build 2015有些啥? Build 2015圆满落幕了,不知大家有多少人刷夜看了直播呢?不管怎么说,想必各位都很好奇在这场微软开发者盛宴上,Microsoft又发布了什么令人惊叹的消息吧.笔者略微整理了一些与UWP相关的内容,抛砖引玉,并不全面,希望读者多多指正. (文章中涉及的图片均来源于Build) 4. UWP开发框架的新特性 作为全新的应用类型,UWP自然有了全新的开发框架.用C#+XAML来说,基本保持了UAP的开发模式,但是新增了诸多特性.在这里简单为大家…

Profile Introduction to Blog 您能看到这篇博客导读是我的荣幸.本博客会持续更新.感谢您的支持.欢迎您的关注与留言.博客有多个专栏,各自是关于 Android应用开发 .Windows App开发 . UWP(通用Windows平台)开发 . SICP习题解 和 Scheme语言学习 . 算法解析 与 LeetCode等题解 .而近期会加入的文章将主要是算法和Android.只是其他内容也会继续完好. About the Author 独立 Windows App 和…

目的 在UWP开发中,我们常常用到两个显示列表的控件:ListView和GridView.而这两个列表控件在PC等大屏幕上如果能多列"智能"调整自己的大小(通常是根据当前窗口大小调整宽度),那么用户就会在同一屏幕内接收到更多信息,同时空间的利用率得以提高,也会提高应用的视觉体验.这是我的第一篇博客,向大家分享一下列表项宽度自适应的实现. 实现思路及方法 我们最初的想法可能是,定义列表项模板,给模板里的Panel起个名字,在窗口的SizeChanged事件里加入调整其宽度的代码.这种想法…

在 UWP 开发中,我们在进行数据绑定时,除了可以使用传统的绑定 Binding,也可以使用全新的 x:Bind,由于后者是在程序编译时进行初始化操作(不同于 Binding,它是在运行时创建.初始化),所以我们可以称 x:Bind 为编译型绑定,正像本文标题一样.之所以引入 x:Bind,是因为它相比传统的 Binding 有很多优点,比如: 性能更好: 编译时错误: 便于调试: 使用方便(绑定到函数.事件等) 鉴于 x:Bind 有以上这些优点,所以这里推荐大家在自己的项目中尽可能地使用它:…

MVVM模式的使用,简化了UWP应用的开发,使层次更加分明.在写xaml的时候,有些小技术还是很实用的:比如Converter,字面上理解是转换器,那它到底是转换什么的?接触过的可能知道它起的是类型转换的作用,当你绑定的数据是一堆字母,显示时却想将它变成汉字,一种做法可以在数据绑定前将这些数据转换成需要的文字,另一种做法就是使用Converter.它有两个好处:1,保持原始数据的完整性,不破坏原有数据结构.2,可以复用,别的地方需要直接将这个Converter拿过去就行. 先展示xaml代码,简…

国际惯例先上一张图吧: 首先去下载Telerik UI For UWP的SDK,安装好之后在项目中添加SDK的引用 建议使用引用SDK,如果引用dll的话需要引用的dll较多不太方便 引用好之后以一个柱状图为例来看看怎么使用: 在Xaml中引入两个命名空间: 使用SDK中的UnboundMode控件: 数据我写死了容易观察Demo,实际使用中建议使用数据绑定来操作,SDK包里有许多控件和表格,每个Sample都有Demo以供查看...照着改就行了~ 总之UWP的第三方控件库比较少,能拿出来用的更…

所谓 UWP 样式的汉堡菜单,我曾在"张高兴的 UWP 开发笔记:汉堡菜单进阶"里说过,也就是使用 Segoe MDL2 Assets 字体作为左侧 Icon,并且左侧使用填充颜色的矩形用来表示 ListView 的选中.如下图 但怎样通过 Xamarin.Forms ,将这一样式的汉堡菜单带入到 Android 与 iOS 中呢? 一.大纲-细节模式简介 讲代码前首先来说说这种导航模式,官方称"大纲-细节模式"(MasterDetail).左侧的汉堡菜单称为&qu…

1. 前言 IValueConverter是用于数据绑定的强大的武器,它用于Value在Binding Source和Binding Target之间的转换.本文将介绍IValueConverter的用法及一些常用的实现. 2. 为什么要使用IValueConverter 假设有如下的类TestResult: public class TestResult { public bool Passed { get; set; } } UI需要通过Passed这个属性决定显示结果的文字颜色为红色或绿色…

目录 编辑器功能 数据源功能 调试数据绑定 伟大的开始 我们来一起实践吧 最近又在继续倒腾WPF的项目,继续使用Caliburn.Micro和Xceed来堆代码.每次调试xaml上的binding,都有种要疯的赶脚. 今天路过 https://channel9.msdn.com/ 浏览 WPF相关的学习视频时,遇到微软推荐的相关视频 - XAML sutdio简介,好奇心使然,目测是和Visual Studio Code类似而强大的巨牛工具,就好好看完了视频. XAML sutdio是微软Gar…

关于Xamarin.Qml.数据绑定.MVC.MVVM 相关的散讲 SURFSKY 2017.02 最近又在学习Xamarin了?为什么是“又”?有几个利好消息,让我重新拾起它: ()微软去年收购了Xamarin,而且免费.原先的费用会吓死人,而且按人头+平台来收费. ()Xamarin.Forms 的出现,UI层也可以复用了,不像原先只能逻辑层代码复用. ()IDE增强: Xamarin Forms Previewer,可以直接预览 XAML 的外观. XAML 智能感应的增强,现在编写XAM…

Xaml作为一种描述语言,在编程中极大地简化了页面开发的繁琐及时间消耗,这得益于它的多种特性:数据绑定.动画.资源文件等等.标记扩展作为其一个特性,在xaml中有不可替代的作用,今天分析下自定义标记扩展怎么实现. 做过WPF项目的可能比较熟悉,自定义标记扩展继承MarkupExtension并实现其ProvideValue方法,即可实现.但是在UWP中,有些许区别. 项目的最低官方支持版本为:Windows 10 Fall Creators Update (introduced v10.0.16…

在 Web 开发中,img 标签用来呈现图片,而且一般来说,浏览器是会对这些图片进行缓存的. 比如访问百度,我们可以发现,图片.脚本这种都是从缓存(内存缓存/磁盘缓存)中加载的,而不是再去访问一次百度的服务器,这样一方面改善了响应速度,另一方面也减轻了服务端的压力. 但是,对于 WPF 和 UWP 开发来说,原生的 Image 控件是只有内存缓存的,并没有磁盘缓存的,所以一旦程序退出了,下次再重新启动程序的话,那还是得从服务器上面取图片的.因此,打造一个具备缓存(尤其是磁盘缓存)的 Image…

其实写这篇博文的时候我是拒绝的,因为这牵扯到一个高大上的东西——"框架".一说起这个东西,很多朋友就感觉有点蒙了,尤其是编程新手.因为它不像在代码里面定义一个变量那么显而易见,它是需要在你的整个程序架构上体现出来的,并且对于框架来说,并没有什么固定的代码格式,你可以这样写,当然也可以那样写.只要最终可以达到同样的效果,各个模块之间能够体现这种框架的思想就OK.所以当你都是用MVVM框得到两份架写的相同需求的Demo看时,发现里面的很多代码都不一样,请不要惊讶,因为你正在接触一个很抽象的…