Android - iphone风格tabhost

时间:2010-04-20 18:38:57

标签: android tabs android-tabhost android-style-tabhost

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

alt text http://images.appshopper.com/screenshots/305/690205_2.jpg alt text

4 个答案:

答案 0 :(得分:69)

我建议大家不要更改标签的默认外观,因为Android设备上的用户有自己的用户体验,你会否定过去的体验,所以不要强迫他们学习新的标签体验(因为移动用户懒得学习新东西,通常他们依赖于过去的经验。)

有关详情,请参阅Pure 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 like Tabs in Android.

截图:

tabs at bottom screenshot

我还将tabhost切换为看起来像Raised Center Tab。

Raised Center Screenshot

下载RaiseCenterTab,请到这里GitHub: RaisedCenterTab

答案 1 :(得分:16)

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

  • 使用RadioGroup并放置 自定义单选按钮那里和 定制它的地狱。

  • 从头开始构建此控件,从其中一个继承它 布局(框架,相对,线性) 并建立你需要的行为。

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

答案 2 :(得分:5)

您可以查看:https://github.com/mta452/iTab

这一点的优点在于它会像iOS一样自动执行渐变图像。

截图:

Screenshot of iTab

答案 3 :(得分:1)

你的截图有android 1.6。样式。如果您在较新版本上使用tabhost并将其简单地放在屏幕底部,它将看起来非常像iphone版本。

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

为了实现图标的相同外观,只需使用xml定义你可以使用按钮的选定状态和未选择状态,就像它在iphone上看起来一样。要设置图标,请使用tabspec的setIndicator方法。

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