`
luhantu
  • 浏览: 204567 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

TabBar 隐藏掉ViewStack中的一项

阅读更多

Flex 中TabBar 和ViewStack 结合使用,如果ViewStack中的NavigatorContent 为includeInLayout 为false,现在也希望TabBar能够隐藏掉相应的button。现有的TabBar不能满足条件,只能继承来做一些修改。

package
{
	import mx.core.IVisualElement;
	
	import spark.components.TabBar;
	
	public class SuperTabBar extends TabBar
	{
		public function SuperTabBar()
		{
			super();
		}
		
		override public function updateRenderer(renderer:IVisualElement, itemIndex:int, data:Object):void
		{
			super.updateRenderer(renderer, itemIndex, data);
			const content:IVisualElement = getItemContent(itemIndex) as IVisualElement;
			if(content && !content.includeInLayout)
			{
				renderer.visible = false;
				renderer.includeInLayout = false;
                  if(itemIndex == 0)
				{
					itemSelected(1,true);
				}
			}
		}
		
		private function getItemContent(index:int):IVisualElement
		{
			if (!dataGroup || (index < 0) || (index >= dataGroup.numElements))
				return null;
			if(!dataGroup.dataProvider || index >= dataGroup.dataProvider.length)
				return null;
			return dataGroup.dataProvider.getItemAt(index) as IVisualElement;
		}
	}
}

 测试代码

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009" 
			   xmlns:s="library://ns.adobe.com/flex/spark" 
			   xmlns:mx="library://ns.adobe.com/flex/mx"
			   xmlns:controls="com.lombardrisk.report.lbr.components.controls.*"
			   minWidth="955" minHeight="600" xmlns:local="*">
	<fx:Script>
		<![CDATA[

		]]>
	</fx:Script>
	<s:layout>
		<s:VerticalLayout/>
	</s:layout>
	<local:SuperTabBar id="tabBar" dataProvider="{viewStack}"/>
	<mx:ViewStack id="viewStack" width="100%" creationPolicy="all">
		<s:NavigatorContent label="aaa">
			<s:Button label="aaaa"/>
		</s:NavigatorContent>
		<s:NavigatorContent label="bbb">
			<s:Button label="bbbb"/>
		</s:NavigatorContent>
		<s:NavigatorContent label="ccc" includeInLayout="false" visible="false" enabled="true">
			<s:Button label="cccc"/>
		</s:NavigatorContent>
	</mx:ViewStack>
</s:Application>

 会发现ccc的button不会出现在tabBar中。

0
0
分享到:
评论

相关推荐

    隐藏TabBar的一些方法小结

    在iOS应用开发中,TabBar是一个非常常见的组件,它用于展示多个主要功能模块,方便用户快速切换。然而,在某些特定场景下,我们可能需要隐藏TabBar以提供更沉浸式的用户体验或者实现特定的交互效果。本篇文章将总结...

    隐藏自定义tabbar

    1. 使用`hidesBottomBarWhenPushed`属性:在需要隐藏TabBar的ViewController中设置`self.hidesBottomBarWhenPushed = true`,这样在push这个ViewController时,TabBar会自动隐藏。当返回时,TabBar会重新显示。这种...

    ios-tabbar--上下滑动控件tabbar和导航栏隐藏.zip

    本项目“ios-tabbar--上下滑动控件tabbar和导航栏隐藏.zip”就是关于如何实现这一功能的一个示例。 首先,我们关注TabBar的隐藏。在iOS中,TabBar通常是固定显示的,但有时在内容滚动时,我们希望它能够自动隐藏,...

    swift-底部菜单push隐藏菜单栏动画仿<京东>及<东方财富通>tabBar效果

    首先,我们要了解TabBarController是iOS中的一个关键组件,它负责管理多个NavigationController,并在底部显示TabBar来让用户在不同视图控制器之间切换。在Swift中,我们可以通过UIStoryboard或代码直接创建...

    微信小程序 新建登录页并实现tabBar隐藏

    微信小程序新建登录页并实现tabBar隐藏是微信小程序开发中的一项重要功能,本文将对该功能进行详细的介绍和分析。 首先,在app.json文件中,我们需要设置pages的path,这里我们需要注意,不能将登录页面的路径写入...

    ios-tabBar动画向下隐藏效果.zip

    这里模拟的是京东App中的向下隐藏动画,这意味着在页面控制器push时,TabBar会沿着Y轴向下移动一段距离,呈现出渐隐的效果。 3. 页面控制器管理:在iOS中,UINavigationController用于管理页面的堆栈和推送,当一个...

    swift版仿映客中间凸出tabBar,上下滑动时隐藏或显示导航栏及标签栏

    在iOS应用开发中,创建一个类似“映客”这样的视频直播平台界面,常常需要实现一些高级的UI交互效果,比如中间凸出的TabBar、在上下滑动时动态隐藏或显示导航栏及标签栏。本教程将重点讲解如何用Swift语言实现这个...

    小程序实现同一个tabbar项,根据不同需求显示不同页面.zip

    在微信小程序开发中,TabBar 是一种常见的底部导航栏,用于在多个页面间切换。它为用户提供了一种直观且易用的界面元素,通常包含固定数量的选项,每个选项对应一个页面。本教程将深入讲解如何自定义 TabBar,使得同...

    uniapp小程序自定义动态tabbar

    在uni-app中自定义动态TabBar,可以极大地提升小程序的个性化和灵活性。 1. uni-app简介 uni-app是由Egret Wing团队推出的一款基于Vue.js开发的多端统一框架。它支持Vue语法,并提供丰富的组件库和API接口,让...

    swift-AmazingTabBar一个TabBar中的动画菜单

    在Swift编程语言中,开发iOS应用时,我们经常会用到TabBar来构建用户界面,它是一种常见的导航元素,用于在多个视图之间切换。而"AmazingTabBar"是一个专为TabBar设计的开源项目,旨在提供更加吸引人的动画效果,以...

    iOS仿淘宝自定义TabBar

    在iOS应用开发中,TabBar是用户界面的重要组成部分,它通常位于屏幕底部,用于展示主要功能模块间的切换。淘宝App的TabBar设计独特,不仅具备基础功能,还具有动态隐藏和显示的效果,使得用户界面更加灵活和友好。...

    swift-这是一个自定义的TabBar样式实现TabBar中间凸起“”按钮

    总的来说,自定义TabBar样式是一项涉及到UI设计和Swift编程技巧的任务,它需要理解控件的内部工作原理以及如何通过代码调整其外观和行为。通过上述步骤,你将能够创建出一个具有独特风格的TabBar,提升应用的整体...

    自定义tabBar

    一、iOS中的自定义TabBar 在iOS开发中,我们通常使用`UITabBarController`来实现TabBar的功能。为了自定义TabBar,我们需要做以下几步: 1. **创建自定义TabBarItem** - 可以通过创建自定义`UITabBarItem`子类,...

    tabbar图标素材.zip

    在IT行业中,微信小程序是一种轻量级的应用开发平台,它允许开发者快速构建并发布无需安装的应用,极大地提升了用户的使用体验。Tabbar图标是微信小程序中不可或缺的元素,它位于小程序底部,通常包含四个或五个主要...

    ios-如何添加首次加载出现的引导页和隐藏自定制的tabbar.zip

    2. 对于整个TabBarController:如果你想在整个TabBarController中隐藏TabBar,可以重写`UITabBarController`的`setTabBarHidden(_:animated:)`方法,然后在需要隐藏TabBar的地方调用`self.setTabBarHidden(true, ...

    tabbar练习小项目

    在IT行业中,TabBar是移动应用开发中常见的一种界面元素,尤其在iOS和Android平台上的应用设计中扮演着重要角色。TabBar通常位于应用程序底部,用于展示多个主要功能选项,用户可以通过点击不同的Tab来切换不同的...

    Flutter 滚动悬浮导航栏TabBar

    TabBar是Flutter中的一个核心组件,它用于在多个页面或视图之间切换,通常位于屏幕底部。TabBar包含了多个Tab,每个Tab代表一个页面或视图。在默认情况下,TabBar会随着页面的切换而改变选中状态,但并不会随着内容...

    小程序tabbar素材

    在微信小程序开发中,TabBar 是一个至关重要的组件,它位于小程序页面的底部,用于展示主要功能模块的快捷入口,通常包含2-5个图标和文字。本资源包"小程序tabbar素材"提供了专为微信小程序设计的TabBar图形元素,以...

    TabBar+Table+UISearchDisplayController

    2. 在每个TabBar项的视图控制器中,创建一个UITableView,并实现`UITableViewDataSource`和`UITableViewDelegate`协议,填充数据和处理用户交互。 3. 添加UISearchBar到每个表视图的头部,然后设置...

Global site tag (gtag.js) - Google Analytics