如何在Expression Blend中裁剪图像？

Question

我知道这更倾向于设计师问题的方向,但是当我面临开发需要我剪裁图像的东西时,我想我会提出一个问题.

这看起来像一个荒谬的问题,但我看看IDE(Expression Blend 2)试图找到一种方法来裁剪我的图像,但我无法弄明白.

这似乎与Joel的问题非常一致,并且在Podcast 58中进行了讨论,因为在Expression Blend中进行设计时,我是一个完整的菜鸟.我非常有兴趣找出最有效的方法来做到这一点.我找到了一篇描述你可以通过的工作流程的文章,它将产生一个作物,我在下面作为答案添加了,但我真的希望其他人知道更快(更少点击)的方式做一些琐碎的事情就这样.

有谁知道如何做到这一点？

Answer 1

据我所知,没有办法直接在表达式Blend中裁剪图像.Blend不是图像编辑应用程序.你需要另一个工具.

但你可以做的是,如果你只想显示一部分图像,则剪裁图像.只需在其上方添加一个矩形,然后右键单击它,转到路径 - > 制作剪切路径. alt text http://img200.imageshack.us/img200/7370/example1.jpg

现在从要应用剪辑的列表中选择System.Windows.Controls.Image条目,然后单击" 确定"

您甚至可以使用圆角矩形,圆形和自定义路径进行剪辑,但在大多数情况下,矩形都可以实现.

刚碰到另一种方式.看看这个问题.它使用CroppedBitmapClass作为图像的来源.它不是Blend中的实际绘图,但您可以手动编辑Xaml来添加它.从您的问题来看,目前尚不清楚您是否在Expression Blend中创建Silverlight或WPF应用程序.CroppedBitmapClass仅在WPF中可用.

使用新的Silverlight 3,您可以使用WritableBitmap进行图像裁剪: