将Photoshop设计转换为Java GUI

Question

我似乎找不到任何人已经做过或发布了这样的东西；本质上，我想在Photoshop中设计自己的UI，然后将图片切片以在Java应用程序中使用。实际上，在PSD文件中编写GUI代码。这是可能的吗？如果可以，有谁能引导我正确的方向吗？

我不确定要使用什么编辑器来做这种事情。我正在使用Eclipse IDE，我知道有一个Visual Editor，但是我已经有了每个组件的实际设计PSD文件。我想做的就是开始将其纳入应用程序。谢谢。

- elgrancid

---

如果你想以专业的方式完成它，那么它将需要你相当可观的时间，参见http://www.pushing-pixels.org/?p=466 - Giuseppe Cardone

@Giuseppe：如果你把那个链接作为答案给出来，我就会点赞。 - harschware

谢谢Giuseppe，看起来客户为了一个漂亮的设计需要支付更多的费用 :) - elgrancid

Answer 1

这取决于你的设计有多远。如果你只想在图像上放置普通的Swing组件，那么这很容易。将PSD转换为（例如）PNG，创建一个自定义的JPanel子类来加载图像，并覆盖paintComponent()方法以绘制图像而不是正常背景。然后所有子组件都可以设置为透明setOpaque(false)。这将把你的图像放入背景，并使组件浮动在其上。

如果你想更改单个组件的外观，需要进行大量工作。基本上，你需要为Swing实现一个新的Look&Feel。我不建议走这条路，除非你真的必须这样做，因为这需要几周的工作，并且需要进行大量测试才能确保在所有平台上都能正常工作。

或者，已经有大量自定义的Look&Feel可用，建议你查看一些免费提供的（只需搜索“java look and feel”即可）。其中许多可以在某种程度上进行自定义（具体取决于实际实现，因此请仔细查看每个自定义主题的源代码/文档）。

- Durandal

---

这就是我需要的答案。我正在考虑在博客中记录我的步骤，以便其他人也可以受益。 - elgrancid

Answer 2

你可能想要查看具有Swing GUI Builder的NetBeans。您需要在那里重新绘制组件，然后编写处理事件的所有代码。虽然有时候从这个开始是好的，但通常手动编写代码布局会更少令人沮丧，因为在代码中进行更改并使构建器跟上可能很困难。我不知道有什么东西可以让您从Photoshop图像开始并继续构建GUI。听起来像是一个可以让某人致富的好项目。 :-)

- harschware

---

这对我来说有点过于雄心勃勃，但似乎没有其他办法，除非像你提到的那样实际编写代码。 - elgrancid