用 Microsoft Expression Design 制作图形资源

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

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

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

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

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

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

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

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

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

        <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这就是完整的操作过程了。很简单。

posted on 2012-04-09 20:40 NET未来之路 阅读(...) 评论(...) 编辑 收藏

转载于:https://www.cnblogs.com/lonelyxmas/archive/2012/04/09/2439517.html

用 Microsoft Expression Design 制作图形资源相关推荐

  1. 使用expression design制作silverlight LOGO那种烟雾效果教程（翻译）

    很久没有给网站更新东西了,因为很忙,马上又要考四级了,多半又过不了.惨啊....因为英语的原因吧,就翻译了国外的一篇技术文章,这样即更新了网站又学了英语. 原文地址:http://geekswithb ...

  2. Expression Design与Blend制作滚动的小球动画教程

    原文:Expression Design与Blend制作滚动的小球动画教程 一,开发工具 Microsoft Expression Design & Blend 4.0 (3.0亦可). 这两 ...

  3. WPF 使用 Expression Design 画图导出及使用 Path 画图

    WPF 使用 Expression Design 画图导出及使用 Path 画图 目录 WPF 使用 Expression Design 画图导出及使用 Path 画图 一.软件介绍 二.Micros ...

  4. Microsoft Expression Studio 4 Ultimate 中文版发布

    Expression Studio Ultimate 是供生成网站以及 Windows 客户端应用程序和丰富媒体内容的专业设计人员使用的一系列工具,可以将创作人员引领到一个全新的创作天地.无论您是准备 ...

  5. 体验Microsoft Expression Blend 3 Preview

    体验Microsoft Expression Blend 3 Preview 下载了  Microsoft Expression Blend 3 Preview  迅速的体验了一下,还是有不少令人惊喜 ...

  6. 零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果...

    零元学Expression Design 4 - Chapter 5 教你如何用自制笔刷在5分钟内做出设计感效果 原文:零元学Expression Design 4 - Chapter 5 教你如何用 ...

  7. excel批量制作条形码_如何在Microsoft Excel中制作条形图

    excel批量制作条形码 A bar chart (or a bar graph) is one of the easiest ways to present your data in Excel, ...

  8. 零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术...

    原文: 零元学Expression Design 4 - Chapter 7 使用内建功能「Clone」来达成Path的影分身之术 本章所介绍的是便利且快速的内建工具Clone ? 本章所介绍的是便利 ...

  9. MultiBrowser或CrossBrowser测试和解构Microsoft Expression Web SuperPreview

    Cross-browser testing is a hassle. Most of the time you can follow standards and get a decent lookin ...

最新文章

  1. 【Project Euler】530 GCD of Divisors 莫比乌斯反演
  2. tcpdump-根据IP查看程序与服务都用了哪些端口
  3. AI算法不断突破 人工智能驱动创新需找对方向
  4. mysql导入导出数据库
  5. Ubuntu创建新用户并增加管理员权限
  6. python3转为unicode编码_「小技能get记」· 如何用python3解码unicode
  7. FFmpeg 中AVPacket的使用
  8. 算法与数据结构（python）：树与二叉树
  9. use regular expression instead of ABAP function module to parse attachment
  10. Linux中Shell数组的笔记
  11. jenkins shell 权限_Jenkins+gitee+nuxt自动化部署
  12. 拯救者 linux 无线网卡驱动下载,联想y7000无线网卡驱动下载-联想拯救者y7000无线网卡驱动v19.51.22.2 官方版 - 极光下载站...
  13. Window10系统下通过SMB协议连接和断开资源服务器
  14. 周立功专访：周立功和他的团队已经找到了属于自己的道路
  15. position:fixed；支持ie6，清楚ie6下抖动。
  16. 无线网络dns服务器设置,无线网络的dns怎么设置才正确
  17. 使用Scratch制作打弹球游戏（一）弹球游戏过关
  18. 创业公司的技术 Leader，在 100offer 寻找怎样的工作机会？
  19. 【工具脚本】目标检测数据样本的扩增脚本
  20. 小米6弹HTML查看器,小米6浏览器远程代码执行（CVE-2019-13322）

热门文章

  1. 文字转wav_这6款超良心语音转文字工具，真让人省心！
  2. python函数的组成要素_python函数要素有哪些？这7点是你写好python代码的关键
  3. Android 从ImageView中获取Bitmap对象方法
  4. java读取excel数据_Java读取Excel内容(转)
  5. 2019牛客暑期多校训练营（第三场）J - LRU management （模拟+list+unorder_map）
  6. mysql正则表达式简单
  7. C++之error: cannot bind non-const lvalue reference of type ‘myString’ to an rvalue of type ‘myString
  8. ubuntu18.04利用fdisk找到磁盘空闲区，新建分区，挂载
  9. MySQL的sql_mode解析与设置
  10. 4.6 Kaggle房价预测