`
yunzhongxia
  • 浏览: 650014 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

解决TabNavigator.selectedIndex无效的bug

    博客分类:
  • flex
 
阅读更多

     今天需要动态生成TabNavigator中的tab页面,处理的办法是先删除掉原先的tab页面后在重新生成。在使用中发现,TabNavigator有一个bug:重新添加tab页面后无法设置selectedIndex,TabNavigator的selectedIndex会保持上一次的结果。从网上查查了下资料,结果发现这是Flex3的一个Bug, 参见:http://bugs.adobe.com/jira/browse/SDK-14157 。


     网上的好人还是有的,给出了一种解决方案:重写 TabNavigator的commitSelectedIndex方法,TabNavigator继承自ViewStack,commitSelectedIndex方法是ViewStack的一个方法。当切换tab的时候会触发该事件。

    简单的代码如下:

   

   

package com.asiainfo.flex.controls
{
	import mx.containers.TabNavigator;

	public class DynamicSuperTabNavigator extends TabNavigator
	{
		public function DynamicSuperTabNavigator()
		{
			super();
		}
		
		override protected function commitSelectedIndex(newIndex:int):void
		{
			super.commitSelectedIndex(newIndex);
			tabBar.selectedIndex = newIndex;
		}

	}
}

 

  • 大小: 20.5 KB
0
0
分享到:
评论

相关推荐

    Flex4.6 带图标的TabNavigator的使用

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

    flex TabNavigator tab倒置

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

    flex3 tabnavigator一个很好的例子

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

    基于ReactNative的贷贷助手客户端DaidaiHelperNew.zip

    native run-android运行效果:重点修改:进入文件夹中: node_modules/react-native-tab-navigator ,将其中名字为Badge.js、Layout.js、StaticContainer.js、Tab.js、TabBar.js、TabNavigator.js、...

    react-native-tab-navigator组件的基本使用示例代码

    在这个例子中,每个`TabNavigator.Item`都配置了以下属性: 1. `selected`: 当前是否选中此标签页,根据`selectedTab`状态更新。 2. `title`: 标签页的文本标题。 3. `titleStyle` 和 `selectedTitleStyle`: 分别...

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

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

    Flex3 竖排TabNavigator

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

    Flex tabNavigator 的初级应用

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

    Developing Flex Applications 910p dda_doc88_cracker.zip

    This package contains 3 kid: 1. a book Developing Flex Applications 2. a web page viewer for doc88 ebt ... CONTENTS PART I: Presenting Flex CHAPTER 1: Introducing Flex....About Flex....

    flex 遮盖式 TabNavigator

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

    TabNavigator_ScrollableMenu

    "TabNavigator_ScrollableMenu"便是为满足这一需求而诞生的一种解决方案,它被誉为比flexlib.swc中的SuperTabNavigator更为高效和实用。 首先,我们要理解TabNavigator的基本概念。TabNavigator是一种容器,它可以...

    Flex 选项卡的实现

    var currentIndex:int = tabNav.selectedIndex; // 根据当前选项卡索引执行相应操作 } ]]> ``` 5. **动态添加和删除选项卡**: 如果需要在运行时动态添加或删除选项卡,可以通过`TabNavigator`的`addChild...

    TabNavigator一个reactnative底部菜单

    React Navigation是一个广泛使用的React Native路由和导航解决方案,支持多种导航模式,如堆栈导航、抽屉导航和标签导航。 首先,我们需要安装React Navigation库。这可以通过npm或yarn完成: ```bash npm install ...

    flexbuilder3training.rar

    4. **TabNavigator.zip** TabNavigator是Flex中的容器组件,它允许在一个界面中展示多个视图,每个视图被一个标签页所代表。通过这个例子,学习者可以学习如何创建和配置TabNavigator,包括添加和删除标签页,以及...

    Flex3 TabNavigator

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

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

    首先,创建一个名为`TabNavigator.js`的文件,并导入必要的组件: ```javascript import React from 'react'; import { NavigationContainer } from '@react-navigation/native'; import { ...

    RN_ViewPager:StackNavigator加TabNavigator

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

    Flex中TabNavigator设置Tabs样式思路及

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

    flex 和 flexlib类库 实现 菜单和 TabNavigator

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

    Flex垂直button

    1. 创建一个TabNavigator实例,并添加若干个TabNavigator.content属性为不同的视图组件。 2. 自定义TabBar皮肤,设置TabBar的direction属性为“vertical”,使标签沿垂直方向排列。 3. 可以通过CSS或MXML代码来修改...

Global site tag (gtag.js) - Google Analytics