`
1450901761
  • 浏览: 8465 次
  • 性别: Icon_minigender_1
  • 来自: 沈阳
文章分类
社区版块
存档分类
最新评论

高级组件之选项卡

阅读更多
1.在android中,实现选项卡的一般步骤如下:
(1)在布局文件中添加实现选项卡所需的TabHost、TabWidget和FrameLayout组件
(2)编写各标签页中要显示内容所对应的XML布局文件
(3)在Activity中,获取并初始化TabHost组件
(4)为TabHost对象添加标签页
布局文件:
<TabHost xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@android:id/tabhost"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:orientation="vertical">
        <TabWidget
            android:id="@android:id/tabs"
            android:layout_gravity="bottom"
            android:orientation="horizontal"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"/>
            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_weight="1"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent">
               
            </FrameLayout>
    </LinearLayout>
</TabHost>
2.新建2个XML布局文件编写各标签页中要显示的内容
tab1布局代码:
<TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="简约但不简单"/>
    <TextView
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:text="风铃草"/>
3.tab2布局代码:
<TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="暂无来电"/>
4.获取并初始化TabHost组件
TabHost tabHost;
tabHost =(TabHost)findViewById(android.R.id.tabhost);
tabHost.setup();
5.为TabHost对象添加标签页
LayoutInflater inflater = LayoutInflater.from(this);
inflater.inflate(R.layout.activity_tab1, tabHost.getTabContentView());
inflater.inflate(R.layout.activity_tab2, tabHost.getTabContentView());
tabHost.addTab(tabHost.newTabSpec("tab01")
.setIndicator("未接来电")
.setContent(R.id.LinearLayout01));
tabHost.addTab(tabHost.newTabSpec("tab02")
.setIndicator("已接来电")
.setContent(R.id.framelayout2)); 




  • 大小: 35.2 KB
  • 大小: 34.6 KB
分享到:
评论

相关推荐

    ReactNative的跨平台选项卡视图组件

    除此之外,`react-native-tab-view`还有其他高级特性,如`pagerEnabled`(启用/禁用页面滑动)、`swipeEnabled`(允许用户通过滑动切换选项卡)和`unmountInactiveTabs`(卸载非活动选项卡以节省内存)。对于状态...

    选项卡控件的显示隐藏功能

    在编程和用户界面设计中,选项卡控件是一种常见的组件,用于组织和展示大量信息。在LabVIEW(Laboratory Virtual Instrument Engineering Workbench)环境中,它是一个功能强大的工具,允许用户在一个窗口内切换不同...

    超酷的jQuery选项卡特效

    - **Bootstrap的Tab组件**:Bootstrap是流行的前端框架,其Tab组件提供了丰富的选项卡实现,包括平滑滚动、激活状态管理等。 - **jQuery UI的Tabs**:jQuery UI库提供了完整的选项卡实现,支持动态加载内容、锚点...

    html tab选项卡实现

    在网页设计中,选项卡(Tab)组件是一个常见的交互元素,它允许用户在不同的内容区域之间切换,而无需刷新整个页面。在这个主题中,我们将深入探讨如何使用 HTML 和 CSS 实现一个简洁的选项卡功能。 首先,HTML ...

    Android TestTab 选项卡Tab组件示例代码

    综上所述,`TestTab`项目涵盖了Android选项卡组件的基础到高级用法,包括使用`TabHost`、`TabWidget`、`FragmentTabHost`和`TabLayout`创建选项卡,以及如何管理选项卡内容和样式。通过学习这些示例,开发者能够熟练...

    java实现选项卡

    Java 实现选项卡功能在软件开发中非常常见,特别是在GUI(图形用户界面)设计中,选项卡用于组织和展示多个视图或页面,使得用户可以在...结合事件监听器和其他高级特性,你可以实现更加动态和用户友好的选项卡应用。

    DevExpress+XtraTabControl选项卡关闭方法

    在DevExpress的XtraTabControl组件中实现选项卡关闭功能是一项实用且常见的需求。下面将详细介绍如何通过DevExpress提供的API来实现这一功能,并对相关的知识点进行深入探讨。 ### DevExpress与XtraTabControl ...

    超级翻页的选项卡(CSS+JAVAScript)

    - **模块化和组件化**:使用如ES6模块或Webpack等工具,将选项卡功能封装成可复用的组件。 - **A11Y(无障碍)优化**:确保选项卡对屏幕阅读器和其他辅助技术友好,遵循Web内容可访问性指南(WCAG)。 综上所述,...

    HTML5 tab选项卡 支持自定义.rar

    在这个选项卡组件中,可能使用Ajax来异步加载每个选项卡的内容,这样可以提高性能,减少用户等待时间,并保持用户体验的连贯性。 七、适应移动设备 由于此示例特别提到适用于移动开发,因此应考虑响应式设计。通过...

    TabControl实现Windows选项卡效果.rar

    在Windows应用程序开发中,TabControl控件是一个非常常用且重要的组件,它允许用户通过类似网页浏览器的选项卡界面来切换不同的视图或功能区域。在本压缩包“TabControl实现Windows选项卡效果.rar”中,可能包含了...

    不规则TAB选项卡效果.rar

    - 无障碍性(Accessibility):确保选项卡组件对辅助技术友好,如添加适当的ARIA属性。 - 兼容性:考虑到不同浏览器和设备的差异,需要测试在多种环境下是否正常工作。 - 性能优化:避免过度使用JavaScript操作DOM,...

    ace adminV1.4 实现选项卡功能

    6. **自定义功能**:除了基本的选项卡切换,Ace Admin可能还提供了一些高级功能,比如选项卡关闭、保存当前选项卡状态等。这需要根据Ace Admin的文档和API进行相应的JavaScript编程。 在实际应用中,为了确保兼容性...

    超炫的3D立体阴影选项卡

    3D立体阴影选项卡的独特之处在于它的伸缩动画效果。这种动画效果可能是通过CSS3的transition和transform属性实现的,当用户切换标签时,选项卡会呈现出平滑的缩放变化,增加了一种动态的交互体验,使得用户操作更加...

    jquerytabs jquery选项卡 jquery tabs

    除了基本功能,jQuery UI还允许通过CSS样式和JavaScript扩展对选项卡进行更高级的定制。例如,你可以使用CSS更改选项卡的外观,或者通过编写自定义的事件处理器来实现特定的交互逻辑。 **五、示例应用** jQuery ...

    VB6多风格窗体选项卡

    4. **功能增强**:可能包含更高级的功能,如拖放排序、右键菜单支持、关闭按钮等,使得选项卡的管理更加便捷。 5. **兼容性和性能优化**:可能针对VB6的特性进行了优化,确保在各种操作系统上表现良好,同时保持...

    全面解析Bootstrap中tab(选项卡)的使用方法

    它通过将内容分组在不同的选项卡下,提供简洁的用户界面,使得用户能轻松地切换查看不同部分的信息。在本篇文章中,我们将深入探讨Bootstrap Tab的使用方法,包括其实现原理、源码分析以及相关的API事件。 ### 实现...

    可嵌套的JS网页选项卡Tabber

    **可嵌套的JS网页选项卡Tabber**是一种高级的网页设计组件,它不仅提供了基本的选项卡功能,还引入了一种创新的交互模式——选项卡的嵌套。这种技术使得用户界面更加丰富且层次分明,能够更好地组织和展示大量的信息...

    jquery水平滑动tab选项卡.zip

    标题 "jquery水平滑动tab选项卡.zip" 涉及的核心技术是使用jQuery库实现一个水平滑动的选项卡(Tab)效果。这种效果在网页设计中非常常见,用于展示多组内容,用户可以通过点击不同的选项卡切换显示的内容。下面我们...

    VB多文档选项卡控件及使用示例

    VB多文档选项卡控件通常包含以下几个关键组件和功能: 1. **选项卡控件(TabControl)**: 这是实现选项卡界面的基础,VB提供了TabControl控件供开发者使用。它允许你添加多个选项卡,每个选项卡都可以承载一个独立...

    js选项卡(多中显示效果)

    在本项目中,我们关注的是"js选项卡(多中显示效果)",这是一种常见的前端设计模式,常用于展示有限但多样的内容,如新闻、产品或用户评论等。它允许用户在多个视图之间切换,而无需刷新整个页面。类似网易网站上的...

Global site tag (gtag.js) - Google Analytics