29

是否可以将 Android Tabhost 设置为看起来像 iPhone 的样式?如果没有,是否有任何开源代码可以显示如何为 Android 创建底部选项卡?

替代文字
(来源:appshopper.com
替代文字

4

4 回答 4

68

我建议你们不要更改选项卡的默认外观和感觉,因为 android 设备上的用户有自己的用户体验,你会否定过去的体验,所以不要强迫他们学习新的选项卡体验(因为用户手机上的人懒得学习新东西,通常他们依赖过去的经验。)

有关更多信息,请参阅纯 Android

但是,如果您想继续,我已将默认Android选项卡自定义为看起来像iPhone选项卡。这很简单,并且具有默认Android选项卡的 ui 组件 ( ̶T̶a̶b̶H̶o̶s̶t̶, ̶T̶a̶b̶W̶i̶d̶g̶e̶t̶)。

下载链接: GitHub,Iphone-Tab-in-Android

此示例已升级为使用TabLayoutViewPager

相关博客条目可以在这里找到:

iPhone 就像 Android 中的 Tabs。

截图:

底部屏幕截图中的选项卡

我还对 tabhost 进行了裁剪,使其看起来像 Raised Center Tab。

凸起中心截图

要下载 RaiseCenterTab,请到这里GitHub:RaisedCenterTab

于 2011-08-09T07:19:11.143 回答
16

您需要自己构建此控件。几个选项:

  • 使用RadioGroup并将自定义单选按钮放在那里并自定义它。

  • 从头开始构建此控件,从其中一种布局(Frame、Relative、Linear)继承它并构建您需要的行为。

  • 您还可以使用 TabHost src,并将其用作控件的基础

于 2010-04-20T20:04:07.257 回答
5

你可以看看:https ://github.com/mta452/iTab

这样做的好处是它会像 iOS 一样自动使用渐变进行图像整形。

截屏:

iTab 截图

于 2013-01-24T12:33:40.490 回答
1

您的屏幕截图具有 android 1.6。风格。如果您在较新版本上使用 tabhost,只需将其放在屏幕底部,它看起来会非常像 iphone 版本。

我不会在 android 的 UI 上做太多改变,只是让它与 iphone 的外观和感觉(相同的图标)相似,并与其余的 android 风格保持一致。这将使用户看起来熟悉该应用程序。

要获得相同的图标外观,只需使用可绘制的 xml 定义,该定义具有按钮的选择和未选择状态,就像它在 iphone 上看起来一样。要设置图标,请使用 tabspec 的setIndicator方法。

您可以通过为 tabwidget 设置背景或样式来设置 tabhost 的样式。但是小部件的实际内部部分将在您的样式和背景上方绘制

于 2010-04-21T07:35:29.693 回答