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

Question

首先，请看博客，链接如下：

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

作者在安卓模拟器中制作了iPhone Style app，如下图：

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

如果有人知道，请告诉我如何在 android 中制作 iphone sytle 应用程序，如图所示？ 我查了github上的phonegap demo，和博客里的图片不一样。

我很好奇如何在Android中制作iphone风格的应用程序？因为它需要 Iphone OS 才能显示这样的效果。谁能告诉我怎么做？

很遗憾该链接现在不起作用：https：github.com/bowserj/gap/

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

仅用于同步：

嗨，synic，感谢您的精彩回复。

到你的第二个笔记，因为我发现我没有在我的第一个问题线程中添加图片，但你的建议很棒。

对于您的示例标题栏，代码很棒，但我想使用像 Phonegap、iqtouch、iui 这样的开源 webapp-ui-framework，它更强大且可重用，不这么认为吗？

我可以使用 iui 或 jqtouch 来制作精美的 UI，通过将 html 结合到 android 的 WebView api 中，但问题是，我需要使用 Safari 来显示 html，否则它将没有 iPhone 的精美倾斜条和漂亮的 iPhone 风格，Safari 有一个引擎来显示这种效果，这是 android OS 可能没有的。那么如何找到一个库或jar文件，可以替代这个Safari引擎，并且可以在Android OS，Android模拟器中使用呢？

如果没有办法，Android UI 开发者不得不手动创建标准 iPhone 样式的 html，相比 iPhone 开发者可以使用现有的 iWebKit/iUi/jqtouch Webapp-UI-FrameWork，只需要输入，这是非常可怜和可怜的。简单的标签如titlebar leftnav，然后框架会做显示iPhone Style标题栏的工作...... OMG，太不公平了。

如果你建议我用你上面提到的 Android API 开发 UI，是的，这对我来说没问题，但我会感到不舒服，Android api 如此糟糕和不方便，导致很多麻烦，与 webapp-UI 相比-我提到的框架

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 模拟器的屏幕截图上。整张图都怪怪的。

另一个注意事项，如果你已经问过这个问题，你为什么还要问呢？好像已经有人回答了。你不喜欢他的回答吗？