PySimpleGUI/readme.md

258 lines
12 KiB
Markdown
Raw Normal View History

2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
# PySimpleGUI
This really is a simple GUI, but also powerfully customizable.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
![GetTextBox](https://user-images.githubusercontent.com/13696193/42592930-1ca1370a-8519-11e8-907e-ad73e9be7749.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
I was frustrated by having to deal with the dos prompt when I had a powerful Windows machine right in front of me. Why is it SO difficult to do even the simplest of input/output to a window in Python??
Python itself doesn't have a simple solution... nor did the *many* GUI packages I tried. Most tried to do TOO MUCH, making it impossible for users to get started quickly. Others were just plain broken, requiring multiple files or other packages that were missing.
The PySimpleGUI solution is focused on the ***developer***. How can the desired result be achieved in as little and as simple code as possible? This was the mantra used to create PySimpleGUI.
You can add a GUI to your command line with a single line of code. With 3 or 4 lines of code you can add a fully customized GUI.
The customization power comes from the form/dialog box builder that enables users to experience all of the normal GUI widgets without having to write a lot of code.
Features of PySimpleGUI include:
Text
Single Line Input
Buttons including these types:
File Browse
Folder Browse
Non-closing return
Close form
Checkboxes
Radio Buttons
Icons
Multi-line Text Input
Scroll-able Output
Progress Bar
Async/Non-Blocking Windows
Tabbed forms
Persistent Windows
Redirect Python Output/Errors to scrolling Window
'Higher level' APIs (e.g. MessageBox, YesNobox, ...)
## Getting Started with PySimpleGUI
### Installing
pip install PySimpleGUI
or
Simply download the file - PySimpleGUI.py and import it into your code
### Prerequisites
Python 3
tkinter
Should run on all Python platforms that have tkinter running on them. Has been thoroughly tested on Windows. While not tested elsewhere, should work on Linux, Mac, Pi, etc.
### Using
To us in your code, simply import....
`import PySimpleGUI as SG`
Then use either "high level" API calls or build your own forms.
SG.MsgBox('This is my first message box')
![simple msgbox](https://user-images.githubusercontent.com/13696193/42597824-1749b160-8528-11e8-9114-374bf9731b30.jpg)
Yes, it's just that easy to have a window appear on the screen using Python.
## APIs
PySimpleGUI can be broken down into 2 types of API's:
* High Level single call functions
* Custom form functions
### Python Language Features
There are a couple of Python language features that PySimpleGUI utilizes heavily that should be understood first...
* Variable number of arguments to a function call
* Optional parameters to a function call
#### Variable Number of Arguments
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
The "High Level" API calls that *output* values take a variable number of arguments so that they match a "print" statement as much as possible. The idea is to make it simple for the programmer to output as many items as desired and in any format. The user need not convert the variables to be output into the strings. The PySimpleGUI functions do that for the user.
SG.MsgBox('Variable number of parameters example', my_variable, second_variable, "etc")
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
Each new item begins on a new line in the Message Box
![variablearguments](https://user-images.githubusercontent.com/13696193/42598375-022bc51e-852a-11e8-8f77-4d664ae1a560.jpg)
#### Optional Parameters to a Function Call
This feature of the Python language is utilized ***heavily*** as a method of customizing forms and part of forms. Rather than requiring the programmer to specify every possible option for a widget, instead only the options the caller wants to override are specified.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
Here is the function definition for the MsgBox function. The details aren't important. What is important is seeing that there is a long list of potential tweaks that a caller can make. However, they don't have to be specified on each and every call.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
def MsgBox(*args,
ButtonColor=None,
ButtonType=MSG_BOX_OK,
AutoClose=False,
AutoCloseDuration=None,
Icon=DEFAULT_WINDOW_ICON,
LineWidth=MESSAGE_BOX_LINE_WIDTH,
Font=None):
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
If the caller wanted to change the button color to be black on yellow, the call would look something like this:
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
SG.MsgBox('This box has a custom button color',
ButtonColor=('black', 'yellow'))
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
![custombuttoncolor](https://user-images.githubusercontent.com/13696193/42599212-84f3fe2e-852c-11e8-8a60-4aad669a1fd6.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
### High Level API Calls
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
The classic "input a value, print result" example.
Often command line programs simply take some value as input on the command line, do something with it and then display the results. Moving from the command line to a GUI is very simple.
This code prompts user to input a line of text and then displays that text in a messages box:
import PySimpleGUI_local as SG
rc = SG.GetTextBox('Title', 'Please input something')
SG.MsgBox('Results', 'The value returned from GetTextBox', rc)
![GetTextBox](https://user-images.githubusercontent.com/13696193/42592930-1ca1370a-8519-11e8-907e-ad73e9be7749.jpg)
![MsgBox](https://user-images.githubusercontent.com/13696193/42592929-1c7361ae-8519-11e8-8adc-411c1afee69f.jpg)
#### Message Boxes
In addition to MsgBox, you'll find a several API calls that are shortcuts to common messages boxes. You can achieve similar results by calling MsgBox with the correct parameters.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
The differences tend to be the number and types of buttons. Here are the calls and the windows that are created.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
import PySimpleGUI as SG
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
`SG.MsgBoxOK('This is an OK MsgBox')`
![msgboxok](https://user-images.githubusercontent.com/13696193/42599852-8dd6914e-852e-11e8-888f-f133d787210b.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
SG.MsgBoxOKCancel('This is an OK Cancel MsgBox')
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
![msgboxokcancel](https://user-images.githubusercontent.com/13696193/42599858-8e8eff22-852e-11e8-8d5c-3fe99237eb7f.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
SG.MsgBoxCancel('This is a Cancel MsgBox')
![msgboxcancel](https://user-images.githubusercontent.com/13696193/42599857-8e53dc4e-852e-11e8-8e83-6a8cccf8e706.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
SG.MsgBoxYesNo('This is a Yes No MsgBox')
![msgboxyesno](https://user-images.githubusercontent.com/13696193/42599856-8e304540-852e-11e8-975d-fb2b62e94300.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
SG.MsgBoxError('This is an error MsgBox')
![msgbox error](https://user-images.githubusercontent.com/13696193/42599853-8df8e078-852e-11e8-90dc-7815d69bff7e.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
SG.MsgBoxAutoClose('This is an autoclose MsgBox')
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
![msgbox autoclose](https://user-images.githubusercontent.com/13696193/42599855-8e147572-852e-11e8-8c23-7ec771909062.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
SG.ScrolledTextBox(my_text, Height=10)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
![scrolledtextbox](https://user-images.githubusercontent.com/13696193/42600800-a44f4562-8531-11e8-8c21-51dd70316879.jpg)
Take a moment to look at that last one. It's such a simple API call and yet the result is awesome. Rather than seeing text scrolling past on your display, you can capture that text and present it in a scrolled interface.
#### High Level User Input
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
There are 3 very basic user input high-level function calls. It's expected that for most applications, a custom input form will be created.
- GetTextBox
- GetFileBox
- GetFolderBox
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
`submit_clicked, value = SG.GetTextBox('Title', 'Please enter anything')`
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
![gettextbox](https://user-images.githubusercontent.com/13696193/42600399-1ef66a5e-8530-11e8-9bc4-78ea839213cd.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
submit_clicked, value = SG.GetFileBox('Title', 'Choose a file')
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
![getfilebox](https://user-images.githubusercontent.com/13696193/42600398-1ed8a122-8530-11e8-9f74-88b101efcea4.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
submit_clicked, value = SG.GetPathBox('Title', 'Choose a folder')
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
![getfolderbox](https://user-images.githubusercontent.com/13696193/42600397-1ea7cef8-8530-11e8-8d43-e1000c0933cd.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
### Custom Form API Calls
This is the FUN part of the programming of this GUI. In order to really get the most out of the API, you should be using an IDE that supports auto complete or will show you the definition of the function. This will make customizing go smoother.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
It's both not enjoyable nor helpful to immediately jump into tweaking each and every little thing available to you. Let's start with a basic Browse for a file and do something with it.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
# COPY THIS DESIGN PATTERN!
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
with SG.FlexForm('SHA-1 & 256 Hash', AutoSizeText=True) as form:
form_rows = [[SG.Text('SHA-1 and SHA-256 Hashes for the file')],
[SG.InputText(), SG.FileBrowse()],
[SG.Submit(), SG.Cancel()]]
(button, (source_filename, )) = form.LayoutAndShow(form_rows)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
This context manager contains all of the code needed to specify, show and retrieve results for this form:
![sha hash](https://user-images.githubusercontent.com/13696193/42603149-a56acf3a-853a-11e8-91de-771efd3a65a8.jpg)
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
It's important to use the "with" context manager. PySimpleGUI uses `tkinter`. `tkinter` is very picky about who releases objects and when. The `with` takes care of disposing of everything properly for you.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
You will use this design pattern or code template for all of your "normal" (blocking) types of input forms.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
PySimpleGUI's goal with the API is to be easy on the programmer. An attempt was made to make the program's code visually match the window on the screen. The way this is done is that a GUI is broken up into "Rows". Then each row is broke up into "Elements" or "Widgets". Each element is specified by names such as Text, Button, Checkbox, etc.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
Some elements are shortcuts, again meant to make it easy on the programmer. Rather than writing a `Button`, with name = "Submit", etc, the caller simply writes `Submit`.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
Going through each line of code
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
with SG.FlexForm('SHA-1 & 256 Hash', AutoSizeText=True) as form:
This creates a new form, storing it in the variable `form`.
2018-07-11 19:25:04 +00:00
2018-07-11 23:20:35 +00:00
form_rows = [[SG.Text('SHA-1 and SHA-256 Hashes for the file')],
The next few rows of code lay out the rows of elements in the window to be displayed. The variable `form_rows` holds our entire GUI window. The first row of this form has a Text element. These simply display text on the form.
[SG.InputText(), SG.FileBrowse()],
Now we're on the second row of the form. On this row there are 2 elements. The first is an `Input` field. It's a place the user can enter `strings`. The second element is a `File Browse Button`. A file or folder browse button will always fill in the text field to it's left unless otherwise specified. In this example, the File Browse Button will interact with the `InputText` field to its left.
[SG.Submit(), SG.Cancel()]]
The last line of the `form_rows` variable assignment contains a Submit and a Cancel Button. These are buttons that will cause a form to return its valueso the caller.
(button, (source_filename, )) = form.LayoutAndShow(form_rows)
This is the code that **displays** the form, collects the information and returns the data collected. In this example we have a button return code and only 1 input field.
# Return values
Return information from FlexForm, SG's primary form builder interface, is in this format:
(button, (value1, value2, ...))
Don't forget all those ()'s of your values won't be coreectly assigned.
If you have a SINGLE value being returned, it is written this way:
(button, (value1,))
Forgetting the comma will mess you up but good
## Built With
## Contributing
A MikeTheWatchGuy production... entirely responsible for this code
## Versioning
1.0.9 - July 10, 2018 - Initial Release
## Authors
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details
## Acknowledgments
2018-07-11 19:25:04 +00:00
* Jorj McKie was the motivator behind the entire project. His wxsimpleGUI concepts sparked PySimpleGUI into existence