一款IP合并和分解工具（二）

        本文是对上一篇文章的补充，看过《一款IP合并和分解工具（一）》的知道，cidr-merger工具在windows上使用需要用命令行，不是很方便，在这通过python的tkinter进行二次开发，写一个可视化的界面

目录

一：界面概览

二：可视化布局

三：功能实现

1，界面布局实现

2，IP合并分解实现

3，功能展示

四：总结

---

一：界面概览

 可视化工具里用到的组件有：PanedWindow，Frame，Label，Radiobutton，Scrollbar，Button

二：可视化布局

        本次界面的布局用到的就是PanedWindow组件，称之为面板组件，这个组件类似于Frame和LabelFrame组件，是容器组件，是可以在此组件内收纳其它组件为自己的子组件，但是跟Frame和LabelFrame组件它可以用鼠标调整面板的大小，可以调节面板的边界。PanedWindow组件的作用是把一个窗体分割成几个部分，这几个部分可以自己调整其大小。

        PanedWindow组件的创建语法和相关参数，及方法如下：

background 或 bg	组件的背景颜色
borderwidth 或bd	组件边框宽度
cursor	组件上的鼠标光标样式
handlesize	分割线上的手柄尺寸，默认是8像素
height	组件高度
opaqueresize	默认为True，组件尺寸随鼠标拖曳而改变，为False，则组件尺寸在鼠标释放时才会更新。
orient	分割方式，HORIZONTAL横向，VERTICAL纵向
relief	组件边框样式
sashpad	设置分割线到窗格间的间距
sashrelief	分割线的样式
sashwidth	分割线的宽度
showhandle	设置是否显示手柄，默认为False不显示
width	组件的宽度

方法：

    add(组件，参数) 

本次工具布局设计是：

1，四层横向切割，第一层是功能选择，第二层是提示输入输出，第三层是结果展示，第四层是功能按钮

2，第二层和第三层又分别做了纵向切割，来区分输入输出

在这里先举一个例子，大家看起来更直观

from tkinter import *
 
root=Tk() # 源码来自 wb86.com
 
pw1=PanedWindow(root,orient=VERTICAL,bg='red') # 创建纵向分割面板,背景红色
pw1.pack(fill=BOTH,expand=True) # 尺寸跟随窗体一起变化
 
la1=Label(pw1,text='111111',bg='lightblue') # 标签父组件为pw1
la2=Label(pw1,text='222222',bg='lightgreen') # 标签父组件为pw1
 
pw1.add(la1) # 加入标签1
pw1.add(la2) # 加入标签2
 
pw2=PanedWindow(pw1,orient=HORIZONTAL,bg='blue',bd=4) 
# 创建横向分割面板，背景蓝色，父组件为pw1,边框宽度为4
la3=Label(pw2,text='333333',bg='yellow') # 标签父组件为pw2
la4=Label(pw2,text='444444',bg='orange') # 标签父组件为pw2
 
pw1.add(pw2) # pw2加入到pw1
pw2.add(la3) # pw2加入标签3
pw2.add(la4) # pw2加入标签4
 
root.mainloop()

 运行结果

三：功能实现

1，界面布局实现

创建三个PanedWindow实例，一个横向，两个纵向

self.funcSelectLayout = PanedWindow(root,orient=VERTICAL,sashrelief='groove') # 创建纵向分割面板, showhandle=True
self.funcSelectLayout.pack(fill=BOTH,expand=True) # 尺寸跟随窗体一起变化

self.inputOutputTextLayout = PanedWindow(self.funcSelectLayout,orient=HORIZONTAL,sashrelief='groove')
self.inputOutputTextLayout.pack(fill=BOTH,expand=True)

self.inputOutputLayout      = PanedWindow(self.funcSelectLayout,orient=HORIZONTAL,sashrelief='groove')  # 创建横向分割面板，父组件为funcSelectLayout
self.inputOutputLayout.pack(fill=BOTH,expand=True)

创建Radiobutton按钮，Label标签，Text带滚动条的实现部分在此就不一一展现了，这些在我的博客Python专栏里都有写到

将上述创建好的组件加到PanedWindow面板中去

self.funcSelectLayout.add(self.funcSelectFrame,minsize=50)
self.funcSelectLayout.add(self.inputOutputTextLayout,minsize=20)
self.funcSelectLayout.add(self.inputOutputLayout,minsize=480)

self.inputOutputTextLayout.add(self.inputLabel)
self.inputOutputTextLayout.add(self.outpuLabel)

self.inputOutputLayout.add(inputFrame)
self.inputOutputLayout.add(outputFrame)

self.funcSelectLayout.add(startButton,minsize=50)

2，IP合并分解实现

这一步我们要实现的是通过python去调用命令行并且得到命令行的输出，将得到的输出展现到界面上，这需要用到os模块的popen模块

os.popen带返回值的，如何获取返回值

       returnInfo = os.popen(cmd)

然后再通过read() 方法得到字符串结果

    def ipMerge(self):
        input = self.inputText.get("1.0",END)#其中第一个参数‘1.0’是指从第一行第1列进行读取
        with open('input.txt','w') as f:
            f.write(input)
        returnTxt = os.popen('type input.txt | cidr-merger-windows-amd64.exe -r').read()

        self.outpuText.delete("1.0",END)
        self.outpuText.insert(INSERT,returnTxt)

    def ipSeparate(self):
        input = self.inputText.get("1.0",END)#其中第一个参数‘1.0’是指从第一行第1列进行读取
        with open('input.txt','w') as f:
            f.write(input)
        returnTxt = os.popen('type input.txt | cidr-merger-windows-amd64.exe -s').read()
        self.outpuText.delete("1.0",END)
        self.outpuText.insert(INSERT,returnTxt)

最后调用Text组件的insert方法来将命令行的输出展示到界面上

3，功能展示

 

四：总结

        上述的功能实现没有给出全部的源码，有不懂的同学可以私信，其实关键部分文章里都已经讲到了，具体到各个组件的实现大家可以自行去学习，很多技能都是通过摸索才能真正的掌握。本文就介绍到次，谢谢大家的浏览。