`

TabNavigator_ScrollableMenu强大的TabNavigator

    博客分类:
  • Flex
阅读更多

看到一个老外07年写的一个组件:TabNavigator_ScrollableMenu.非常强大,有关闭功能、Tab多了之后或自动出现滚动条。完全弥补了flex中TabNavigator的缺陷!研究一下吧:

 

原文为:http://dougmccune.com/blog/2007/02/07/quest-for-the-perfect-tabnavigator-part-3-with-source/

 

源代码:http://dougmccune.com/flex/supertabnavigator/srcview

 

 

 

 

 

还可以看看老外前面写的其他的关于TabNavigator的文章:

http://dougmccune.com/blog/?s=TabNavigator+&x=0&y=7 

  • 大小: 45.7 KB
分享到:
评论
5 楼 longzuyuan 2010-07-09  
avanry 写道
menglinxi 写道
这个里面有个问题。就是在选中的项里的 lable,显示不完全.....。

确实有这个问题,我没找到要处理的地方....


只需把com/dougmccune/containers/tabBarClasses.as文件第215和216行:this.textField.width -= closeButton.width;
this.textField.truncateToFit();
注释掉即可。
4 楼 avanry 2010-01-14  
menglinxi 写道
我找到解决方法了。用flexlib里的 supertabnavigator 效果一样。不存在那个问题。

好的,我试一下,多谢
3 楼 menglinxi 2010-01-14  
我找到解决方法了。用flexlib里的 supertabnavigator 效果一样。不存在那个问题。
2 楼 avanry 2009-12-23  
menglinxi 写道
这个里面有个问题。就是在选中的项里的 lable,显示不完全.....。

确实有这个问题,我没找到要处理的地方....
1 楼 menglinxi 2009-12-23  
这个里面有个问题。就是在选中的项里的 lable,显示不完全.....。

相关推荐

    TabNavigator_ScrollableMenu

    《TabNavigator_ScrollableMenu:打造更优交互的Tab导航体验》 在Flex开发中,TabNavigator组件是常用于创建带有可切换选项卡的应用界面。然而,随着应用复杂度的提升,用户对于更加灵活和易用的选项卡导航的需求也...

    flex TabNavigator tab倒置

    在Flex开发中,TabNavigator组件是常用于创建带有选项卡的用户界面的工具。它允许用户在多个视图之间切换,每个视图对应一个选项卡。"flex TabNavigator tab倒置"这个标题可能指的是开发者想要实现一个特殊的布局,...

    Flex4.6 带图标的TabNavigator的使用

    在Flex4.6中,`TabNavigator`是一个强大的组件,用于创建带有可切换选项卡的用户界面。这个组件允许用户通过点击不同的标签在多个视图之间进行导航,这对于组织大量内容或者提供多工作区的界面非常有用。在这个“带...

    设置TabNavigator组件的标签头的自定义皮肤

    在开发移动应用或者Web应用时,常常会使用到导航组件来组织不同的页面,其中TabNavigator是一种常见的导航方式,它在底部或顶部展示一系列标签,用户可以通过点击这些标签切换不同的页面。在React Native或React.js...

    flex3 tabnavigator一个很好的例子

    TabNavigator是Flex中的一个组件,用于构建带有多个选项卡的应用界面,每个选项卡可以承载不同的视图或功能模块。这个例子可能是为了展示如何在Flex3中有效地使用TabNavigator来组织和管理用户界面。 在Flex3中,...

    Flex3 竖排TabNavigator

    默认情况下,TabNavigator的标签页是水平排列的,但在这个特定的实例中,我们将讨论如何将TabNavigator的标签页设置为垂直(竖排)显示。 创建竖排TabNavigator的关键在于自定义布局策略。在Flex3中,组件的布局由...

    Flex tabNavigator 的初级应用

    NULL 博文链接:https://zhangyinyou.iteye.com/blog/671128

    flex 遮盖式 TabNavigator

    "遮盖式 TabNavigator"可能指的是在设计时或运行时TabNavigator的特定样式或行为,其中选项卡可能会覆盖其他内容,而不是简单地堆叠或切换。 这篇博客文章(虽然链接不可用)可能深入探讨了如何自定义Flex中的...

    Flex3 TabNavigator

    在Flex3中,TabNavigator是一种容器控件,用于展示多个视图,并且这些视图可以通过标签页进行切换。TabNavigator的每个标签页通常关联一个ViewStack或其他容器,用于存放不同的内容。然而,标准的TabNavigator并不...

    RN_ViewPager:StackNavigator加TabNavigator

    在React Native(RN)开发中,`StackNavigator`和`TabNavigator`是两个核心的导航组件,它们用于构建用户界面的导航结构。这篇文章将详细介绍这两个组件的使用和它们结合的实践。 `StackNavigator`是由React ...

    TabNavigator一个reactnative底部菜单

    本文将深入探讨如何使用`TabNavigator`来实现一个React Native底部菜单,并涵盖相关的核心知识点。 `TabNavigator`是React Navigation库中的组件,它允许开发者轻松地创建带有底部标签的导航结构。React Navigation...

    flex 和 flexlib类库 实现 菜单和 TabNavigator

    NULL 博文链接:https://toeo.iteye.com/blog/644341

    Flex中TabNavigator设置Tabs样式思路及

    在Flex框架中,TabNavigator组件是用来创建标签导航界面的一种方式,它能够展示一组标签页,每个标签页关联一个视图。在Flex应用中,为了提升用户体验,通常需要对TabNavigator的Tabs进行样式定制,使得它们更符合...

    flex TabNavigatorTab 选项卡标题标签皮肤设置

    这是一个封装好的flex项目,可以直接运行,TestTabNavigator.mxml是运行主页。里面定义了TabNavigator控件选中与被选中的皮肤类,皮肤类可以自己进行更改,也可以设置颜色渐变等等。希望对大家有帮助。

    React-Native 实现点击Tab标签切换Tab页面

    在本例中,我们将使用`react-navigation`库,这是一个强大的React-Native导航解决方案,提供了多种导航类型,包括TabNavigator。 首先,确保已经安装了`react-navigation`库。如果还没有安装,可以通过npm或yarn...

    Flex 选项卡的实现

    `TabNavigator`是容器类,它可以容纳多个子组件,并且每个子组件都可以作为一个单独的选项卡。下面我们将逐步介绍如何创建和配置一个`TabNavigator`实例。 1. **引入所需的库**: 在MXML文件中,我们需要导入`mx....

    spark下TabNavitor圆角设计设计

    总之,Spark的TabNavigator组件提供了强大的自定义能力,允许开发者根据需求调整其外观和行为。通过精心设计和配置皮肤,我们可以创造出既美观又实用的圆角选项卡界面,提升用户在应用中的导航体验。

    Flex垂直button

    综上所述,Flex提供了强大的功能来创建垂直布局的按钮和带有垂直标签的TabNavigator。通过理解并灵活运用布局管理器、组件定制以及样式设置,开发者可以创建出满足各种需求的富界面。在实际项目中,应根据具体需求...

    Flex中实现多行tab的源代码

    默认情况下,Flex的TabNavigator组件的TabBar控件只会在一行内显示Tab项,但通过自定义布局和样式,我们可以轻松实现多行Tab的展示。本示例将详细讲解如何在Flex中创建多行Tab,并提供相关源代码。 首先,让我们...

    flex checkboxtree 和可增加面板,可关闭的tab页

    在IT领域,尤其是在Web开发中,`Flex`是一种流行的客户端应用程序框架,用于构建富互联网应用程序(RIA)。...通过实践和理解这些组件的工作原理,开发者可以创建更加用户友好且功能强大的应用程序。

Global site tag (gtag.js) - Google Analytics