Python Tkinter GUI Design Using ttkbootstrap - Complete Course

แชร์
ฝัง
  • เผยแพร่เมื่อ 8 มิ.ย. 2024
  • Learn how to easily implement modern designs in your Tkinter-based Python applications using ttkbootstrap.
    You will learn how to use all the main ttkbootstrap widgets to make your Tkinter apps look modern and awesome!
    ✏️ Course developed by @TkinterPython
    ⭐️ Contents ⭐️
    ⌨️ (0:00:00) Introduction
    ⌨️ (0:09:07) Labels and Buttons
    ⌨️ (0:19:59) CheckButtons
    ⌨️ (0:29:50) Resizing Buttons
    ⌨️ (0:35:46) Combo Boxes
    ⌨️ (0:42:52) Entry Boxes
    ⌨️ (0:48:58) Floodgauge
    ⌨️ (0:58:29) Date Entry
    ⌨️ (1:08:37) Frames and Labels
    ⌨️ (1:14:31) Menu Buttons
    ⌨️ (1:23:50) Meters
    ⌨️ (1:37:53) Notebooks
    ⌨️ (1:44:13) Progress Bars
    ⌨️ (1:59:24) Radio Buttons
    ⌨️ (2:10:46) Sliders
    ⌨️ (2:19:05) Scrollbars
    ⌨️ (2:24:58) Separators and Sizegrips
    ⌨️ (2:31:19) Spinboxes
    ⌨️ (2:39:01) Treeview
    ⌨️ (2:45:52) Message Boxes
    ⌨️ (2:57:30) Color Chooser
    ⌨️ (3:05:52) Scrolled Text
    ⌨️ (3:12:08) Scrolled Frame
    ⌨️ (3:17:39) Toast Messages
    ⌨️ (3:23:14) Conclusion
    🎉 Thanks to our Champion and Sponsor supporters:
    👾 davthecoder
    👾 jedi-or-sith
    👾 南宮千影
    👾 Agustín Kussrow
    👾 Nattira Maneerat
    👾 Heather Wcislo
    👾 Serhiy Kalinets
    👾 Justin Hual
    👾 Otis Morgan
    --
    Learn to code for free and get a developer job: www.freecodecamp.org
    Read hundreds of articles on programming: freecodecamp.org/news

ความคิดเห็น • 124

  • @nisidabay
    @nisidabay 10 หลายเดือนก่อน +15

    This guy is amazing; he overflows with passion for what he does and is a benchmark in everything related to tkinter. I don't know if it's because of the speed with which he teaches that he chooses procedural programming instead of object-oriented programming. Anyway, this is the magic of Python, choosing what makes you happy.

  • @davesrambla3781
    @davesrambla3781 7 หลายเดือนก่อน +1

    This is amazing! Love your TKINTER content.

  • @doBobro
    @doBobro 3 หลายเดือนก่อน

    This is the best tkinter introduction. ttkbootstrap is a cherry on top.

  • @alouiyaz
    @alouiyaz 6 หลายเดือนก่อน +1

    great, I've just finished a program and I've struggled in the graphics section until I found this turotrial.

  • @mortyrickerson6322
    @mortyrickerson6322 10 หลายเดือนก่อน +10

    This channel is a blessing to humanity. Good work team!

  • @dalefernandez19
    @dalefernandez19 9 หลายเดือนก่อน

    Wish u were my programing lecturer.Lessons would have been so much interesting.Truly grateful for this tutorial.❤

  • @dumpy1980
    @dumpy1980 8 หลายเดือนก่อน

    Love your TKINTER book and content. You are awesome. 🥰

  • @Ic37r011
    @Ic37r011 10 หลายเดือนก่อน +4

    This is AWESOME. Wow what a professional well presented masterclass. Thanks friend.

    • @TkinterPython
      @TkinterPython 10 หลายเดือนก่อน +1

      Glad you enjoyed it!

    • @user-st5ph4vu1d
      @user-st5ph4vu1d 7 หลายเดือนก่อน

      @@TkinterPython Hey brother ! Does this teach tkinter and ttkbootstrap from beggining?

  • @sourabhshrivastava61
    @sourabhshrivastava61 10 หลายเดือนก่อน +1

    Your teaching style is so good sir😂😂 i can't even feel bore for a single second❤ i enjoyed and learned so much about gui thanku sir for this great lecture 😊

  • @DiogoSBastos
    @DiogoSBastos 6 หลายเดือนก่อน

    Lex Luthor, I love your content. Always helpfull and understandable. Thank you so much.

  • @FatemehDamarchilou
    @FatemehDamarchilou 10 หลายเดือนก่อน +2

    There's no word that can thank you enough

  • @krishnapatil597
    @krishnapatil597 9 หลายเดือนก่อน

    Thanks for creating complete course

  • @gabluz
    @gabluz 10 หลายเดือนก่อน +1

    That teacher is one of my favorite.

  • @user-sr1sq4je2t
    @user-sr1sq4je2t 4 หลายเดือนก่อน

    Hi John, as usual thanks a lot for your great video !!! I have a question about progressbar, is it possible to get the progressbar's value and print it like for sliders ? many thanks.

  • @vladmakrov8394
    @vladmakrov8394 6 หลายเดือนก่อน +1

    Amazing tutorial, thanks a lot. I have a question, i would like to use the localization in French. (C:\Python310\Lib\site-packages\ttkbootstrap\localization\msgs.py) How can i do that in my main.py? Thank you again.

  • @charlesspringer4709
    @charlesspringer4709 6 หลายเดือนก่อน +2

    I will have to try it. Free tip: Please don't make forward references like "I'll cover that in a minute", "I'll go over that later", etc. It breaks comprehension and distracts it with an expectation.

    • @kodiak809
      @kodiak809 6 หลายเดือนก่อน

      You mean I should watch it 3hrs straight?

    • @freesoftwares6042
      @freesoftwares6042 หลายเดือนก่อน

      but he does cover it in a minute

    • @charlesspringer4709
      @charlesspringer4709 หลายเดือนก่อน +1

      @@freesoftwares6042 Yes, but why should I be thinking about it? Is there no content while I wait for it? It is weak pedagogy.

    • @freesoftwares6042
      @freesoftwares6042 หลายเดือนก่อน

      @@charlesspringer4709 sir you are right 100% it could be better , with that said give him a break hes sharing free knowledge for everyone to learn from and enjoy

    • @charlesspringer4709
      @charlesspringer4709 หลายเดือนก่อน

      @@freesoftwares6042 It is my hopeless personal crusade to save many man years and improve comprehension on TH-cam. The targets are forward references and using the word "what" when not asking a question such as "What you want to do now is you want to..."

  • @carlosalbertodossantosrodr6416
    @carlosalbertodossantosrodr6416 10 หลายเดือนก่อน +2

    Python perfeito na informação

  • @c.emmanuelzuniga9435
    @c.emmanuelzuniga9435 10 หลายเดือนก่อน +1

    Excelente tuto

  • @mustaphaELHOURA
    @mustaphaELHOURA 8 หลายเดือนก่อน +1

    Hi thank you so much sir, The themes of TTKBootstrap do not apply to a second window opened from the first one.

  • @opemipodurodola
    @opemipodurodola 10 หลายเดือนก่อน +2

    About time

  • @mayorc
    @mayorc 10 หลายเดือนก่อน +14

    Looks cool, but recently after a long time using Tkinter and bimpy (Dear ImGui wrapper for Python) I switched to NiceGUI, I find it easier to customize, using QUASAR and Tailwind CSS classes. It has some limits, and sure Tkinter is a bit faster. But the power to customize things using HTML, CSS and Javascript libraries, VUE components, makes it very good.

    • @basscoversimulation3167
      @basscoversimulation3167 10 หลายเดือนก่อน +1

      I am a Web Developer, I don't understand the reason for all these, are they used to build websites?....I know tkinter is used to build desktop applications.

    • @mayorc
      @mayorc 10 หลายเดือนก่อน +1

      ​@@basscoversimulation3167 NiceGUI is built on top of FASTAPI, it can be used to create both LOCAL apps running on your localhost, and Web Services. So in my case, it's a better deal. But think about this, there is no perfect solutions or frameworks. Every solution has some limits that in some circumstances can become dealbreakers.

  • @artaxerxes360
    @artaxerxes360 10 หลายเดือนก่อน +8

    This looks way better than customtkinter project

  • @timthegreatone
    @timthegreatone 3 หลายเดือนก่อน

    Beautiful

  • @putgun
    @putgun 10 หลายเดือนก่อน

    Hi there: I have encountered problem of "ValueError: embedded null byte" while I clicked calendar in episode: Date Entry. The error message showed that Date entry text does not match %x. Could you help me out? Thanks!!!

  • @saberalavy6383
    @saberalavy6383 6 หลายเดือนก่อน

    really nice 🙏

  • @efraildokme
    @efraildokme 4 หลายเดือนก่อน +1

    why python doesn't use drag and drop tecnology on devoloping user interface.

  • @EinarBordewich
    @EinarBordewich 9 หลายเดือนก่อน

    After installing tkbootstrap and trying you first example i got this error: "unsupported locale setting" and it refers to line 626 in a file "locale,py" with the function "setlocale return _setlocale(category, locale)" - How can I fix this in windows?

  • @henrikstornblom
    @henrikstornblom 10 หลายเดือนก่อน

    This video was COOL 😎

  • @user-qj3ot2ii9d
    @user-qj3ot2ii9d 7 หลายเดือนก่อน

    Hello! Please help me how to correctly solve the administration problem, for example, use Python,QT, PostgreSQL. Please recommend an algorithm for organizing an access level for adesktop application where different interface components are included in different access classes, and when a new user is added, he will be included in one of these classes, and for him there will be Only components that are included in this access class are accessible. The question is, in order to implement this, what algorithm can be supported, or if there is documentation that can help resolve this issue. Thank you very much in advance!

  • @ddjazz
    @ddjazz 7 หลายเดือนก่อน

    In the first example the label has alternating text , but no timer is used , still it averages about 2/sec how does that work?

  • @0xBerto
    @0xBerto 5 หลายเดือนก่อน +1

    But, can you show packaging this and exporting as an executable to be installed cross-platform? Because I haven’t gotten Pyinstaller to work… ever hahahha

  • @jcourt2006
    @jcourt2006 8 หลายเดือนก่อน

    Hallo Good course and Notice you like the bootstyle danger. The Toast Notification section
    is not working in Microsof Visual Basic 2022.

  • @willychrosnik1925
    @willychrosnik1925 8 หลายเดือนก่อน

    Is there a way to get live preview while coding for ttkbootstrap?

  • @RagingGamingBear
    @RagingGamingBear 7 หลายเดือนก่อน

    is there a way that i can use tkinter to make hotkeys, or to activate a button etc that the user can change to what they want?

  • @kameleltohamy
    @kameleltohamy 10 หลายเดือนก่อน

    Kivy stands out

  • @BrianGarside
    @BrianGarside 7 หลายเดือนก่อน

    How do you control the layout of the widgets?

  • @TomKnudsen
    @TomKnudsen 8 หลายเดือนก่อน

    FYI.. You do not mention how to change fonts in ttkbootstrap checkboxes. For some reason it produces an error when font= is applied as you would in tkinter

  • @cjstewart4024
    @cjstewart4024 10 หลายเดือนก่อน +2

    Getting this error at 1:24:00,
    "AttributeError: module 'PIL.Image' has no attribute 'CUBIC'. Did you mean: 'BICUBIC'?"
    I had to go into the library and change that line from Image.CUBIC to Image.BICUBIC.
    The path is "./.venv/Lib/site-packages/ttkbootstrap/widgets.py" and was on line 856.

    • @mirkoruhl9324
      @mirkoruhl9324 10 หลายเดือนก่อน +2

      Seems like it was from a recent update of PIL. Should be fixed itself anytime soon

    • @jaminsurqhart8892
      @jaminsurqhart8892 10 หลายเดือนก่อน +1

      In the meantime add this to imports:
      from PIL import Image # until ttkbootstrap (currect 1.10.1) is fixed for
      Image.CUBIC = Image.BICUBIC # depreciated CUBIC in PIL, we need these two lines.
      Got this from stackoverflow..

    • @rafaelgranado4168
      @rafaelgranado4168 10 หลายเดือนก่อน +1

      Today is your lucky day friend. Click on the Meters class and go to the definition, then find "CUBIC" and change it to "BICUBIC"

  • @Lunolux
    @Lunolux 10 หลายเดือนก่อน

    thxx

  • @Ravi-pe9oi
    @Ravi-pe9oi 10 หลายเดือนก่อน

    Sir please teach you how to make an responsive navbar with right corner hamburger and icon using ttkboostrap

  • @akhilnautiyal1544
    @akhilnautiyal1544 7 หลายเดือนก่อน

    There is one another video on tkinter,
    which video should i learn from?

  • @johncongerton7046
    @johncongerton7046 7 หลายเดือนก่อน

    it looks to me like the style configure at 34.03 changes the success.TButton from there on, so that subsequent use picks up the changed font. my_style is unreferenced

    • @kostaskiritsis6558
      @kostaskiritsis6558 หลายเดือนก่อน

      I 've got the same trouble to my app. Here it looks also that there are not separators between the column headers. Actually there are but are invisible!!! Please ms Elder is there any solution to that?

  • @MohammedAbdulsayed
    @MohammedAbdulsayed 4 หลายเดือนก่อน

    I have this error that says tk.tcl error unkown option...
    So in general bootstyle is the issue but when I use button also font is unkown option. So how to solve it.

  • @philippfarag
    @philippfarag 3 หลายเดือนก่อน

    the bootstyle doesn't work on the labels of the other extra window i open, for example about window :(

  • @mofear4874
    @mofear4874 5 หลายเดือนก่อน

    is the "watch later" feature gone? I can't find the icon anywhere from the browser

  • @exploring_world4353
    @exploring_world4353 6 หลายเดือนก่อน

    How do you add a logo to the title using Tkinter? Could you please help me with this?

  • @rasiyanin
    @rasiyanin 4 หลายเดือนก่อน +1

    3 hours to create simple GUI form with 6 buttons? Why when exist Delphi or the same?

  • @StarMovies-HD_
    @StarMovies-HD_ 10 หลายเดือนก่อน

    Please make video on Reverse engineering

  • @mirkoruhl9324
    @mirkoruhl9324 10 หลายเดือนก่อน

    I get this error trying to declare that variable from 21:28
    "Traceback (most recent call last):
    File "C:\Users\**\ttkbootstrap\main.py", line 22, in
    var1 = IntVar()
    ^^^^^^
    NameError: name 'IntVar' is not defined"

    • @mirkoruhl9324
      @mirkoruhl9324 10 หลายเดือนก่อน

      Fixed it.
      I had to change *var1 = IntVar()* to *var1 = tb.IntVar()*

  • @ROKKor-hs8tg
    @ROKKor-hs8tg 6 หลายเดือนก่อน

    How can any graphical interface be used in Google colab

  • @PANDURANG99
    @PANDURANG99 10 หลายเดือนก่อน +1

    is it easy to convert into exe or deploy

    • @harminoffendl
      @harminoffendl 10 หลายเดือนก่อน +1

      While Compiling to exe is easy in python, getting the exe signed is not (it's expensive), and because of that makes deploying not great and will trigger most anti-virus.
      Depending on what you are doing, Godot might be a good option to create a gui app!

  • @monuthakur7649
    @monuthakur7649 10 หลายเดือนก่อน +1

    Which ide used in this course?

    • @TkinterPython
      @TkinterPython 10 หลายเดือนก่อน +1

      Just sublime text and the Git Bash Terminal

  • @iraf.official
    @iraf.official หลายเดือนก่อน

    😎😎👌👌

  • @jorge1869
    @jorge1869 10 หลายเดือนก่อน

    I can't not run it on macbook M1, it gime this error: "locale.Error: unsupported locale setting"

    • @TkinterPython
      @TkinterPython 10 หลายเดือนก่อน

      tkinter and ttkbootstrap run fine on mac, you must have done something differently from the video...

    • @jorge1869
      @jorge1869 10 หลายเดือนก่อน

      @@TkinterPython I fixed it

  • @_Sparrowsky
    @_Sparrowsky 2 หลายเดือนก่อน

    Nice but you don't have to run project in cmd. Ctrl+B in SublimeText works ;)

  • @aloobikano794
    @aloobikano794 6 หลายเดือนก่อน

    @02:45:38 the lin for TREEVIEW not working😢

  • @JokerPandaaOfficial
    @JokerPandaaOfficial 10 หลายเดือนก่อน

    I have one doubt anyone explain is this skill is worth ? Can i get job from this skill or its just a waste of time

  • @spanishflare
    @spanishflare 10 หลายเดือนก่อน

    Furst comeentt🎉🎉🎉

  • @BeanCoffeeBean
    @BeanCoffeeBean 10 หลายเดือนก่อน

    Sublime Test Unregistered xD

  • @imbadatcod7208
    @imbadatcod7208 10 หลายเดือนก่อน

    any chance at a FLET course? since Tkinter is kind of outdated

    • @TkinterPython
      @TkinterPython 10 หลายเดือนก่อน

      Not outdated anymore, because of this library.

    • @imbadatcod7208
      @imbadatcod7208 10 หลายเดือนก่อน

      Cool, but you cannot make android , iOS, desktop and web apps with just one codebase like with FLET, which is kind of new still and currently being developed

  • @manishsharma-ri6bf
    @manishsharma-ri6bf 10 หลายเดือนก่อน

    🎉🎉🎉🎉

  • @amyn86
    @amyn86 8 หลายเดือนก่อน

    the problem it look horrible in windows .. 7 8 and and i want my app to look awesome in all OS..

  • @Mhmhind
    @Mhmhind 10 หลายเดือนก่อน

    Using C++?

  • @SomeTechGuy666
    @SomeTechGuy666 10 หลายเดือนก่อน

    You should do a course on using Qt and QtCreator. Much better than Tkinter.

    • @filipemtx
      @filipemtx 10 หลายเดือนก่อน

      It's paid. 300+ dollars a month, or you have to open your code.

    • @SomeTechGuy666
      @SomeTechGuy666 10 หลายเดือนก่อน +1

      @@filipemtx Only for applications that get sold commercially.

    • @freecodecamp
      @freecodecamp  10 หลายเดือนก่อน +3

      Here is a course about how to use Qt for Python using PySide6: th-cam.com/video/Z1N9JzNax2k/w-d-xo.html

  • @arturosaavedra7198
    @arturosaavedra7198 10 หลายเดือนก่อน

    PONGAN TRADUCCION AL ESPAÑOL POR FAVOR.. NO SE MUCHO INGLES Y ME CUESTA MUCHO SEGUIRLOS.

    • @jorge1869
      @jorge1869 10 หลายเดือนก่อน +5

      Aprende inglés.

  • @user-jn2ov4pd1x
    @user-jn2ov4pd1x 10 หลายเดือนก่อน +2

    Python how to make Round Modern Button in less than 5 minutes 2023

  • @tigidou3344
    @tigidou3344 5 หลายเดือนก่อน

    TKinter always missing manager for system tray. Huge lack.

  • @Gameplay-st7ve
    @Gameplay-st7ve 4 หลายเดือนก่อน

    is ttkbootstrap safe ?

  • @mh-tr5fb
    @mh-tr5fb 10 หลายเดือนก่อน +3

    Isn't tkinter obsolete?

    • @TkinterPython
      @TkinterPython 10 หลายเดือนก่อน +1

      obviously not lol that's the point of the video. TTKBootstrap makes it modern.

    • @lmnts556
      @lmnts556 10 หลายเดือนก่อน

      @@TkinterPython I found that tkinter sometimes flicker when dragging it around or switching back to it. Does that also happen with ttkbootstrap?

    • @TkinterPython
      @TkinterPython 10 หลายเดือนก่อน

      @@lmnts556 No, Tkinter doesn't do that. That was an issue with your computer and/or display settings.

    • @lmnts556
      @lmnts556 10 หลายเดือนก่อน

      @@TkinterPython It does not happen when I drag it anymore but it does happen if I minimize it or maximize it over and over quickly, does not happen to other GUI. I'll try to see if the same thing happens to ttkbootstrap.

    • @TkinterPython
      @TkinterPython 10 หลายเดือนก่อน

      @@lmnts556 why would you ever min and max it over and over quickly? Just don't do that.

  • @zoenagy9458
    @zoenagy9458 10 หลายเดือนก่อน +1

    this is tedious, what about UI editor?

    • @lmnts556
      @lmnts556 10 หลายเดือนก่อน

      Even with QTdesigner and stuff like that you'll need to know some code. Most of them usually create too much code and you have to edit it anyway. Also with QT you have to pay for it to use it, which is BS.

  • @ysmerde2933
    @ysmerde2933 10 หลายเดือนก่อน

    If you a beginner unless you have a project in mind don’t do this course instead do front end if you already did do something more advanced have a good day

  • @spanishflare
    @spanishflare 10 หลายเดือนก่อน

    Hello

  • @WarriorRev11
    @WarriorRev11 10 หลายเดือนก่อน

    Is it me or the guy in thumbnail looking like gigachad.

  • @savilathsamounty5186
    @savilathsamounty5186 10 หลายเดือนก่อน

    🎉

  • @AwkwardTruths
    @AwkwardTruths 2 หลายเดือนก่อน

    Python Gui

  • @samuelpope7798
    @samuelpope7798 6 หลายเดือนก่อน

    Any tkinter executable I make is seen as a virus. Across multiple machines and various different antivirus software. I think a web app makes more sense . Just as slow as tkinter but way more cross platform. And you can still use not only bootstrap but bootstrap with sass. If your program really is so demanding that a modern browser truly cant handle it you really should consider something in Rust or C++. Plenty of good cross platform GUI options available for those.

  • @justheretocomment6410
    @justheretocomment6410 5 หลายเดือนก่อน

    How exactly is this easy lol? Visual Basic had a GUI designer that was EASY. Sure wish that type of GUI builder was included in the base Python installer.

  • @iraf.official
    @iraf.official หลายเดือนก่อน

    2024.

  • @user-ck1gv9yt9x
    @user-ck1gv9yt9x 5 หลายเดือนก่อน +14

    Imagine calling tcl/tk "modern"

  • @fomofilter
    @fomofilter 5 หลายเดือนก่อน

    Cant add ttkbootstrap to anaconda?

  • @samuelallen1402
    @samuelallen1402 5 หลายเดือนก่อน

    You take up too much real estate for viewing on a phone

  • @basicguy5785
    @basicguy5785 5 หลายเดือนก่อน +2

    Tkinter and modern do not belong in the same sentence.

    • @lumos758
      @lumos758 5 หลายเดือนก่อน

      😂😂

  • @andylem
    @andylem 5 หลายเดือนก่อน

    I stopped watching after import *. I thought this channel posts professional videos. I was wrong

  • @bvds2007
    @bvds2007 6 หลายเดือนก่อน +1

    I miss professional GUI standards. Nowadays most GUI’s look like crap and have terrible usability. Unfortunately most book/tutorials/video on Python GUI framework usually ignore proper design principles.

  • @v2ike6udik
    @v2ike6udik 9 หลายเดือนก่อน

    2:38:09 great suckess

  • @professorx9932
    @professorx9932 10 หลายเดือนก่อน

    import _tkinter as tk
    m = tk.Tk()
    m.title('test')
    button= tk.Button(m, text= 'test', width = 25, command = m.destroy)
    button.pack()
    m.mainloop()
    Very basic but for some reasons says:
    Traceback (most recent call last):
    File "/Users/Leo/Library/Application Support/JetBrains/PyCharmCE2020.2/scratches/scratch_11.py", line 2, in
    m = tk.Tk()
    AttributeError: 'module' object has no attribute 'Tk'