Flex拓扑图的设计(二)机房设计

本文介绍了如何使用Flex4进行机房拓扑图的设计,强调了其交互性和实用性。视图简洁直观,支持编辑和管理模式,设备可拖拽并根据机柜定位。此外,设备图例通过外部XML控制,可无限扩展,以适应不同机房的设备需求。
摘要由CSDN通过智能技术生成

    flex以及其优越的交互性,在flex3的时候已经得到大家好评,但是很多朋友都只是局限于普通topo的使用。我今天给大家分享一个机房topo设计,机房topo也是用最新的flex4开发的。也已其巨大交互性多次让客户得到好评。

 

    首先大家看一个成熟的机房topo图。

 

  这个视图特点:

     1、视图没有采用类似的立体的效果,但是让视图简单    

     2、视图没有采用2层的结构,让视图变得直观(因为很多客户都是要求直接可以看到某个设备再某个机柜)

     3、视图分为2个模式,编辑模式和管理模式,编辑模式可以在左边的未分配设备拖到视图里面。

     4、视图的设备都是可以拖拉,但是在加入视图时候要确定机柜

 

增加设备过程

 

    这个视图有一个比较显著的特别,视图的设备和图例是无限扩展的,每次加入设备就可以选择这个设备的图例,但是图例是通过外部xml控制。如果每次遇到不同机房有不同的设备都可以扩展展示,力求给予客户最真实的数据。

 

简单xml实现

 

   该机房的实现xml

评论 26
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值