Create GUI App with Tkinter - Part 2

In this step by step tutorial we will upgrade our existing PDF Extract Application from Part 1, and extract images from a given PDF file rather than just its' text.
If you haven't had a chance to view Part 1 yet, I highly recommend to click on the link below and get up to speed:
kzbin.info/www/bejne/n6W1fYWcqrGShrM
For this project, you'll need to download a new set of starter files:
github.com/MariyaSha/PDFExtract
You don't have to use my test files, but make sure you're selecting test files that include BOTH an image and a text character. If only one of these exists - then your app might not behave as expected.
Tkinter Documentation:
docs.python.org/3/library/tkinter.html
Code for Extracting Images from PDF Files - Solved by Sylvain on Stack Overflow:
stackoverflow.com/questions/2693820/extract-images-from-pdf-without-resampling-in-python
************************************************
⭐⭐⭐ Time Stamps ⭐⭐⭐
************************************************
1. INTRO:
00:00 - Introduction
00:54 - Starter Files Walk-through
04:01 - Designing Wireframes
************************************************
2. CREATING AND PLACING WIDGETS
05:30 - Create Frame Widget and Place it on the Grid
07:59 - Create Button Widget
09:18 - Place Button Widgets on the Grid (inline)
10:39 - Discussing the Image Menu on Row 2
11:04 - Create a Frame and Text Widgets
12:32 - Create Icon Button Widget
15:09 - Align Buttons with the Sticky Property
16:04 - Extract and Display Image
19:07 - Resize Displayed Image
22:44 - Organize Code
************************************************
3. ADDING CALLBACKS AND FUNCTIONALITY
24:10 - Copy Text Button Functionality
26:54 - Save All Images Button Functionality
30:24 - Convert Images to RGB Mode
31:15 - Save Displayed Image Button Functionality
33:35 - Dynamically Change the Displayed Image
************************************************
4. LAST TOUCH-UPS
40:01 - Clear Global Variables for Each New PDF File
41:38 - Hide the Currently Displayed Image for Each New PDF File
41:58 - Clear Global List of Images for Each New PDF File
42:38 - Left Arrow Button Functionality
44:05 - Dynamically Change the Text of a Widget with StringVar()
47:18 - Thanks for Watching!
************************************************
On another note, this was one of the most difficult projects to build as Tkinter was misbehaving each step of the way!!! 😵😵😵
If you guys are running into any issues with understanding the code or some of the processes - please let me know!! We can do a live session where I answer questions regarding this project, and of course keep an eye on my Gihub for new commits or resolved issues:
github.com/MariyaSha
Connect on Linkedin:
www.linkedin.com/in/mariyasha888
Follow on Instagram:
mariyasha888
#python #pythonprogramming #pythontutorial #pythonlesson #learnpython #tkinter #gui #tkintertutorial #guitutorial #pypdf2 #extractimages #pdf #programming #coding #stepbystep #tutorial #codealong

[@ihak070]

But if we open a pdf file without any images, it will throw an error (of course..).. how can I prevent that?

[@PythonSimplified]

You'll need to add a conditional statement checking if images exist on the page inside the extract_images() function - if they don't exist on the page maybe try to return a blank white image instead so it doesn't break the rest of the code... sorry, it was already a 47 minute video so I decided to keep the rest of the detail for another time 😅

[@ihak070]

@@PythonSimplified What do you apologize for, for this awesome video xd? Of course you can't do all the details at once, just wanted to ask.. I tried to add some else statements at the extract_images() function but it goes always out of the range (IndexError). The error is in the following line: "img = images[image_idx[-1]]". We are selecting the last image and if I open a pdf without any images, this error occurs. Somehow I understand the problem but I don't know how to fix it.

[@PythonSimplified]

@@ihak070 that's exactly where the blank image kicks in! 😉 Try adding the following lines of code inside your else statement: img = Image.new("RGB", (100, 100), (255, 255, 255)) images.append(img) This should do the trick! 😀 Just make sure that you're referring to the else clause of: if '/XObject' in page['/Resources']: You can also turn this into a transparent image by adding an alpha value (opacity). I hope I'll have some time in the evening to revise the code and add this handler to PDF files with no images, I'll get to give it a try myself... good luck and let me know if it worked out! 😊

[@ihak070]

@@PythonSimplified Thank you so much it worked! :)

[@PythonSimplified]

@@ihak070 yeeey!! I'm glad I could help! Thanks for letting me know! 😁

[@baconsledge]

Thank you for more Tkinter! Love all your Python vids.

[@PythonSimplified]

You're welcome Bob! 😁😁😁 I'm glad you're enjoying my videos! 😊

[@scoobysnacks5028]

Great content and teacher, congrats! I had this channel recommended by yt. Keep up the good work.

[@PythonSimplified]

Thank you so much Scooby Snacks! 😄 Really glad you stumbled upon my channel, welcome aboard! 😊

[@blu7946]

Wow, this video was incredibly helpful and easy to follow, thank you so much for taking the time to put it together! 🙏

[@GabrielSilva-oq5np]

Que incrível... passei semanas pensando em uma forma de fazer algo parecido e estava bem perdido. Muito obrigado! Que aula maravilhosa. Abraços do Brasil.

[@Nervosa80]

You are a truly wonderful and informative Pythonista. I’ve been coding Python for a while and have written many scripts detailing the logic of various apps. I’ve been trying to find time to learn a graphical interface library such as tkinter , Kivy or Qt to take these apps from their frameworks to an attractive user experience. I found your videos and I was putting my apps together in no time at all. Thank you, so very much. Please keep teaching. You’re brilliant and talented and I will be watching for more. Luv you♥️. 🤜🤛

[@PythonSimplified]

Wow! I'm still blushing from your previous comment- and now this??? 😀 Thank you so much Josh, it's a great pleasure reading your messages! I'm really happy to see you're finding my tutorials useful 😁 Just wait until you see the PyQt5 project! I've started it 2 days ago and right now it's over 90% built - it's much much more efficient than Tkinter and I can't wait to share how easy it is to work with!! so stay tuned for next week! 😎

[@nohphd]

Six months ago I shelved a hobby project that required image extraction from PDFs as too complex (at that time). Tonight the problem looks like it’s resolved thanks to your expertise and generosity. Time to start thinking of the project again! Thank you!!!

[@PythonSimplified]

Image extraction from PDFs is far from being an easy task - I struggled quite a bit with it myself 😅 The mystery was solved after reading this Stack Overflow thread (Sylvains answer): stackoverflow.com/questions/2693820/extract-images-from-pdf-without-resampling-in-python But then displaying them on the interface with Tkinter was another nightmare!!! hahaha 🤣 Anyhow, I hope you find here exactly what you were looking for to complete your project- good luck and let me know how it turned out! 😊

[@MrNealJenkins]

Great Content. Don't ever stop! Perfect Speed and presentation!

[@Winter-vl6oc]

yessss thank you so much for this, love your explanations and pace with the tutorials

[@PythonSimplified]

Thank you Winter24!! I'm glad you're enjoying my tutorials! 😁😁

[@melellington1333]

An amusing look back at user interface design in the 1980s. It reminds me of my old Macintosh 30+ years ago. Anyone who uses Tkinter must love that nostalgic look.

[@Nervosa80]

Wow Mariya! So, I subscribed and I looked back at some of your other Python videos. And just... wow! I have been wanting to learn beautiful soup as I’m really interested in scraping data from the web and yeah after the gui lessons I’ll be binge watching your episodes on those topics next. Thanks, dear. I mean it.

[@PythonSimplified]

Thank you so much for the amazing feedback Josh, I'm really glad you're enjoying my videos! 😁😁😁 Check out the Mechanical Soup tutorial before you dive into Beautiful Soup though, it's much more intuitive to use and I have a feeling you'll like it better 😉: kzbin.info/www/bejne/mqOnlZVngqd1nKs

[@kabilansundaram5411]

Thank you. Now the font size is visible on mobile phone. Even the explanation of code is excellent for a beginner like me. Thanks again.

[@norvigosracing6948]

Thanks for the part 2. I was waiting for it.

[@PythonSimplified]

You're welcome! enjoy! :) and thank you for the patience! 😁

[@norvigosracing6948]

@@PythonSimplified :)

[@granumuse7847]

Really bright and methodical!!! Bravo!

[@bineeshkandoth8353]

I love the way you present. Subscribed now. Waiting for more videos

[@PythonSimplified]

Thank you so much Bineesh! 😀 the next video will be posted on Tuesday! 😉

[@anushi65]

you are the best teacher i ever seen thanks

[@cybetica]

Hi, Great vlog, very useful! Looking forward to more videos ;o) BTW, instead of the image counter in save_all(images) function, you could use enumerate() in the for loop, eg "for count, i in enumerate(images):", then you wont need the counter lines.

[@septimusseverus252]

Glad I found this channel, keep up the great work.

[@PythonSimplified]

Thank you so much! 😁

[@devsauce]

Great detailed tutorial 🔥 I can only imagine the amount of time that went into editing it. Had to do as detailed tutorial for work at one stage and I must have spent more time editing, than writing the code.

[@PythonSimplified]

Thank you so much for appreciating the hard work Dev Sauce! 😁 I've filmed it on Monday and I finished editing only Saturday morning, this tutorial has tormented me like never before 🤣🤣🤣 Judging by all the lovely comments, it was worth it, but no more Tkinter for me sir!! 😄

[@TheJacklwilliams]

@@PythonSimplified HA! So I have to ask? Is Kivy your choice of front end? Aka, what do you choose to use when it's your choice?

[@PythonSimplified]

@@TheJacklwilliams for desktop applications in particular I'd go for KivyMD! so far it's my favourite both in terms of design and simplicity 😀

[@TheJacklwilliams]

@@PythonSimplified THANKS MARIYA! I also have to say you get FIVE GOLD STARS for your responsiveness to your “students”! :-) It’s readily apparent your commitment to your audience and your channel! MANY THANKS!

[@rdezain3849]

Fantastic , Thank You Mariya

[@pensando_positivo]

I learn a lot with your videos... thanks for sharing your knowledge

[@dheerajchouhan2729]

Thankyou very much, it is really nice video for me for practicing Tkinter GUI also help me a lot to understand new concept. love from India

[@alfredomolina2697]

You are amazing, beautiful and helped me to make a GUI mor nice with this video.

[@Henry_Nunez]

.Hi friend. Thanks for your wonderful video. Here I wait for the next video. Greetings from Venezuela

[@klasr5837]

Best recommended video i got today from yt

[@PythonSimplified]

That's awesome! thank you! 😀

[@noeldoller2958]

thank you for being an excellent teacher

[@samuelmoscoso251]

Very nice, thank you!

[@DecalGaming]

amazing tutorial! thanks for this

[@PythonSimplified]

Thank you! 😃

[@f-tiergamer3461]

First.. nice vids. Good job.. i did learn a few a things.. just wanted to show you one thing save_btn = Button(root, text="save image", font=("shanti", 10), height=1, width=15) ... ... save_btn.grid(row=3, column=2) can also be simplified to save_btn = Button(root, text="save image", font=("shanti", 10), height=1, width=15).grid(row=3, column=2) i guess its really left up to personal preference. I just choose to try to avoid having to type repetitive labels.

[@MAAAX2211]

Thank you very much very helpful video love your explanation

[@PythonSimplified]

Thank you so much for your lovely comment Nasser! 😀

[@shinymp7691]

Wow . Nice video btw !!

[@jz453]

boom, here we see the beautiful lady. she is sharing knowledge on the the GUI. I learn how to get my first GUI app. Thank you!

[@igortomasloriente]

Super! Love you!

[@karandhuri2]

Congrats for 12K Subscribers. ❤️

[@PythonSimplified]

Thank you so much Karan!!! I still can't believe it!! 😀😀😀

[@abdellatif.x8127]

@@PythonSimplified hhh now it's 20.7K amazing maria

[@adityanair7342]

and now 49.7K in no time!

[@pedroalvarez-ji6xp]

Que genia que sos!!!! Saludos desde Argentina, grosa total!!!

[@PythonSimplified]

Muchas gracias Pedro!! 😁😁😁 Saludos desde Canadá! 🍁

[@pedroalvarez-ji6xp]

@@PythonSimplified Sos latina? Jajajaja muy buenos videos. Seguí así, una gran ayuda para la gente que quiere aprender. Abrazo.

[@pr00009]

woman you are a literal goddess and a godsend

[@Roboticanaveia]

I would like to see your tkinter lessons organized in a playlist Eu gosto muito do visual dos seus layouts (translating)......I really like the look of your layouts

[@AidenStudio-bb2ex]

thanks for the idea

[@bbowling4979]

Thank you so much for these videos. They've been very helpful. I see that you've also used Qt for a GUI. Which do you prefer?

[@stan55ish]

thanks for greate tuition

[@ajitegar7738]

amazing sis

[@ahmedalqershi1245]

Thank you for the awesome tutorial. One quick question, how do I add more windows to the application rather than just having one window (the root)?

[@pixelartcba]

Thank you for sharing!!!

[@PythonSimplified]

But I didn't share it yet, it's still unlisted! hahaha Hold on I'm about to add all the files to Github and get everything done and posted! 😉

[@pixelartcba]

​@@PythonSimplified hahaha is true. But i say thank you for make video!!! I'm from Argentina and I dont speak good english, but i understand all the video, is great!!!.

[@Paul-ly1pw]

Great video. Is it possible to create multiple pages using buttons to navigate but to use the grid setup to place everything?

[@dierkzehe5512]

Have you thought about separating the logical parts like images or contents to own classes? You could use for example the Classes Images (that handles all the images), Image, Contents and Content. I think this could help to organize the code and shorten the function names. images.getCurrentImage.save() or images.saveAll() could be some calls then. images.saveAll() could iterate over self.images and call the save()-Method for each Image Instance in this list.

[@ImperiUNO]

Thank you... go Mariah

[@58slewins31]

excellent, thanks.

[@zer0sec901]

Excelent!!

[@anshrathod]

Wow new pc is awesome

[@PythonSimplified]

I told you it's a beast!!! 😉 I'm waiting for the last accessory to arrive and then I'll share the top secret specs of it! 😁😁😁 I'm blaming the long wait on Canada Post!

[@ExcelyPunto]

Thank you lady...

[@MrUzair-bw3cg]

Thanks to give me information about thinter

[@PythonSimplified]

You're welcome, I hope it helps! 😃

[@pitass82]

beautiful, will b doing gui for robot in tkinter acc to yr example ..inspirated me

[@fredrikbergquist5734]

Love this tutorial, comprehensive and easy to understand! One thought is that some of this code should be able to be generated from a layout program for Tkinter like I believe you can find for QtPy. Are there anyone that knows of such a program?

[@vicu2805]

Thank you.

[@PythonSimplified]

You're welcome Vic! 😃

[@datawolk]

Is there some feature that can get the system default light scheme? Like dark mode and light mode?

[@joevinso9907]

awsome!

[@PythonSimplified]

Thank you! 😊

[@GarryRowberry]

Great pair of tutorials, just what I was looking for. My OCD is kicking in and I'm trying to resolve the menu items moving when the images go from portrait to landscape and back. Demo file "test_pdf1.pdf"

[@adada4u]

Thank you for your excellent tutorial @Python Simplified. I have a little problem👇👇👇 I get the error below when I try to upload the PDF file in the starting folder: File "C:\Users\Adada\PycharmProjects\Tkinter -- Project\functions.py", line 41, in extract_images data = xObject[obj].getData() AttributeError: 'EncodedStreamObject' object has no attribute 'getData'

[@cforcreativetech1152]

Great🌹🌹

[@mohammadislam9305]

Awesome! but, Instead of copying the text, how can we just directly save the content form the text box/frame (like the way you saved the images)

[@AlexanderMiss]

I love your videos. Can you make videos with GTK? Thank you!!

[@roberthowell7245]

Are you able to make wimdow sizes and coordinates for elements responsive?

[@aristideregal]

Great!

[@PythonSimplified]

Thank you! :)

[@ShafqatRaza]

Great work ! you should use Handbreak to compress video

[@PythonSimplified]

Thank you so much Shafqat! 😀 I'm a huge fan of open-source software! However, I'm using Adobe Suite for all my video + graphic stuff, so if I'm already paying for it - I might as well use it! 🤣

[@nehalkalita1]

Hi I tried to open some documents which contains both images and texts but I was getting the following error: selected_image = display_images(images[img_idx[-1]]) Can you (or anyone) please let me know how to fix it?

[@msvisoko9105]

Add a: elif not file: under the very end of def open_file() function, if you press cancel button in open file dialog, it stays in '"loading" status instead of browse status: elif not file: browse_text.set("Browse") Great guide, thx for helping us to learn :), subscribed :)

[@halalmeatshophk]

i have been searching on the internet but couldn't find it yet. it is how to just display the first page of a PDF file in a tkinter frame or label ? i assume it should be very simple, right ?

[@ordaflash]

Hello, thank you so much for this tuto, i have one issue : with some pdfs, i get this error : NotImplementedError: unsupported filter /DCTDecode Can anyone help me please !?

[@sivafx]

Awesome as always..❤️ from India.. looking for django tut

[@PythonSimplified]

Thank you so much Sivafx! 😁 Django sounds like a plan! I'll start thinking about project ideas! 😉

[@joxa6119]

Felt my Python learning is meaningful now.

[@richeesk]

hi, thank you for the video, have a question, how to make an app installer

[@safeeksafeek8902]

It was very helpful but there were two errors in your video the first was that if won't work if you make a pdf with PowerPoint, and if you take a pdf with no image there sometimes might be a problem...

[@joecox9958]

Veer nice course thanks!. User get to - under w10: pip install PyPDF2 and pip install Pillow, and demo would add window [x] button?

[@willtech002]

@Python Simplified @Python Simplified Please which is the best to learn dear pygui or Tkinter. I want to delve into software programming/creating GUIs, I want to know the one you would advise me to start with

[@eduardokiriakos6255]

Hello Maria! I love your videos, they are so easy to follow. Thanks you very much for the time! I'm working on a tkinter app and i need to do it executable, any recommendation? I saw some comments about it and seems kind of IMPOSSIBLE! What do you think? :(

[@eduardokiriakos6255]

Executable in Windows!

[@jacekk9618]

I love ur collar on the neck

[@nareshkumar2008]

Super

[@SuperFirstSerg]

Hi, I can't find the correct functions package therefore I can't use the methods " display_logo, display_textbox, extract_images"

[@akcandlestick8948]

Thank you for Tkinter! maam pls also make youtube video of how can we use regional language fonts (Devnagari or Gujarati) in Entry Widgets in tkinter gui python

[@kickbackprogrammer2253]

How can you get a button to show up on a transparent background?

[@KJ7JHN]

What android runtime would you recommend for python 3.6?

[@whoami2389]

why don't you use photoimage() for the button to make the button image

[@colonel7459]

Can u show us the PyHook module, please?

[@CH-tw7wb]

It would be great if you do some DS&A or automation tutorials in Python.

[@PythonSimplified]

I do have a bunch of automation tutorials! 😁 They're mostly in the subject of Web Scraping, however you can apply the same principles for other purposes as well. Checkout my Facebook Image Gallery Scraping bot: kzbin.info/www/bejne/iaS7lKylmtuejJI Or both my Webscraping Instagram with Selenium bots on Github: github.com/MariyaSha/WebscrapingInstagram Or my Commenting Bot live webinar with We Are Growth hackers if you prefer a video: kzbin.info/www/bejne/jp-omImQqL-amdE (I told you a have a bunch hahaha 😅) I hope it helps! ☺

[@nilesh5822]

Tysm

[@PythonSimplified]

You're welcome, enjoy! :)

[@Knipp1000]

Wonderful Video. Good Job! :) I got a ValueError message after the 'extract_images' def. "Not enough image data". What can I do to solve this problem?

[@ilyasschah]

can u pls tell the name of the application that u have used to design your application before start codding it 6:52

[@user-kk6yv9kv4e]

Please make more projects on tkinter

[@user-mr1ji3ge9s]

I have ideas for new app but I need help

[@Drone_Achayan]

Hi. Could you do a pdf comparison video. It would be a great help for my project 🌝 . I created a GUI with browse and compare buttons by following your videos. I managed to read pdf files too but I got stuck in comparison part .

[@Drone_Achayan]

How to define comparison function and where to put it. Inside openfile() function or seperately? #noobhere

[@enosjonathanraharja5133]

is there anyway to integrate this with pandasgui?

[@longtruong9935]

thanks, could you share the finish code github?

[@spliffpay]

Whre to download the wirframe youre using?

[@andromydous]

I've looked over this quite a few times, but I still get the same basic 4 errors: in extract_images data = xObject[obj].getData() in open_file images = extract_images(page) in browse_btn = Button(root, textvariable=browse_txt, command=lambda:open_file(), font=("Raleway", 12), bg="#20bebe", fg="white", height=1, width=15) in __call__ return self.func(*args) *Note that I typed the errors in reverse order.

[@adada4u]

I get the same error in data = xObject[obj].getData()

[@andromydous]

@@adada4u I know I shouldn't let it, but this one project is really beating me down. In Eclipse (Java), I've never had to deal with import problems. I want to learn Python. However, this project is making me feel incompetent. Doesn't help that I can't seem to find the answer. I've even went the route of installing Anaconda.......which now I have a problem with the PyPDF2 import. *edited: I figured out the import, but still having the same 4 errors I listed.

[@adada4u]

@@andromydous Don't beat yourself down over this. Bugs are an integral part of every programmer's life. Programmer's arguably spend more time googling solutions to their bugs than on anything else. It's part of the learning curve. It doesn't make you bad at programming.

[@ryanj2747]

@@adada4u you might have to update PyPDF2 to the latest version

[@richarddiaz9930]

Really thank you very much I’ve been working on my buttons for a while on my raspberry pi I triple dog dare you get a raspberry pie you won’t go back to your computer ever again lol

[@rahmspinat]

I tried that kind of monitor twice. Threw it out thrice or smth

[@raghavbabbar2330]

what is this Wireframes... i searched in google but not understood. Btw that was a nice and simple explanation of code so thankyou.

[@nickheyer]

As smart as she is beautiful! That being said, I would love some more in depth explanations as to why we are typing some of the things we are typing. I didn't feel like I was learning much when being told to "type this", but not why to "type this". It could just be me though!

[@PythonSimplified]

Thank you Nick! It's not just you - it's me not having patience for Tkinter 😜 and to be honest - 45 minute worth of video is already a bit too much 😅 Check out my other GUI tutorials, (Kivy and KivyMD in particular) they're much more detailed and well-explained and the other libraries are a thousand times better anyways! Tkinter looks a bit like it was created for Windows XP 🤣

[@nickheyer]

@@PythonSimplified I will certainly check out your tuts on Kivy. I too felt like Tk was a bit Windows98'esque, but I assumed that I just hadn't developed the proper design skills yet to make it not look like that.

[@satishkamble673]

Maam I have two question. 1] I want to create a table in pdf wich will take text from our Python GUI. tell me how to create a table in pdf through Python. 2] How to make two Lableframes adjacent to each other.

[@jfrankx7]

What keyboard do you use?