用 Microsoft Expression Design 制作图形资源

简介: 转自http://www.cnblogs.com/allofalan/archive/2012/04/09/2439010.html在WPF中 控件背景可以指定为资源,形如   那么,MyRectSource是如何制作的呢,这里就用到了 Design 在Design画好 图形,这里就不画了,看画好的图 用矩形直线还有文字组成的图形。

转自http://www.cnblogs.com/allofalan/archive/2012/04/09/2439010.html

在WPF中 控件背景可以指定为资源,形如

 

<Rectangle Name="NewSubNode" Fill="{DynamicResource MyRectSource}">
</Rectangle>

那么,MyRectSource是如何制作的呢,这里就用到了 Design

image

在Design画好 图形,这里就不画了,看画好的图

image

用矩形直线还有文字组成的图形。

将图形全选,在File菜单中选择导出

image

弹出导出对话框,修改导出项目为选中对象,格式为Xaml资源字典,还有名称,确定即可。

image

在导出目录找到该文件,右键 编辑文件,即可用记事本打开,就可以看到代码了。

        <DrawingBrush x:Key="MyRectSource" Stretch="None">             <DrawingBrush.Drawing>                 <DrawingGroup>                     <DrawingGroup.Children>                         <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 17.5914,16.3333L 2.25811,16.3333C 1.56327,16.3333 0.999996,15.6636 0.999996,14.8374L 0.999996,2.49591C 0.999996,1.66974 1.56327,1 2.25811,1L 17.5914,1L 24,8.71332L 17.5914,16.3333 Z ">                             <GeometryDrawing.Pen>                                 <Pen Thickness="1" LineJoin="Round" Brush="#FFBCBCB3"/>                             </GeometryDrawing.Pen>                         </GeometryDrawing>                         <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 6.66936,7.17059L 11.0569,7.17059C 12.1615,7.17059 13.0569,8.06598 13.0569,9.17059L 13.0569,12.1517C 13.0569,13.2563 12.1615,14.1517 11.0569,14.1517L 6.66936,14.1517C 5.56479,14.1517 4.66936,13.2563 4.66936,12.1517L 4.66936,9.17059C 4.66936,8.06598 5.56479,7.17059 6.66936,7.17059 Z ">                             <GeometryDrawing.Pen>                                 <Pen LineJoin="Round" Brush="#FFA9A9A6"/>                             </GeometryDrawing.Pen>                         </GeometryDrawing>                         <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 8.02445,7.17059L 4.4598,2.93213">                             <GeometryDrawing.Pen>                                 <Pen LineJoin="Round" Brush="#FF000000"/>                             </GeometryDrawing.Pen>                         </GeometryDrawing>                         <GeometryDrawing Brush="#FFFFC800" Geometry="F1 M 17.8081,5.81027L 15.7027,6.15466L 17.2235,7.95245L 15.9447,8.9368L 14.7892,6.79465L 13.6794,8.9368L 12.4006,7.95245L 13.8918,6.1449L 11.7795,5.81027L 12.3001,4.24701L 14.248,5.10681L 13.8621,2.68375L 15.6159,2.68375L 15.3396,5.11658L 17.2738,4.24701L 17.8081,5.81027 Z "/>                     </DrawingGroup.Children>                 </DrawingGroup>             </DrawingBrush.Drawing>         </DrawingBrush> 

复制到项目资源中,即可使用,别忘了修改需要的x:Key

<UserControl.Resources>         <DrawingBrush x:Key="NewFriendSource" Stretch="None">             <DrawingBrush.Drawing>                 <DrawingGroup>                     <DrawingGroup.Children>                         <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 17.5914,16.3333L 2.25811,16.3333C 1.56327,16.3333 0.999996,15.6636 0.999996,14.8374L 0.999996,2.49591C 0.999996,1.66974 1.56327,1 2.25811,1L 17.5914,1L 24,8.71332L 17.5914,16.3333 Z ">                             <GeometryDrawing.Pen>                                 <Pen Thickness="1" LineJoin="Round" Brush="#FFBCBCB3"/>                             </GeometryDrawing.Pen>                         </GeometryDrawing>                         <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 6.66936,7.17059L 11.0569,7.17059C 12.1615,7.17059 13.0569,8.06598 13.0569,9.17059L 13.0569,12.1517C 13.0569,13.2563 12.1615,14.1517 11.0569,14.1517L 6.66936,14.1517C 5.56479,14.1517 4.66936,13.2563 4.66936,12.1517L 4.66936,9.17059C 4.66936,8.06598 5.56479,7.17059 6.66936,7.17059 Z ">                             <GeometryDrawing.Pen>                                 <Pen LineJoin="Round" Brush="#FFA9A9A6"/>                             </GeometryDrawing.Pen>                         </GeometryDrawing>                         <GeometryDrawing Brush="#FFFFFFFF" Geometry="F1 M 8.02445,7.17059L 4.4598,2.93213">                             <GeometryDrawing.Pen>                                 <Pen LineJoin="Round" Brush="#FF000000"/>                             </GeometryDrawing.Pen>                         </GeometryDrawing>                         <GeometryDrawing Brush="#FFFFC800" Geometry="F1 M 17.8081,5.81027L 15.7027,6.15466L 17.2235,7.95245L 15.9447,8.9368L 14.7892,6.79465L 13.6794,8.9368L 12.4006,7.95245L 13.8918,6.1449L 11.7795,5.81027L 12.3001,4.24701L 14.248,5.10681L 13.8621,2.68375L 15.6159,2.68375L 15.3396,5.11658L 17.2738,4.24701L 17.8081,5.81027 Z "/>                     </DrawingGroup.Children>                 </DrawingGroup>             </DrawingBrush.Drawing>         </DrawingBrush> 
</UserControl.Resources> 

OK这就是完整的操作过程了。很简单。

 
目录
相关文章
|
SQL 数据库
Microsoft SQL Server 2000数据还原
Microsoft SQL Server 2000还原数据操作流程 1、开始 - 所有程序 - Microsoft SQL Server - 企业管理器(如图1-1)。
1319 0
|
SQL 数据库
Microsoft SQL Server 2000数据附加
Microsoft SQL Server 2000附加数据操作流程 1、开始 - 所有程序 - Microsoft SQL Server - 企业管理器(如图1-1)。
1314 0
|
SQL 数据库 Windows
Microsoft SQL Server 2008数据还原
Microsoft SQL Server 2008还原数据操作流程 1、开始 - 所有程序 - Microsoft SQL Server 2008 R2 - SQL Server Management Studio(如图1-1)。
1271 0
|
SQL 数据库 Windows
Microsoft SQL Server 2000数据库备份
Microsoft SQL Server 2000备份数据操作流程 1、开始 - 所有程序 - Microsoft SQL Server - 企业管理器(如图1-1)。
1432 0
|
SQL 监控 数据库
Microsoft SQL Server 2008清理LDF日志
Microsoft SQL Server 2008 LDF数据文件清理方法。 PS:由于该操作涉及数据库中的数据,请在操作前先做好数据备份。 准备:Microsoft SQL Server 2008清理LDF脚本,请点击下载获取。
1914 0
|
SQL 数据库 Windows
Microsoft SQL Server 2008修改混合模式
数据库身份验证SQL Server和Windows设置 1、开始 - 所有程序 - Microsoft SQL Server 2008 R2 - SQL Server Management Studio(如图1-1) 图 1-1 2、进入后会弹出窗口【连接到服务器】,在【身份验证】选择中【Windows身份验证】— 点击【连接】(如图1-2) 图 1-2 3、在数据库服务实例名(如图1-3,WIN-VQ5SKTLJ9EU\sql位置)点击鼠标右键【属性】。
1379 0
|
SQL 数据库 数据安全/隐私保护
Microsoft SQL Server 2008修改sa密码
数据库sa密码忘记处理方案 1、开始 - 所有程序 - Microsoft SQL Server 2008 R2 - 点击SQL Server Management Studio(如图1-1)。
1974 0
|
SQL 数据库 Windows
Microsoft SQL Server 2000修改混合模式
数据库身份验证SQL Server和Windows设置 1、开始—所有程序—Microsoft SQL Server—企业管理器,进入Microsoft SQL Server 2000数据库中(如图1-1)。
1414 0
|
SQL 数据库 Windows
Microsoft SQL Server 2000收缩MDF数据
Microsoft SQL Server 2000 MDF数据文件清理方法。 PS:由于该操作涉及数据库中的数据,请在操作前先做好数据备份。 准备:Microsoft SQL Server 2000收缩MDF脚本,请点击下载获取。
1269 0