CustomTkinter/Readme.md

104 lines
4.1 KiB
Markdown
Raw Permalink Normal View History

2021-05-08 13:52:44 +03:00
![PyPI](https://img.shields.io/pypi/v/customtkinter)
2021-05-09 12:31:01 +03:00
![PyPI - Downloads](https://img.shields.io/pypi/dm/customtkinter?color=green&label=pip%20downloads)
2021-05-08 13:52:44 +03:00
![PyPI - License](https://img.shields.io/pypi/l/customtkinter)
2021-11-07 17:12:09 +03:00
![Total lines](https://img.shields.io/tokei/lines/github.com/tomschimansky/customtkinter?color=green&label=total%20lines)
2021-05-08 13:52:44 +03:00
2022-04-18 00:37:13 +03:00
# CustomTkinter UI-Library
2022-01-22 21:16:58 +03:00
2022-03-10 22:42:28 +03:00
![](documentation_images/Windows_dark.png)
2022-03-10 22:27:01 +03:00
| _`complex_example.py` on Windows 11 with dark mode and 'dark-blue' theme_
2021-03-04 20:27:46 +03:00
2022-03-10 22:27:01 +03:00
![](documentation_images/macOS_light.png)
| _`complex_example.py` on macOS in light mode and standard 'blue' theme_
###
2021-03-04 21:10:12 +03:00
2022-03-10 22:27:01 +03:00
CustomTkinter is a python UI-library based on Tkinter, which provides new, modern and
fully customizable widgets. They are created and used like normal Tkinter widgets and
can also be used in combination with normal Tkinter elements. The widgets
and the window colors either adapt to the system appearance or the manually set mode
2022-05-30 15:35:33 +03:00
('light', 'dark'), and all CustomTkinter widgets and windows support HighDPI scaling
(Windows, macOS). With CustomTkinter you'll get a consistent and modern look across all
2022-03-10 22:27:01 +03:00
desktop platforms (Windows, macOS, Linux).
2021-03-04 21:10:12 +03:00
2021-05-08 13:35:32 +03:00
2022-03-10 22:27:01 +03:00
## Installation
Install the module with pip:
2021-05-08 13:35:32 +03:00
```
2021-08-25 18:33:44 +03:00
pip3 install customtkinter
2021-05-08 13:35:32 +03:00
```
2021-10-15 14:57:38 +03:00
**Update existing installation:** ```pip3 install customtkinter --upgrade```\
2022-03-10 22:27:01 +03:00
(update as often as possible because this library is under active development)
2021-10-15 14:57:38 +03:00
2022-03-10 22:27:01 +03:00
## Documentation
2022-03-08 01:00:50 +03:00
2022-03-10 22:27:01 +03:00
A detailed documentation can be found in the Wiki Tab here: **[Documentation](https://github.com/TomSchimansky/CustomTkinter/wiki)**.
2021-05-08 13:35:32 +03:00
2022-03-10 22:27:01 +03:00
## Example Program
2021-05-08 13:35:32 +03:00
To test customtkinter you can try this simple example with only a single button:
2021-03-05 02:05:34 +03:00
```python
import tkinter
2022-03-10 22:27:01 +03:00
import customtkinter
customtkinter.set_appearance_mode("System") # Modes: system (default), light, dark
customtkinter.set_default_color_theme("blue") # Themes: blue (default), dark-blue, green
2021-03-05 02:32:17 +03:00
app = customtkinter.CTk() # create CTk window like you do with the Tk window
app.geometry("400x240")
2021-03-05 02:05:34 +03:00
def button_function():
print("button pressed")
2021-03-05 02:32:17 +03:00
# Use CTkButton instead of tkinter Button
button = customtkinter.CTkButton(master=app, text="CTkButton", command=button_function)
2021-03-05 02:05:34 +03:00
button.place(relx=0.5, rely=0.5, anchor=tkinter.CENTER)
app.mainloop()
2021-03-05 02:05:34 +03:00
```
2022-03-10 22:27:01 +03:00
which gives the following (macOS dark mode on):
2021-03-14 17:45:02 +03:00
2022-03-10 22:27:01 +03:00
![](documentation_images/macOS_button_dark.png)
2021-03-14 17:45:02 +03:00
2022-03-10 22:27:01 +03:00
In the [examples folder](https://github.com/TomSchimansky/CustomTkinter/tree/master/examples), you
can find more example programs and in the [Documentation](https://github.com/TomSchimansky/CustomTkinter/wiki)
you can find further information on the appearance mode, the themes and all widgets.
2021-03-05 22:27:34 +03:00
2022-03-10 22:27:01 +03:00
## More Examples and Showcase
2021-03-05 22:27:34 +03:00
2022-03-10 22:27:01 +03:00
### Appearance mode change
2021-03-05 22:27:34 +03:00
2022-03-10 22:27:01 +03:00
On Windows 10/11 you get a dark window header, which changes with set
appearance mode or the system, when you use `customtkinter.CTk()`
2022-03-10 22:42:28 +03:00
to create the window, and it works with all python versions:
![](documentation_images/Windows_system_mode_change.gif)
| _`complex_example.py` on Windows 11 with system mode change and standard 'blue' theme_
###
2022-03-10 22:27:01 +03:00
On macOS however you either need python3.10 or higher or the anaconda python
version to get a dark window header at all (Tcl/Tk >= 8.6.9 required).
2022-01-08 02:50:31 +03:00
2022-03-10 22:27:01 +03:00
![](documentation_images/macOS_system_mode_change.gif)
| _`complex_example.py` on macOS with system mode change and standard 'blue' theme_
2022-03-10 22:37:54 +03:00
###
2021-11-11 01:18:04 +03:00
2022-03-10 22:27:01 +03:00
### Button with images
It's possible to put an image on a CTkButton. You just have to
2022-03-10 22:44:40 +03:00
pass a PhotoImage object to the CTkButton with the ``image`` argument.
If you want no text at all you have to set ``text=""`` or you specify
how to position the text and image at once with the ``compound`` option:
2021-03-08 20:17:36 +03:00
2022-01-22 21:16:58 +03:00
![](documentation_images/macOS_button_images.png)
2022-03-10 22:27:01 +03:00
| _`example_button_images.py` on macOS_
2022-03-10 22:37:54 +03:00
###
2021-03-08 20:17:36 +03:00
2022-01-02 17:29:50 +03:00
### Integration of TkinterMapView widget
In the following example I used a TkinterMapView which integrates
well with a CustomTkinter program. It's a tile based map widget which displays
OpenStreetMap or other tile based maps:
2022-01-22 21:16:58 +03:00
![](documentation_images/tkintermapview_example.gif)
2022-03-10 22:37:54 +03:00
| _`examples/map_with_customtkinter.py` from TkinterMapView repository on macOS_
2021-03-05 23:05:53 +03:00
2022-01-02 17:29:50 +03:00
You can find the TkinterMapView library and the example program here:
https://github.com/TomSchimansky/TkinterMapView