<?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/edit_item_tab_host"
android:layout_width="fill_parent" android:layout_height="fill_parent">
<LinearLayout android:orientation="vertical"
android:layout_width="fill_parent" android:layout_height="fill_parent"
android:padding="5dp">
<FrameLayout android:id="@android:id/tabcontent"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:padding="5dp" android:layout_weight="1" />
<TabWidget android:id="@android:id/tabs"
android:layout_width="fill_parent" android:layout_height="wrap_content"
android:layout_weight="0" />
</LinearLayout>
</TabHost>
</LinearLayout>
源代码
package net.wangliping.test;
import android.app.ActivityGroup;
import android.content.Intent;
import android.os.Bundle;
import android.widget.TabHost;
import android.widget.TabHost.TabSpec;
public class TestTab extends ActivityGroup {
public static TabHost tab_host;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.bottomtab);
tab_host = (TabHost) findViewById(R.id.edit_item_tab_host);
tab_host.setup(this.getLocalActivityManager());
TabSpec ts1 = tab_host.newTabSpec("TAB_WEATHER");
ts1.setIndicator("Weather");
ts1.setContent(new Intent(this, Weather.class));
tab_host.addTab(ts1);
TabSpec ts2 = tab_host.newTabSpec("TAB_MAIL");
ts2.setIndicator("Mail");
ts2.setContent(new Intent(this, MailSend.class));
tab_host.addTab(ts2);
TabSpec ts3 = tab_host.newTabSpec("TAB_JUMP");
ts3.setIndicator("Jump");
ts3.setContent(new Intent(this, TabJump.class));
tab_host.addTab(ts3);
tab_host.setCurrentTab(0);
}
}
分享到:
相关推荐
2. **内容区域**:在页面下方,设置对应的`<div>`容器,它们通过`id`与上方tab链接的`href`属性相匹配,用于显示不同的内容。 3. **JavaScript交互**:通过监听点击事件,激活相应的tab内容,并隐藏其他非活动内容...
- 定位:使用CSS3的`position`属性,可以将内容区域定位在Tab下方。 - 切换动画:利用`transition`和`transform`属性,可以为Tab切换添加平滑过渡效果。 ```css .tabs { position: relative; } .tabs ul { ...
"Tab下面画线并有效三角"的标题和描述指向的是一个关于如何在Tab组件下方添加动态下划线和切换时伴随的小三角形指示器的实现方法。这种设计通常用于指示当前选中的Tab项,提升用户体验。 Tab组件是UI设计中的一个...
在Web开发领域,"tab跟随底部横线滑动"是一种常见的用户界面设计,它通常用于创建一个多选项卡的交互式布局。这种设计允许用户通过点击不同的tab来切换内容,而底部的横线会动态地移动以指示当前所选的tab。这种效果...
在双向滑动Tab中,TabPageIndicator位于ActionBar下方,它显示了可滑动的Tab页标题,用户可以通过点击或滑动Tab来切换不同的页面内容。 ViewPager是一个强大的布局管理器,它允许用户通过左右滑动来浏览多个页面,...
标题中提到的“在下方显示”指的是TabControl的内容区域可以设置为在其父容器的底部对齐,提供了一种独特的布局风格。 **完美样式设计** 在WPF中,我们可以利用丰富的样式和模板系统为TabControl定制外观。通过...
ViewPager+Fragment导航栏支持滑动和点击切换...如有tab1,tab2两个导航按钮,分别对应tab1fragment和tab2fragment,点击某个按钮触发,将tab2的tab2fragment替换tab3fragment.,以后每次点击tab2显示tab3fragment
在这个压缩包中,包含了一些关于ViewPager不同使用场景的示例代码,如欢迎页、循环滑动以及在Tab内嵌套ViewPager的实现。 1. **欢迎页(Splash Screen)**:启动应用时,开发者常常会设置一个简单的欢迎界面来展示...
其中,`app:tabIndicatorHeight` 用于设置 Tab 下方指示器的高度,`app:tabMode` 用于设置 Tab 的滚动模式,`app:tabPaddingStart` 和 `app:tabPaddingEnd` 用于设置 Tab 的左边和右边 padding。 二、自定义 Tab ...
- "SYBViewPager(自定义下划线标题的ViewPager).zip":可能包含自定义`ViewPager`的实现,让Tab标题下方有动态下划线跟随滑动。 - "Tab控件使用的最简纯净Demo.zip":提供了一个基础的Tab切换示例,适合初学者学习。...
在Android应用开发中,屏幕下方的Tab菜单是一种常见的界面设计,用于展示多个功能模块或内容区域,用户可以通过点击不同的Tab切换不同的页面。本篇文章将详细讲解如何在Android中实现这样的底部Tab菜单,以及涉及到...
每个标签代表一个单独的视图或者功能区域,用户点击某个标签时,相应的内容会显示在下方的主要区域,其他标签则保持折叠状态。 **2. 设计目标** Tab导航的主要目标是提高用户体验,通过减少屏幕空间的占用,使用户...
3. **JavaScript交互**:当用户点击某个tab时,触发事件处理函数,移除之前选中的tab的高亮样式,同时更新下划线的位置,使其对齐到新选中的tab下方。 4. **动画效果**:为了增强用户体验,可以使用CSS3的过渡...
在消息映射函数`ON_BN_CLICKED(IDC_BUTTON1, &CTestDlg::OnBnClickedButton1)`下方,添加类似`ON_NOTIFY(TCN_SELCHANGE, IDC_TABCONTROL, &CTestDlg::OnTcnSelchangeTabControl)`的代码,用于响应用户在Tab Control...
wxTabs ...--tab下方的listview--> 引入js: var netUtil=require("../../utils/netUtil.js"); var tabUtil=require("../../lib/tab/tabUtil.js"); var lvUtil=require("../../lib/tab/lvUtil.
它通常是一个可以显示文字或者图形的指示器,例如在微信中,当用户切换不同的Tab时,下方的指示条会随着选中的Tab改变颜色或位置。`TabPageIndicator`与`ViewPager`配合使用,能够提供良好的视觉反馈,告知用户当前...
当用户点击Tab时,相应的内容会在界面下方显示。 3. **ViewPager**:ViewPager是一个强大的布局管理器,允许用户左右滑动页面来浏览内容。在Tab+ViewPager的组合中,ViewPager负责根据用户选择的Tab加载对应的...
此外,还可以调整TabSet的Alignment属性,使其在窗体上方、下方、左侧或右侧显示。 接着,我们可以在TabSheet(TabSet的子组件)上放置其他需要的控件,如按钮、文本框、列表视图等,实现各种功能。每个TabSheet...