在Expression Blend中创建GUI

Question

这是新的，但确实需要一些帮助。

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

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

问题： 我只是不了解如何从PNG文件中获取这些按钮的功能。 对于一个WPF专家来说，它非常简单但对我来说非常可怕。

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

Answer 1

我认为您只是询问如何在一个按钮中做一个简单的图像＆＃39; - 你还不需要混合：

<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并选择Navigate to Event Handler，它将为您的开发人员创建代码隐藏。

获取WPF的Adam Nathan书籍，您可以立即完成这样的任务。

Answer 2

以下是如何使用Expression Blend从WPF中的图像创建按钮：

1. 将要用于按钮的图像添加到项目中
2. 将图像从“项目”面板拖到舞台上（在“设计”视图中）。 （如果需要，调整大小和位置图像）
3. 右键单击图像（在舞台上或“对象和时间轴”面板中）并选择“进入控制”
4. 在“应用程序”或“本文档”中命名按钮和“定义”，单击“确定”
5. Blend自动生成ContentPresenter以添加文本，您可以在“对象和时间线”面板中选择并删除它

你去了 - 一个快速简单的图像按钮。对于多个按钮，您将需要单独的用户控件名称。如果您想花更多时间设置按钮，可以模板化，观看我的Silverlight教程：http://mattwilsonmd.blogspot.com/2009/06/silverligth-tutorial-image-button-w.html（您可以跳到最后进行简单的摘要）。