随笔分类 -  XAML

自适应XAML布局经验总结 （四）区域布局设计模式
摘要：本系列对实际项目中的XAML布局场景进行总结，给出了较优化的自适应布局解决方案，希望对大家有所帮助。下面介绍区域布局设计模式。7. 头尾模式页面有时分为顶部栏，中间内容和底部栏三部分。这时可以使用Grid布局，分为3行，设置为Auto，*和Auto，分别放置顶部栏，中间内容和底部栏。顶部栏和底部栏由... 阅读全文
posted @ 2015-05-21 04:00 ClockDotNet 阅读(1817) 评论(0) 推荐(1)
自适应XAML布局经验总结 （三） 局部布局设计模式2
摘要：本系列对实际项目中的XAML布局场景进行总结，给出了较优化的自适应布局解决方案，希望对大家有所帮助。下面继续介绍局部布局设计模式。5. 工具箱模式绘图，三维模型操作等需要工具的情况，可以使用带分类的工具箱来放置工具，以达到较好的效果。实现工具箱效果的方法是使用ItemsControl的分组功能，并修... 阅读全文
posted @ 2015-05-21 03:33 ClockDotNet 阅读(1203) 评论(0) 推荐(1)
自适应XAML布局经验总结 （二） 局部布局设计模式1
摘要：本系列对实际项目中的XAML布局场景进行总结，给出了较优化的自适应布局解决方案，希望对大家有所帮助。 下面开始介绍局部布局设计模式。 1. 工具栏模式 适用于工具栏，标题等的布局。 此块布局区域外层使用Grid，然后分为两行或三行，标题或工具栏区域为Auto，主要内容区域为*。如果是标题，使用TextBlock，设置文字的字体和字号，还有Margin，把此行撑开。如果是工具栏，可放置一个... 阅读全文
posted @ 2015-05-21 03:21 ClockDotNet 阅读(3604) 评论(0) 推荐(3)
自适应XAML布局经验总结 （一）原则和页面结构设计
摘要：XAML布局回顾 Grid和StackPanel是核心布局，尤其以Grid最为重要。 Grid是网格布局，XAML的设计者有可能参考了Html里的Table设计了Grid布局，但进行了改进。Html中的Table是tr套td，要想变动行列非常麻烦。XAML中的Grid使用的是指定行列序号和跨行跨列数的方式，修改起来灵活方便。 Grid里行或列的大小有三种方式，一种方式是固定大小（Double... 阅读全文
posted @ 2015-04-23 03:36 ClockDotNet 阅读(6086) 评论(2) 推荐(3)
谈谈XAML前端开发
摘要：GUI的发展 在图形用户界面的操作系统（Windows，MAC）出现之前，计算机软件是命令行界面的程序，用户和程序的交互是通过输入命令，查看命令运行结果进行的。当然很不友好。后来出现了文本图形界面的程序，即用制表符等特殊文本拼接出图形界面的效果，来使程序以图形界面的方式和用户交互。出现了菜单项，状态栏等概念，当时在DOS下流行的QBASIC，TurboC等IDE就是典型的文本图形界面程序。 随... 阅读全文
posted @ 2015-04-14 01:33 ClockDotNet 阅读(6017) 评论(11) 推荐(6)
基于微软XAML技术的前端开发方法
摘要：使用XAML技术的平台目前包括WPF，Silverlight，Windows8等平台，未来的Windows10统一Windows App也使用XAML技术。 前端开发指通过可视化集成开发环境进行用户界面的设计和实现，结合手动编写XML界面描述代码，完成表现层开发的过程。基于XAML技术的前端开发使用的开发环境是Blend，输出是XAML代码。由于目前版本的Blend 2013存在一些问题，需要和... 阅读全文
posted @ 2015-03-14 15:29 ClockDotNet 阅读(1436) 评论(2) 推荐(0)
自己写一个图片按钮(XAML)
摘要：有时需要用三张图片（正常状态，鼠标移上，鼠标按下）来作为一个按钮的样式，虽然这种做法不好，应该用矢量的方式制作样式，但有的时候还是需要这样做的。 每次都修改按钮的样式来实现这个做法，既麻烦又会生成大段的XAML代码，不利于维护，抽出一个自定义图片按钮控件，只需传入三张图片的路径即可使用，显然是更好的做法，下面就演示一下如何编写这个控件，VS2015和Blend2015结合使用。 1. 首先，在... 阅读全文
posted @ 2015-03-14 14:56 ClockDotNet 阅读(3910) 评论(1) 推荐(0)
Blend 2015 教程 （五） 自定义状态
摘要：本篇再补充一块内容，就是自定义状态的介绍。 自定义状态用于封装用户控件在各种状态之间切换时的外观变化及其动画效果，方便调用。比如有个用户控件用于实现类似舞台幕布打开和关闭切换的效果，可以创建幕布关闭和幕布打开两个状态并编辑界面及动画，然后调用状态切换，就可以方便地实现幕布打开和关闭效果。下面看演示。 1. 首先创建一个用户控件命名为CurtainControl，打开该用户控件的xaml进行... 阅读全文
posted @ 2015-03-07 16:26 ClockDotNet 阅读(4027) 评论(0) 推荐(1)
谈谈INotifyPropertyChanged和ICommand
摘要：WPF，Windows8和Windows Phone开发中的MVVM设计模式中很重要的两个接口是INotifyPropertyChanged和ICommand，深入理解这两个接口的原理，并掌握其正确的使用方法，对熟练使用MVVM模式有很大的好处。MVVM模式最大的好处在于使表现层和逻辑层分离，这得益... 阅读全文
posted @ 2015-01-23 04:30 ClockDotNet 阅读(3521) 评论(6) 推荐(6)
Blend 2015 教程 （四）控件模板
摘要：前一篇讲述了修改ListBox样式的方法，本篇将修改性别显示区域的样式。 1. 选择ListBox控件，编辑ItemTemplate的当前项，选择CheckBox控件，在美工板导航栏中点击CheckBox，选择 编辑模板-创建空白项，进入控件模板编辑模式。 2. 选择文档大纲面板中的Grid，在属性面板中把Width改为30。 3. 在Grid中绘制一个TextBlock并重置布局，将Tex... 阅读全文
posted @ 2014-12-27 16:45 ClockDotNet 阅读(7339) 评论(0) 推荐(3)
Blend 2015 教程 （三） 模板
摘要：前一篇讲述了一些基本样式的修改方法，并搭建了Style层的基本框架，本篇将进一步修改ListBox的样式。 1. 首先选中ListBox控件，在美工板导航栏中点击ListBox，选择 编辑其他模板-编辑项的布局-编辑副本，起名为PeopleListItemsPanelTemplate，选择该文档选项，点击确定，进入项布局编辑模式。 此时，美工板导航栏变为 2. 在文档大纲面板中选择Vir... 阅读全文
posted @ 2014-12-27 16:39 ClockDotNet 阅读(7571) 评论(0) 推荐(1)
Blend 2015 教程 （二） 样式
摘要：前一篇讲述了如何在新Blend中完成一个简单的带数据绑定的界面小例子，本篇将讲述一下，把View层和Style层分开，并搭建Style层框架的方法，并进行细节样式修改。1. 在解决方案资源管理器面板的项目结构树中的项目项（标有图标C#）上右键点击，选择 添加-新建文件夹，起名为Styles。在刚添加... 阅读全文
posted @ 2014-12-27 16:06 ClockDotNet 阅读(11614) 评论(2) 推荐(0)
Blend 2015 教程 （一） 基础
摘要：微软公司在Visual Studio 2015产品套件中作出了许多革命性的变更，包括.NET开源，.NET服务器端部分跨平台，推出向个人和小团队免费的社区版，移动应用开发部分跨平台支持，商店应用支持C#编译成本地代码等。 另一个很重大的改进就是Blend使用Visual Studio框架重新制作，以使得XAML和C#代码的编辑能力达到了Visual Studio的水平。由于对XAML的解析使用... 阅读全文
posted @ 2014-12-27 15:43 ClockDotNet 阅读(53332) 评论(8) 推荐(11)