默认的tabhost中的tabwidget是放在顶部的,有时需要将TAB移到底部来,这时需要在XML中做些细微的变动,如下:
view plaincopy to clipboardprint?
01.<?xml version="1.0" encoding="utf-8"?>
02.<LinearLayout
03. xmlns:android="http://schemas.android.com/apk/res/android"
04. android:orientation="vertical"
05. android:layout_width="fill_parent"
06. android:layout_height="fill_parent">
07. <TabHost
08. android:id="@+id/tabhost"
09. android:layout_width="fill_parent"
10. android:layout_height="fill_parent">
11. <FrameLayout
12. android:id="@android:id/tabcontent"
13. android:layout_width="fill_parent"
14. android:layout_height="fill_parent"
15. android:paddingBottom="62px">
16. <AnalogClock
17. android:id="@+id/tab1"
18. android:layout_width="fill_parent"
19. android:layout_height="fill_parent"
20. android:layout_centerHorizontal="true" />
21. <Button
22. android:id="@+id/tab2"
23. android:layout_width="fill_parent"
24. android:layout_height="fill_parent"
25. android:text="A semi-random button" />
26. </FrameLayout>
27. <RelativeLayout
28. android:layout_width="fill_parent"
29. android:layout_height="fill_parent">
30. <TabWidget
31. android:id="@android:id/tabs"
32. android:layout_alignParentBottom="true"
33. android:layout_width="fill_parent"
34. android:layout_height="60px" />
35. </RelativeLayout>
36. </TabHost>
37.</LinearLayout>
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TabHost
android:id="@+id/tabhost"
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<FrameLayout
android:id="@android:id/tabcontent"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:paddingBottom="62px">
<AnalogClock
android:id="@+id/tab1"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:layout_centerHorizontal="true" />
<Button
android:id="@+id/tab2"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:text="A semi-random button" />
</FrameLayout>
<RelativeLayout
android:layout_width="fill_parent"
android:layout_height="fill_parent">
<TabWidget
android:id="@android:id/tabs"
android:layout_alignParentBottom="true"
android:layout_width="fill_parent"
android:layout_height="60px" />
</RelativeLayout>
</TabHost>
</LinearLayout>
我们将tabWidget放到一个relativeLayout中,然后加上这句android:layout_alignParentBottom="true",代码实现如下
view plaincopy to clipboardprint?
01.public class TabTest2 extends Activity {
02. public void onCreate(Bundle icicle) {
03. super.onCreate(icicle);
04. setContentView(R.layout.tabtest2);
05. TabHost tabs=(TabHost)findViewById(R.id.tabhost);
06.
07. tabs.setup();
08.
09. TabHost.TabSpec spec=tabs.newTabSpec("tag1");
10. spec.setContent(R.id.tab1);
11. spec.setIndicator("Clock");
12. tabs.addTab(spec);
13.
14. spec=tabs.newTabSpec("tag2");
15. spec.setContent(R.id.tab2);
16. spec.setIndicator("Button");
17. tabs.addTab(spec);
18.
19. tabs.setCurrentTab(0);
20. }
21.}
public class TabTest2 extends Activity {
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.tabtest2);
TabHost tabs=(TabHost)findViewById(R.id.tabhost);
tabs.setup();
TabHost.TabSpec spec=tabs.newTabSpec("tag1");
spec.setContent(R.id.tab1);
spec.setIndicator("Clock");
tabs.addTab(spec);
spec=tabs.newTabSpec("tag2");
spec.setContent(R.id.tab2);
spec.setIndicator("Button");
tabs.addTab(spec);
tabs.setCurrentTab(0);
}
}
这样就可以把tab置于页面底部了,其实跟上次讲的LinearLayout的buttonBar样式有点类似
转载地址:
http://blog.csdn.net/roadog2006/archive/2010/04/12/5475549.aspx
分享到:
相关推荐
通过以上步骤,你就可以实现一个基本的基于ViewPager的Android底部Tab页。这个“TabDemo”项目将展示如何将多个Fragment组织成一个可滑动的页面集,同时使用底部导航栏提供直观的页面切换方式。记住,Material ...
总之,Android底部tab栏与标题栏的结合,不仅增强了用户界面的可操作性,也为用户提供了一种直观的方式来浏览和操作应用的不同部分。通过合理的设计和编程实践,我们可以创建出既美观又实用的Android应用。
"Android底部Tab"的实现是通过在每个页面上保持一个固定的底部导航栏,使得用户无论在哪个子页面都能方便地访问其他主要功能。下面我们将深入探讨这一主题,包括其设计原则、实现方式以及相关的源码实践。 1. 设计...
本文将深入探讨如何在Android中实现这种特定的底部tab设计。 首先,底部导航栏是Android应用中常用的一种布局方式,它通常包含3到5个图标和对应的标签,用于在主要功能之间切换。在Android设计规范中,Bottom ...
通过以上步骤,你可以实现一个具有中间凸起效果的Android底部导航条。这种设计不仅提升了用户体验,也使得特定功能更加突出,符合现代移动应用的设计趋势。在实际开发中,应确保代码的可维护性和性能优化,避免过度...
在Android应用开发中,底部Tab布局是一种常见的设计模式,它用于在多个功能模块间进行切换。本示例是高仿新浪微博的底部Tab布局,通过使用Activity来实现这一功能。我们将探讨如何利用Android的TabHost组件以及相关...
在Android开发中,滑动切换Tab是一种常见的交互方式,它能为用户带来流畅且直观的体验。本教程将深入探讨如何在Android应用中实现带有动画效果的滑动切换Tab功能。 首先,我们需要理解Tab的基本概念。在Android中,...
通过以上步骤,我们就完成了Android底部Tab栏的制作。在实际项目中,还可以根据需求进行更丰富的定制,比如自定义Tab样式、添加动画效果等。记住,良好的用户体验是应用成功的关键,因此在设计时要兼顾美观和实用性...
类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab切换效果类似微信底部tab...
在Android开发中,实现滑动切换Tab的效果是常见的需求,特别是在设计用户界面时,它能够提供流畅的用户体验,使得用户可以方便地在不同的内容区域之间切换。本项目"Android代码-fleep滑动切换tab切换带动画.zip"显然...
这个压缩包“安卓FragmentTab选项卡相关-android自定义中间带圆形按钮的底部导航控件.rar”似乎包含了一个定制化的底部导航条,该导航条在中间带有圆形按钮,这在许多现代移动应用中是流行的设计模式。 首先,...
本篇文章将深入探讨如何在Android中实现自定义的底部TAB,以满足个性化需求。 首先,我们需要理解Android的UI组件系统。在Android中,底部导航栏通常由`BottomNavigationView`或自定义视图来实现。对于自定义底部...
在Android开发中,自定义View是一项重要的技能,它允许开发者根据设计需求创造出独特且富有交互性的界面元素。本文将深入探讨如何实现一个“android自定义的边缘凹凸的View”,也就是一个模仿卡券效果的视图。这个...
Android 仿微信底部渐变Tab效果知识点总结 在 Android 开发中,实现仿微信底部渐变 Tab 效果是一项非常有趣的挑战。通过本文,我们将逐步实现这个功能,包括自定义 View 的设计、颜色渐变的实现、图标的绘制、文字...
Android 采用TAB的方式实现微信底部菜单,并且配合单击操作实现主界面的文字滚动。 这里创建了ViewPager mViewPager用来放置界面切换,初始化View适配器后,新建ArrayList,用来存放微信底部菜单的4个Tab,四个Tab...
在Android开发中,Tab底部切换是一种常见的用户界面设计,它允许用户通过点击底部的标签来在不同的内容页面之间切换。这种设计模式提高了应用的可导航性,使得用户能轻松访问应用的主要功能。以下是对"android Tab...
同时,可能还需要对父布局设置`android:orientation="vertical"`和`android:gravity="bottom"`,确保整个布局从顶部到底部填充。 接下来,我们实现滑动切换页面的效果。这通常通过使用ViewPager组件来完成。...