文章来源:淘论文网   发布者: 毕业设计   浏览量: 51



还可以点击去查询以下关键词:
[TFTopology]    [定制]    [拓扑]    [TFTopology定制View 拓扑图]   

项目介绍:

【效果图】1. 简单的(一个设备一个点)
        

TFTopology定制View 拓扑图







2. 详细的(一个设备多个点)
        

TFTopology定制View 拓扑图




【写在前面的话】
                        

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

【Demo讲解】


1. 本Demo并没有上次Github、也不支持pod,开题报告,所以只能从这里下载咯;
2. 下载附件解压并打开工程,“TFTopologyView”的文件结构如下:

   

TFTopology定制View 拓扑图


3. 核心部分为PortTopologyView、DeviceTopologyView和数据模型DeviceTopologyData。视图根据数据模型进行绘制,所以对数据模型的依赖比较强。大致原理如下图:

   

TFTopology定制View 拓扑图



4. 然后数据源分为“设备信息列表(deviceInfoArray)”和“连接关系列表(connectionArray)”,

设备信息的格式为:@'设备名称(MAC地址):设备类型:设备描述';

连接关系的格式为:@'某设备:哪个端口,某设备:哪个端口';

   

TFTopology定制View 拓扑图


5. 好吧、先这样吧、有问题留言哦。。。


【下载Demo】


这里还有:


还可以点击去查询:
[TFTopology]    [定制]    [拓扑]    [TFTopology定制View 拓扑图]   

请扫码加微信 微信号:sj52abcd


下载地址: http://www.taolw.com/down/8282.docx
  • 上一篇:WHC_DataM定制odelFactory
  • 下一篇:半圆形进毕业设计度圆盘