如何将Iphone风格的应用程序移植到Android？

Question

首先，请参阅下面显示的链接博客：

http://blogs.nitobi.com/joe/2008/10/17/phonegap-now-for-android/comment-page-1/#comment-12918

作者在Android模拟器中制作了iPhone Style应用，图片如下：

http：blogs.nitobi.com/joe/wp-content/uploads/2008/10/droidgap.png

如果有人知道，请告诉我如何在android中制作iphone sytle应用程序，如图所示？ 我检查了github中的phonegap演示，这与博客中显示的图片不同。

我很好奇如何在Android中制作iphone风格的应用程序？ 由于它需要Iphone OS才能显示这种效果。 有人能告诉我怎么做吗？

太遗憾了，该链接现在无法正常工作：https：//github.com/bowserj/gap/

您的回复将非常适用。 可以通过链接找到我问的相同问题：http：stackoverflow.com/questions/2786787/how-to-implement-iphone-titlebar-in-android

只限于辛迪加：

嗨，辛迪克，感谢您的好评。

请注意第二点，因为我发现我没有在第一个问题线程中添加图片，但是您的建议很棒。

在您的示例标题栏上，代码很棒，但是我想使用像Phonegap，iqtouch，iui这样的开源webapp-ui-framework，它更强大，更可重用，不是吗？

我可以使用iui或jqtouch，通过将html组合到android的WebView api中来制作精美的UI，但是问题是，我需要使用Safari来显示html，否则，它将不会具有iPhone精美的梨形边框和漂亮的iPhone风格，Safari具有显示这种效果的引擎，而Android操作系统可能没有。 因此，我如何找到可以替代此Safari引擎并可以在Android OS和Android模拟器中使用的库或jar文件？

如果没有办法，那么与可以使用现有iWebKit / iUi / jqtouch Webapp-UI-FrameWork的iPhone开发人员（只能键入简单的标签）相比，Android UI开发人员不得不手动使用标准iPhone样式创建html是非常可怜和可怜的。作为标题栏leftnav，那么框架将完成显示iPhone样式标题栏的工作。OMG，太不公平了。

如果您如上所述建议我使用Android API开发UI，是的，这对我来说还可以，但是与webapp-UI-framework相比，Android api如此糟糕且不方便，给我带来很多麻烦，这会让我感到不舒服提到

Answer 1

Android UI非常可定制。.它有点像HTML和CSS。

您可以为每个视图设置背景图像，覆盖每个视图的默认图像，等等。他可能只是为顶部的布局和按钮设置了自定义背景图像。 做这样的事情很容易。

标题栏示例，假设您有图像：

<LinearLayout android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/iphone_titlebar">

    <Button android:id="@+id/back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Main"
        android:textColor="#fff"
        android:background="@drawable/iphone_back" />

    <TextView android:id="@+id/title_text"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center_horizontal"
        android:textColor="#fff"
        android:textStyle="bold"
        android:text="Geo Location"/>
 </LinearLayout>

相关链接：

• https://developer.android.com/guide/topics/ui/themes.html
• https://developer.android.com/studio/write/draw9patch.html

另一方面，看起来他只是截取了某些内容的屏幕快照，并将其粘贴到Android模拟器的屏幕快照上。 那整个形象很怪异。

另一个提示，如果您已经问过这个问题，为什么又要问这个问题呢？ 好像有人已经回答了。 你不喜欢他的回答吗？