我正在寻找有关如何构建Picasa的信息,因为我想为我的应用程序创建类似的界面。
信息可以包括编程语言,UI设计等。
答案 0 :(得分:13)
我发现了The Beautiful Picasa UI is Made of Dynamic PSD Files:
我在Picasa的“运行时”文件夹中窥探并发现了一堆 Photoshop .PSD文件。果然,构建了UI的大部分内容 在Photoshop中。图层用于组织按钮,替身和 游标。通过类似于图像替换实现翻转 的JavaScript / DHTML。例如,时间轴视图只是640x480 带有标记图层的图像,用于保存所选组的缩略图和 自定义游标在自己的图层集中定义。
Picasa的底层图形引擎很可能是简化的 带有DOM的“Photoshop运行时”,可以轻松定位标记 从.PSD文件导入的元素。这是一个智能架构 因为它提供了快速的UI原型设计和一致性 跨越不同平台的外观。设计师可以进行更改 在Photoshop中然后重新启动Picasa以查看结果。更好的是, 最终用户无需学习任何新内容即可为应用程序提供外观 工具。
“runtime”文件夹还包含一些绑定UI的简单脚本 元素到他们的.PSD对应物,并定义布局放置和 可视性。