Simple Python App with Kivy - Step by Step GUI Tutorial
Вставка
- Опубліковано 14 лип 2024
- Since so many of you guys have voted for Kivy Mobile App as our next GUI project - I thought it would be great to film a quick introduction to Kivy while you're waiting for the advanced project to be completed! 😁
In this tutorial, we will create a Simple Greeting App, where we collect a name and return a "Hello" greeting!
We will first place the all widgets on the interface, connect a callback function to our button and lastly we will add some styling to our app.
***********************************************
👩💻 STARTER CODE 👨💻
***********************************************
from kivy.app import App
from kivy.uix.gridlayout import GridLayout
from kivy.uix.label import Label
from kivy.uix.image import Image
from kivy.uix.button import Button
from kivy.uix.textinput import TextInput
class SayHello(App):
def build(self):
self.window = GridLayout()
#add widgets to window
return self.window
if _name_ == "__main__":
SayHello().run()
***********************************************
⭐ Timestamps ⭐
***********************************************
00:00 - Intro
00:26 - Install Kivy
02:12 - GridLayout columns
02:39 - Kivy Image Widget
03:25 - Kivy Label Widget
03:57 - Kivy Text Input Widget
04:44 - Kivy Button Widget
05:25 - Kivy Button Callback Function
07:21 - Change Window Size
08:27 - Label Widget Font and Color
09:09 - Text Input Padding and Height
10:30 - Button Height, bold text and background color
11:12 - Fix darker button background color
11:52 - Testing the App
***********************************************
Simple Greeting App Github Repository:
github.com/MariyaSha/SimpleGr...
Kivy Documentation:
kivy.org/doc/stable/
***********************************************
🐍 Install Anaconda & Python 🐍
• Install Python with An...
***********************************************
Kiwi Background image came from freepik :
www.freepik.com/free-vector/c...
Thank you very much for the beautiful graphic! 🤩 - Наука та технологія
I have never seen anybody explaining kivy python in such an interactive and short and sweet. Hats off
Thank you so much! I'm super happy you liked my explanation! 😀
By the way, I just posted the KivyMD Mobile App video I've been promising, if you want to see a sleeker version of Kivy 😉:
ua-cam.com/video/ah3JeHAfM0M/v-deo.html
Holy cow I was going to comment to say the same. Just the right fast pace.
Respect pass💯
You know what as you could explain coding very clearly and thus we could really learn and understand. Thanks a lot!
That mechanical keyboard sound is super satisfying.
does any one know which keyboard is she using?
@@driftFD most likely Alienware AW510K
This was my first introduction to Kivy and it taught me a lot. Simple implementation but great results. Thanks for the tutorial!
Thank you so much Matt!! Super happy to help! 😃
You got lucky
Glad I stumbled across your channel. You are a superb teacher, so good at explaining things in an easy to digest manner. I've watched countless tutorials but your teaching style is making things stick. Thankyou and good luck with your channel!
I am just getting into programming in general and your way of structuring code that otherwise would sit in one line is genius! Many thanks and greetings from Germany!
I like the way you presenr - does not induce sleep like so many other tutorials.
Simple, fast and nice video yet a complete introduction to Kivy. Absolutelly amazing, you rock!
I was trying to make this work following the official docs but the way you do it is so different yet much better for me coming from Javascript. This is much more familiar to me than the stuff they show in the official docs. Makes more sense.
I just got back into town and this is now my project for the day. Once I get comfortable I can't wait to modify and put together some of these projects into a bigger production. Thank you once again.
That's awesome!! 😀
Let me know how it turns out, I'm curious to see what you'll come up with! 😊
@@PythonSimplified left hanging
Super awesome video again! the pace and flow makes it very easy to follow. Kivy seems like a more appropriate GUI for simple apps than PyQt5 as it has a much more intuitive syntax I think. You also made classes a little less scary :) Thank you for expanding our horizons!!
I agree that Kivy has a more intuitive syntax
Thanks a bunch, Mariya! This is exactly the type video I was looking for to get started with Kivy! 😊
I abandoned five other tutorials before I found yours. You have helped me so much! Thank you! Subscribing!
I love your courses, it's fast and works! I had a lot of simple projects that I would like to create some interfaces as app or desktop interface, and you always give me what I need, instead of a video with 5 hours xD
Спасибо. Люблю ваши уроки!
Many thanks. You are an excellent teacher / presenter. I had been having problems with get Kivy working and you certainly helped out. MJ
Thank you very much for the class. I got to understand Kivy. Thank you very much.
Greetings from Brazil
This video was just what I was looking for! Thanks so much, really helped. Will share my project when it's finished!
Thant's awesome James!!! I'm happy to hear that! 😀
You can also upload your Kivy project on to an Android phone! I just released a tutorial on the subject, check it out if you want to find out how 😉:
ua-cam.com/video/VsTaM057rdc/v-deo.html
You explained so well that even me understood the whole video, even though my language is portuguese. You rock girl!
Yeyy! I'm so happy to hear that, Guilherme! Trying extra hard to pronounce the words in a way that everybody can understand! 😀 (especially because of my accent hahaha)
By the way, I just posted the Mobile App with KivyMD project I've been promising:
ua-cam.com/video/ah3JeHAfM0M/v-deo.html
It's such a nice library! I think you might even like it more than the regular Kivy! 😉
Obrigado, my firend! 😁
Your style of instruction is concise and enjoyable to watch. You answer any and all questions anyone might have about what you are coding immediately. No wasted words at all! I definitely will be checking out more of your videos!
As always, great tutorial, thank you so much!!
Thank you Basel, I'm glad you liked it! 😀
Wow what an explanation. Anybody not interested in programming can understand. I was going learn tkinter but this kivy library seems to be easy and less verbose. And the interface looks modern too. Thanks Maria for this video.
Absolutely fantastic teaching. Haven't programmed since I was a kid doing BBC basic.
After watching a few or you videos, I've written my own app to keep tabs of my project gadget.
Very easy to follow. You explain it all so well. Thank you
I came across your channel a couple of days ago and I found that you are absolutely brilliant at explaining things. I'm no stranger to Python but Kivy is new to me and you made everything crystal clear. Thanks for the tutorial and I hope there's many more to come. Subscription +1
Thank you so much for the incredible comment, Dave! 😃
Super happy to have you onboard! Welcome to our little (but growing) community! 😊
Thanks for all your help. Great stuff!
Great videos! I've just started using Python. This was my first Kivy-video. You make it look easy :)
This is awesome! Thank you so much! I struggle with putting my code into a GUI. I can't wait to learn more! Some videos on Python classes would be great too 🤗
Absolutely, my friend! I'm gonna post a detailed Python Classes tutorial before we move on with the Advanced KivyMD Mobile App Project! 😁
I want everybody to be comfortable with classes, as they're the only way to run Kivy (and actually the proper way to run the other GUI modules as well 😉)
And thank you so much! 😀
Can we build wtspp like apps with kivy??
Your explanations and your english are so perfect...! Thank you so much for everything you do for us! Sending hugs from Argentina! 😇
Nice video Mariya! One of the biggest advantages of Kivy is that it supports cross platform mobile app development. I used React Native in the past but found it too tiring. This looks much easier!
Great Job Mariya!!! It is nice to see tools that help us to build desktop/mobile apps and do this as easy as you showed is much better.
Thank you for speak clearly as well, it made me feel happy for understood all you were talking about.
Congrats from Brazil!!!
Thank you so much Sidney! 😁
I'm so happy you found this tutorial helpful! Greetings from Canada! 🍁😀🍁
This is really helpful considering I have a coding competition where I can only use python, I have never seen someone as educated and sweet as you explain so quickly and efficiently! Thank you so much and I must say your teaching style is amazing! (Love the slenderman part) you really helped me out! I can't say thank you enough!!!!!
Nice that you are getting to learn Kivy, can I ask if you have encountered any challenges learning Kivy?
is the first time that see a video of the library kivy, good! thankiu
wow. i"m blown away. I had a long list of videos i was checking out for learning kivy. yours was the last... BUT IT WAS THE ONLY VIDEO I WATCHED FROM START TO FINISH... and not because of the length. The others scared me!!! so , Thank you very much
Good luck going foward learning kivy
Thank you so much for this tutorial, you gave me the inspiration I was searching for. Please keep on making such wonderful videos.
Thank you, for ur this simplified video I finally completed my AERO CALCULATOR.
Thanks a lot ❤️❤️❤️❤️
This is awesome! Straight forward
Very very interactive kivy tutorial. I see at first easy kivy and python tutorial for begenar friendly lacture. Thanks for this easy lacture.
what a geat teahcer! i dont even speak english very well, but i learn so much on this simple video!
Thanks for the video! Explained in detail.
now i understand Kivy a lot, thanks ^-^
Hi Mariya...Thanks a lot. Your tutorials are useful. I can't wait to learn more videos on creating App with Python from you.
This video is wow!!! rating is 100%. thanks for simplifying kivy
Thankyou for making this! Just what I need to get started.
You explain very well and in a simple way so that people who do not know programming understand, as in my case. Thank you very much.
Thank you so much for the lovely feedback! That's exactly what I'm trying to do! 😀
Programming doesn't have to be difficult and we learn it so much better when we're coding along! 😉
@@PythonSimplified I recently started to learn programming and your channel is one of the ones that has helped me the most to understand what programming is. :D
I am working on determining my goto GUI framework for Python. This video is very helpful !
Wow, very clear and concise kivy video tutorial. Thank you for sharing.
Thanks for this video, I liked it so much and I liked your way of explaining things!
The App and the logo looks amazing!
great maria! can't wait for more of such quality content
Thank you Mariya, very helpful in getting started with Kivy
i love your automation videos ! You are an Automation Champion
thank you!!! this video has been really useful to get a grasp on kivy!
thank you. what a wonderful video! a breadth of fresh air. Keep up the amazing work. 👌
I didn't like Python before watching your video but now I like to learn Python thanks for this video🙏
It looks like a very valuable introduction. I sold to the Kivy.
Thank you ! Tutorial was very helpfull . Today I know much more about using Kivy & Python than few days ago😄
You made my day thank you so much!
Awesome video! Thank you!
Well done , looking forward to the kivy mobile lesson 😘
Thank you Paul! It's in progress 😉
You are an amazing teacher! thanks!!
Thanks for this. It's just what I needed!
Thank you for your very clear instructions.
Great work! So cool I'm so excited to start making my own apps!
Great tutorial, short and sweet!
thanks, I learned not much but one of the best videos for beginners
Of to make an app out of my pomodoro program, thanks for the video sis. loved it.
Great video! I been watching your videos for some time thanks!
This video is so cool and helpful. Thank you!
Thank you Jonathan! I'm glad you liked this tutorial! 😀
this video is adorably perfect
Great.......!!!! I loved it....!!!!
This videos are perfect for me as a beginner in programming :)
I love your tutoirals i combined this one and your one with web scraping using mechanical soup now i feel awesome
Great and easy way. You are really a great teacher. I am very new to Kivy, and I have a project to build a mobile app that tracks drivers behaviour and send a report on how they drove over a period of time. I will follow you all the way until I finish my project. I just wish you will be there to guide me through.
Thank you much, your tuts are very helpful.
You Great! Thank you for share this!
Cool tutorial looking forward to share my project with you
Great tutorial, love your presentation!
Thanks Mariya, you make learning process very simple and interactive...GREAT JOB...
this is dope thanks!
Looking forward to more!
Will do Dylan! next GUI project is an Advanced Mobile App with KivyMD, which hopefully we'll end up uploading to the App/Play store 😉
Besides, I really like the way you explained each concept explicitly within the short time frame. I would like to watch more videos from you...
Your style of instruction is concise and enjoyable to watch.
Good luck from Algeria
i am from iran .i saw all your video and did.thanks lot.
Simply superbbb !!!
Great and simple! I will recommend this channel to my pupils :)
Thank you for the Python Simplified videos, I appreciate each one of these as they give me a greater appreciation for delving into coding with python from scratch. The coding in these videos is explained very clearly. Subscribed.
I love the way you teach , i love your hair style i love everything about you
Thanks Mariya ... Again with new excellent topic....Thanks once again.
Thanks, Mariya. A really good and valuable video! You helped me a lot
My 1st time seing this kind of tutorial. Keep up the good work
Great tutorial, thank you :)
your a really good teacher, I feel safe here lolllll
nice tutorial, now I like kivy
You make a wonderful instructor. 👍
Thanks. Very appreciative
as always, I love you !
You made python and Kivy...easy n beautyfull.. thanks
Awesome tutorial, very helpful!
Thank you so much Gilbert! I'm always happy to help! 😁
Good video to start Kivy´s world and very good example to watch and explore how the basic sintaxis work.
Thank you so much Erick, I'm really glad you liked this introduction to Kivy! 😀
GIANT...THANK YOU SO MUCH
great video , l learnt a lot of the basic thanks so much!
Thank you Maria for all of these❤ greetings from small island Sri Lanka😅