TFTopologyView 拓扑图

项目介绍：

【效果图】1. 简单的（一个设备一个点）
        

2. 详细的（一个设备多个点）
        


【写在前面的话】                        

前段时间项目中需要实现网络设备拓扑结构的功能，然后在code4app上没找到，只有一些绘图的Demo。不过在那些绘图Demo的基础上加以改进就有了现在的“TFTopologyView”这个Demo。感谢前辈的资源。

【Demo讲解】

1. 本Demo并没有上次Github、也不支持pod，所以只能从这里下载咯；
2. 下载附件解压并打开工程，“TFTopologyView”的文件结构如下：
   
3. 核心部分为PortTopologyView、DeviceTopologyView和数据模型DeviceTopologyData。视图根据数据模型进行绘制，所以对数据模型的依赖比较强。大致原理如下图：   

4. 然后数据源分为“设备信息列表（deviceInfoArray）”和“连接关系列表（connectionArray）”，设备信息的格式为：@"设备名称(MAC地址):设备类型:设备描述"；连接关系的格式为：@"某设备:哪个端口,某设备:哪个端口"；   
5. 好吧、先这样吧、有问题留言哦。。。
【下载Demo】

Demo.zip
(202.05 KB, 下载次数: 380)

2016-12-13 13:02 上传
点击文件名下载附件