Android-需要UI帮助/建议

Question

在过去的几个月中，我一直在研究Android，以了解各种组件的工作原理。

我完全缺乏知识的一个领域是任何形式的用户界面或图形界面创建。

作为运动，我被要求将HTC调用屏幕分解为包含哪些组件，并尽可能近地进行重建。

这是HTC呼叫屏幕的图片：

htc Dialer http://img688.imageshack.us/img688/7663/incall.png

从我的理解中，上面的UI有一个自定义标题栏，其中“流星”和呼叫时间出现。

然后，中间块中的主要图像以及显示“派对”的文本视图，在这种情况下为“语音邮件”和数字。

然后，底部是一个自定义视图，其中可能是其中的三个自定义按钮。

我在上述假设中会正确吗？

因此，我应该研究的零件是一个自定义标题栏和带有三个自定义按钮的自定义视图？

将推荐什么布局？

我希望这个问题被视为相对于堆栈溢出而言，如果不是，我将删除它。

提前致谢

Answer 1

使用C： Program Files Android SDK Tools hierarchyviewer.bat您可以查看如何创建程序上的屏幕

Answer 2

我一直在看那个布局，并改变了我的想法，但我认为这就是这样做的。免责声明：我没有尝试使用SteelBytes的方法，所以我可能完全错了！

1）在文本下，机器人的反射可能与Lunarlander示例应用程序相似。该游戏在屏幕中间有一个带有浮动文本视图的绘图画布以显示文本。它使用了包含自定义视图（扩展SurfaceView并保存图形的绘图）的Framelayout和一个Relativelayout，而Relativelayout又具有文本视图。诀窍是，自定义的绘图视图和RelatiVelayout都设置为fill_parent，但是RelativElayout的TextView在绘图视图的顶部绘制了。我想您必须做类似的事情，因为对拨号联系人的图像进行反映可能需要某种帆布，因为它必须能够以编程方式生成反射。

2）底部的按钮列表可能不是自定义的视图，但是看起来像这样做是巧妙地完成的。我认为这只是一个简单的水平线层，带有梯度色背景，其中包含3个按钮。聪明的部分包括用于按钮的艺术品的选择；为了使它们看起来像是将它们切成按钮栏的位置，他们使用了仔细绘制的背景图像，并在边缘上遮荫。看起来，按钮栏中的按钮上有三个孔，但是按钮只是按钮像其他按钮一样在上面绘制。

Answer 3

我像您一样，只是对为Android开发的感兴趣，并且对自己不了解，因此请用一两颗盐来服用。

如果您想查看布局的工作原理，则有一个称为Eclipse的编程环境，您可以免费下载。它具有一种形式的设计师 /布局编辑器，您可以使用它显示布局的外观，一个树视图显示了布局的嵌套方式，并且您可以查看用于创建它的RAW XML。

这是一个安装指南： http://developer.android.com/sdk/eclipse-adt.html#installing

它包含您需要知道的一切，以安装日食并与Android SDK一起使用。

Android SDK具有带有示例应用程序的软件包。您可以将这些样品导入Eclipse，然后检查布局编辑器以查看它们的所作所为。但是，并非所有布局组件似乎都在Eclipse的编辑器中起作用，因此可能需要在Android虚拟设备中运行该程序才能查看该应用程序的外观。

对于像您和我这样的初学者来说，这是我能想到的最好的方法，让我熟悉布局在Android中的工作方式。