在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中製作圖形用戶界面

回答

相關問題