opencv+tkinter制作HsvMaster（一）

这两天看opencv-python的HSV色彩空间，在写程序时发现用HSV来提取图像区域是件令人恶心的麻烦事。拿阈值分割做个对比，阈值最多也就一两个参数需要调整；但是HSV需要对三个通道调整上下限，也就是起码有6个参数。于是乎，就一时兴起决定做个小程序，把参数都做成滑动块，这样自然方便许多。一开始，想直接用opencv来做，但是百度了一下它没有很好的GUI支持。所以决定还是用python自带的tkinter来设计UI。

UI设计最重要的还是布局，之前学CSS就差点搞得我稀里糊涂。tkinter有三种布局方式，网上说grid是常用的，然而我用了一会，感觉这种excel类型的方法有点死板，唯一的好处是不用计算坐标，所以我布局滑块时就使用了grid，其他一律使用place。

我要的程序界面得划出两块地方显示图片，tkinter没有专用的控件，不过可以利用Lable的image属性来设置背景图片。并且，image属性对图片数据流的格式有所要求，得用PIL模块里的Image和ImageTk两个工具先对图片进行处理。在处理时，我还得对它大小限制一下，要不然不同图片导进来，布局就乱了。接下来就导入滑块和按钮，调一下布局罢了，没啥难度，就是审美得纠结一下。所有控件都导入以后，为了看起来不那么单调，本来想是给整个窗口加一个高雅的背景图的，但是当我把背景改成暗灰色以后，奇迹就发生了——这东西居然还有border。暗灰色背景，配上亮白色边框，别有一番味道啊！！

最后，在给按钮和字调下颜色，然后把窗口的默认ico图标换一下，这还是跟之前的图片导入类似，所以很快就解决了。剩下的事情就是事件控制了，因为按钮挺多的，功能也越想越复杂，因此，这部分代码就留给以后写，文末贴个程序界面截图和实现代码。

 import os
 from tkinter import *
 from PIL import Image, ImageTk

 os.chdir('D:/programe/matlab/img')

 class GUI():
     def __init__(self,window):
         self.window = window
         #title
         self.window.title("HsvMaster")
         #siz=800*600,position=(500,200)
         self.window.geometry('1000x600+500+200')
         self.window["bg"] = "DimGray"
         # icon
         self.icon = ImageTk.PhotoImage(file='hsv_icon.ico')
         self.window.call('wm','iconphoto',self.window._w,self.icon)

     def create_widgets(self):

         #scale
         self.hmin_label = Label(self.window,text='色调下限',fg='WhiteSmoke',bg="DimGray")
         self.hmin_scale = Scale(self.window,orient=HORIZONTAL,from_=0,to=255,resolution=1,tickinterval=50,length=200,width=7,fg='WhiteSmoke',bg="DimGray")
         self.hmax_label = Label(self.window,text='色调上限',fg='WhiteSmoke',bg="DimGray")
         self.hmax_scale = Scale(self.window,orient=HORIZONTAL,from_=0,to=255,resolution=1,tickinterval=50,length=200,width=7,fg='WhiteSmoke',bg="DimGray")
         self.smin_label = Label(self.window,text='饱和度下限',fg='WhiteSmoke',bg="DimGray")
         self.smin_scale = Scale(self.window,orient=HORIZONTAL,from_=0,to=255,resolution=1,tickinterval=50,length=200,width=7,fg='WhiteSmoke',bg="DimGray")
         self.smax_label = Label(self.window,text='饱和度上限',fg='WhiteSmoke',bg="DimGray")
         self.smax_scale = Scale(self.window,orient=HORIZONTAL,from_=0,to=255,resolution=1,tickinterval=50,length=200,width=7,fg='WhiteSmoke',bg="DimGray")
         self.vmin_label = Label(self.window,text='明度下限',fg='WhiteSmoke',bg="DimGray")
         self.vmin_scale = Scale(self.window,orient=HORIZONTAL,from_=0,to=255,resolution=1,tickinterval=50,length=200,width=7,fg='WhiteSmoke',bg="DimGray")
         self.vmax_label = Label(self.window,text='明度上限',fg='WhiteSmoke',bg="DimGray")
         self.vmax_scale = Scale(self.window,orient=HORIZONTAL,from_=0,to=255,resolution=1,tickinterval=50,length=200,width=7,fg='WhiteSmoke',bg="DimGray")

         # scale position
         self.hmin_label.grid(row=0, column=0,padx=15)
         self.hmin_scale.grid(row=0,column=1,pady=2)
         self.hmax_label.grid(row=1, column=0)
         self.hmax_scale.grid(row=1,column=1,pady=2)
         self.smin_label.grid(row=2, column=0)
         self.smin_scale.grid(row=2,column=1,pady=2)
         self.smax_label.grid(row=3, column=0)
         self.smax_scale.grid(row=3,column=1,pady=2)
         self.vmin_label.grid(row=4, column=0)
         self.vmin_scale.grid(row=4,column=1,pady=2)
         self.vmax_label.grid(row=5, column=0)
         self.vmax_scale.grid(row=5,column=1,pady=2)

         #img
         self.img = Image.open('man.jpg')
         self.img = self.img.resize((300, 300))
         self.img = ImageTk.PhotoImage(self.img)

         self.orign = Label(self.window,image=self.img,width=300,height=300)
         self.work = Label(self.window,image=self.img,width=300,height=300)
         #img position
         self.orign.place(x=320, y=30)
         self.work.place(x=650,y=30)

         #Button
         self.import_button = Button(self.window, text='导入原图',font=('隶书',45), height=2, width=9,fg='WhiteSmoke',bg="BurlyWood")
         self.clear_button = Button(self.window, text='删除所有',font=('隶书',12), height=2, width=15,fg='WhiteSmoke',bg="BurlyWood")
         self.delete_button = Button(self.window, text='删除当前',font=('隶书',12), height=2, width=15,fg='WhiteSmoke',bg="BurlyWood")
         self.switch_button = Button(self.window,text='区域切换',font=('隶书',12), height=2, width=15,fg='WhiteSmoke',bg="BurlyWood")
         self.save_button = Button(self.window, text='区域暂存',font=('隶书',12), height=2, width=15,fg='WhiteSmoke',bg="BurlyWood")
         self.merge_button = Button(self.window, text='合并区域',font=('隶书',12), height=2, width=15,fg='WhiteSmoke',bg="BurlyWood")
         self.picture_button = Button(self.window, text='生成图片',font=('隶书',12), height=2, width=15,fg='WhiteSmoke',bg="BurlyWood")

         #button position
         self.import_button.place(x=18,y=400)
         self.clear_button.place(x=370,y=420)
         self.delete_button.place(x=570,y=420)
         self.switch_button.place(x=770,y=420)
         self.save_button.place(x=370,y=500)
         self.merge_button.place(x=570,y=500)
         self.picture_button.place(x=770,y=500)

 def gui_start():

     my_window = Tk()
     my_gui = GUI(my_window)
     my_gui.create_widgets()
     my_window.mainloop()

 gui_start()