在Expression Blend中制作图形用户界面

新增功能但真的需要一些帮助。在Expression Blend中制作图形用户界面

我在Photoshop中设计了一个GUI，并将其保存为一个PSD文件。它中的所有按钮都是单独的PNG文件和文本。

GUI必须在Expression Blend中制作，以便我的一位朋友（C程序员）可以将GUI连接到软件。

问题：我只是不明白如何使这些按钮从PNG文件的功能。对于WPF专家来说很简单，但对我来说它非常可怕。

有没有人可以帮助我这个。我现在已经在网上搜索了3天的解决方案，但到目前为止还没有取得任何成功。

2014-09-20 Richard

如果你想为你的按钮添加一个.PNG文件，你并没有真正利用WPF的优势。想像Blend更像Illustrator--它应该是可缩放的，而不是简单的位图。按钮有什么特别之处吗？你能向我们展示一个例子吗？ – 2014-09-20 15:14:00

从任何表达式混合教程开始，了解模板和样式。尝试重新创建你在Photoshop中设计的风格，但绝对不要直接使用图形。我是第二个Troels对视觉例子的要求。为你的问题添加一个你想要重现的图片，你可能会得到更多的指针。 – 2014-09-20 19:17:45

我觉得你只是询问如何“的按钮图像”做一个简单的 - 你不需要共混物，只是尚未：

<Button x:Name="myButton" Width="90" Height="32" Click="MyButtonClick" > 
    <Image Height="32" Width="32" 
    Source="pack://application:,,,/MREEResources;component/Images/MyImage.png"/> 
</Button>

上MyButtonClick右键单击，选择浏览到事件处理程序，它将为您的开发人员创建代码隐藏功能。

获取WPF的Adam Nathan书籍，你将很快完成这样的任务。

来源

2014-09-22 00:15:20 Dean

这里是如何从图像中的WPF使用Expression Blend中创建一个按钮：

添加要使用的按钮，你的项目
将图像从“项目”的形象面板到你的舞台（在设计视图中）。（如果需要调整&位置图像）
右键单击图像（无论是在舞台上或在“对象和时间线面板），并选择‘Make到控制’
名称按钮和‘’无论是应用程序或该定义文件，点击OK
混合自动生成一个ContentPresenter添加文本，您可以选择并在“对象和时间线”面板

你去那里删除此 - 一个快速简便的图像按钮对于多按钮，你将需要个人用户控制名称。如果你想花更多的时间设置一个按钮，你可以templatize，看我的Silverlight教程：http://mattwilsonmd.blogspot.com/2009/06/silverligth-tutorial-image-button-w.html（您可以跳到简单摘要的末尾）。

来源

2014-10-20 18:10:10

在Expression Blend中制作图形用户界面

回答

相关问题