8

我正在寻找有关如何构建 Picasa 的信息,因为我想为我的应用程序创建一个类似的界面。

信息可以包括编程语言、UI设计等。

4

1 回答 1

14

我发现这个美丽的 Picasa UI 是由动态 PSD 文件组成的

我在 Picasa 的“运行时”文件夹中四处窥探,发现了一堆 Photoshop .PSD 文件。果然,大部分 UI 都是在 Photoshop 中构建的。层用于组织按钮、替身和光标。翻转是通过类似于 JavaScript/DHTML 的图像替换来实现的。例如,时间线视图只是一个 640x480 的图像,带有一个标记层,用于保存所选组的缩略图和在他们自己的层集中定义的自定义光标。

Picasa 的底层图形引擎很可能是一个简化的“Photoshop 运行时”,带有一个 DOM,可以轻松定位从 .PSD 文件导入的标记元素。这是一个智能架构,因为它提供了快速的 UI 原型设计和跨不同平台的一致外观。设计人员可以在 Photoshop 中进行更改,然后重新启动 Picasa 以查看结果。更好的是,最终用户无需学习任何新工具即可对应用程序进行皮肤设计。

“运行时”文件夹还包含一些简单的脚本,这些脚本将 UI 元素绑定到它们的 .PSD 对应项,并定义布局位置和可见性。

于 2009-03-05T05:13:02.067 回答