WPF Blend for visual studio使用

Blend for visual studio介绍

VS自带的Blend for visual studio是专门用来做WPF、Metro等的界面设计的可视化工具,其功能和PS类似。其目的让做界面和后台的程序分开,能快速绘制形状和路径修改对象样式动态显示对象(动画)显示数据等高级操作。VS与Blend之间,可以在菜单栏-视图中自由切换。

Blend面板介绍

Blend面板有三大主要功能区构成:美工设计窗口,资产窗口,对象和时间窗口

Blend的四大功能

1、绘制形状和路径

我们可以在美工设计窗口左边栏,使用工具(钢笔,铅笔,矩形等)轻松绘制图形,在XAML设计窗体里面会显示绘制图形的"路径",我们可以将"路径"复制到我们的项目中,而不需要手动计算Path值。还可以组合图形成新的"路径"(通过选中需要组合的多个图形,右键->合并)。

2、修改对象样式

可通过两种方法创建模板: 可以将美工板上的任何对象转换为控件,也可以使模板基于现有控件。将美工板上的任何对象转换为控件可以选中该对象,然后在工具->构成控件->选择对应的控件,这个对象就被当作控件Template当中的内容了。

3、动态显示对象(动画)

创建动画需要情节提要。 情节提要包含一个或多个时间线。在时间线上设置关键帧以标记属性更改。 随后在运行动画时,Blend将在指定时间段内插入属性更改。 这样便可实现平滑过渡。 可以对属于对象的任何属性(甚至非可视属性)进行动画处理。

4、显示数据

若要生成示例数据,请打开 XAML 文档。 在"数据"面板中,选择"创建示例数据"按钮,然后选择"新建示例数据"。在"数据" 面板中定义数据的结构,然后将它绑定到任何页面上的 UI 元素(不常用,具体可参考下面的链接)。

Blend和Visual Studio之间切换

Blend也可以编程和运行程序,但功能没有Visual Studio开发工具那么强大。它们之间可相互切换,方便前后端之间协同开发项目,一般从Visual Studio打开(Visual Studio承载能力强)。

从Visual Studio切换到Blend
从Blend切换到Visual Studio

项目实例链接:

https://download.csdn.net/download/lvxingzhe3/88692610

参考:

Blend for Visual Studio 功能导览 | Microsoft Learn

【WPF】Blend制作WPF的动画_c# wpf blend-CSDN博客

WPF获得PNG图片外观Path数据_png 如何生成path://-CSDN博客

(C# WPF Blend for Visual Studio 2019)设计一个刀剑神域风格的云盘客户端-CSDN博客

相关推荐
码农水水1 天前
得物Java面试被问:大规模数据的分布式排序和聚合
java·开发语言·spring boot·分布式·面试·php·wpf
Yupureki1 天前
《算法竞赛从入门到国奖》算法基础:入门篇-离散化
c语言·数据结构·c++·算法·visual studio
时光慢煮1 天前
行走在多端之间:基于 Flutter × OpenHarmony 的旅行记录应用实践 —— 旅行详情查看模块解析
flutter·华为·开源·wpf·openharmony
xiaobaishuoAI1 天前
分布式事务实战(Seata 版):解决分布式系统数据一致性问题(含代码教学)
大数据·人工智能·分布式·深度学习·wpf·geo
千谦阙听2 天前
双链表:比单链表更高效的增删查改
数据结构·链表·visual studio
C++实习生2 天前
Visual Studio Express 2015 for Windows Desktop 中文学习版
windows·express·visual studio
小北方城市网2 天前
微服务注册中心与配置中心实战(Nacos 版):实现服务治理与配置统一
人工智能·后端·安全·职场和发展·wpf·restful
灏瀚星空2 天前
基于 Python 与 GitHub,打造个人专属本地化思维导图工具全流程方案(上)
开发语言·人工智能·经验分享·笔记·python·个人开发·visual studio
cjp5602 天前
017.WPF使用自定义样式
wpf
故事不长丨2 天前
C#log4net详解:从入门到精通,配置、实战与框架对比
c#·.net·wpf·log4net·日志·winform·日志系统