Python界面设计入门

1、PySimpleGui安装

pip install PySimpleGui

2、基本结构

import PySimpleGUI as sg                        # Part 1 - The import

# Define the window's contents
layout = [  [sg.Text("What's your name?")],     # Part 2 - The Layout
            [sg.Input()],
            [sg.Button('Ok')] ]

# Create the window
window = sg.Window('Window Title', layout)      # Part 3 - Window Defintion

# Display and interact with the Window
event, values = window.read()                   # Part 4 - Event loop or Window.read call

# Do something with the information gathered
print('Hello', values[0], "! Thanks for trying PySimpleGUI")

# Finish up by removing from the screen
window.close()            

image.png

由此可见：窗口元素布局取决于一个列表：layout。所有的元素和元素排列顺序都在这里。当然，字体大小，文本框大小等等，也可以在这里设置，这是后话。

window = sg.Window('Window Title', layout)

这句是把窗口中的元素布局在窗口中实现。名称就是：字符串'Window Title'。

event, values = window.read()

这是从窗口接受消息，后面好判断，这是个循环，一旦接收到消息就结束了。剩下的工作就是对这种消息的处理。一般情况下要把这句代码写入一个死循环里，才能保证程序一直在运行。就可以不断的接受窗口消息，然后处理。

One-shot Window

窗口界面一共分两大类。其一，就是这种One-shot 类；其二，是Persistent 类。第一类是直出现一次的窗口，输入一个信息或者显示一个信息，然后完成了它的历史使命，消失。第二类，就是一只存在的窗口，就是主界面。他在程序运行的过程中必须一直存在。可以和User互动。

上面举得例子就是第一类，One-shot类。

import PySimpleGUI as sg      

layout = [[sg.Text('My one-shot window.')],      
                 [sg.InputText(key='-IN-')],      
                 [sg.Submit(), sg.Cancel()]]      
      
window = sg.Window('Window Title', layout)    
    
event, values = window.read()    
window.close()
    
text_input = values['-IN-']    
sg.popup('You entered', text_input)

这里的key='-IN-'，就是为这个窗口元素设置一个键，方便后面引用。比如后面那句：text_input = values['-IN-']。如果不设定键的话，系统会自动给它分配一个数字作为键。上面这段程序还可以改写成类似下面的样子，更加简短。

import PySimpleGUI as sg

event, values = sg.Window('Login Window',
                  [[sg.T('Enter your Login ID'), sg.In(key='-ID-')],
                  [sg.B('OK'), sg.B('Cancel') ]]).read(close=True)

login_id = values['-ID-']

这里有一句close = True，就是在read返回之前，会关闭窗口。

Persistent Window

import PySimpleGUI as sg      

sg.theme('DarkAmber')    # Keep things interesting for your users

layout = [[sg.Text('Persistent window')],      
          [sg.Input(key='-IN-')],      
          [sg.Button('Read'), sg.Exit()]]      
      
window = sg.Window('Window that stays open', layout)      
      
while True:                             # The Event Loop
    event, values = window.read() 
    print(event, values)       
    if event == sg.WIN_CLOSED or event == 'Exit':
        break      

window.close()

image.png

这里的while True:语句成为关键。使得系统可以一直接受窗口的信息，这样的窗口一直存在，直到手动关闭为止。

运行结果如下：

Read {'-IN-': 'typed into input field'}
Read {'-IN-': 'More typing'}
Exit {'-IN-': 'clicking the exit button this time'}

这里的Read和Exit就是Event，大括号里的内容就是values，是个字典，有key有value。如果是点击右上角的X来关闭Window的，那Event和values都是None。

1. 更新窗口信息

import PySimpleGUI as sg

sg.theme('BluePurple')

layout = [[sg.Text('Your typed chars appear here:'), sg.Text(size=(15,1), key='-OUTPUT-')],
          [sg.Input(key='-IN-')],
          [sg.Button('Show'), sg.Button('Exit')]]

window = sg.Window('Pattern 2B', layout)

while True:  # Event Loop
    event, values = window.read()
    print(event, values)
    if event == sg.WIN_CLOSED or event == 'Exit':
        break
    if event == 'Show':
        # Update the "output" text element to be the value of "input" element
        window['-OUTPUT-'].update(values['-IN-'])

window.close()

image.png

这个窗口中输入任何文本信息，然后点击Show按钮，文字就会出现在第一行。这个功能如何实现呢？就是代码中的一句：window['-OUTPUT-'].update(values['-IN-'])。这里的'-OUTPUT-'是一个Text的键，update自然是更新的意思，更新的内容就放在括号里。这里放的是另外一个键的value，就是输入框。

The primary suggested conventions are:

• import PySimpleGUI as sg
• Name your Window window
• Name the return values from reading your window event and values
• Name your layout layout
• Use window[key] to lookup elements
• For keys that are strings, follow this pattern '-KEY-'

2. 主题：窗口美化

image.png

sg.theme('Dark Green 5')

各花入各眼。个人喜好不同，选择也不同。这个就不展开了。