Kivy Design Language - Python Kivy GUI Tutorial #5

In this video we'll start to look at the Kivy Design Language.

The .kv design language allows us to abstract away the design elements of our app into a separate file, apart from our main Python code.

Think of it similar to HTML and CSS...kivy design language is similar to CSS (at least the concept of it).

In this video I'll recreate our app using the kivy design language. You'll see how easy it is!

[Codemycom]

▶️ Watch Entire Kivy Playlist ✅ Subscribe To My YouTube Channel:
▶️ See More At: ✅ Join My Facebook Group:
▶️ Get The Code

[intoperspective]

His way of "smashing the 'Like' button below" is starting to imprint on my brain. Love the his videos, smashing the "Like" in every video.

[ramperture]

15:02 So this is why I've really been loving this Kivy tutorial series. I can't tell you how much I appreciate the whole 'learning the groundwork' approach that you take in these videos.

I'm teaching myself programming, which involves a lot of text and video tutorials, and what I struggle with when it comes to video tutorials is that a lot of the time the person teaching the material will gloss over the basics/fundamentals. Personally, I think this is a mistake since it is easy to copy and paste code, but I like to know the nitty-gritty of why it works the way it does.

Seriously, I can't tell you much I appreciate your teaching style. You are a great educator and I can't wait to see what else I can learn from your channel.

[stanislavsmetanin]

For spoting your focus on indenting is HUGE thanks.

[botisonny]

I was sad when you had no kivy videos, because your tkinter ones were the best around. Glad to see kivy coming up now!

[etaimichael]

great teacher john thanks bro, always a pleasure watch this

[nooraldinalfares]

Thank you very much man, you're a great teacher. this helps me a lot !
keep going :)

[anjankumardas]

I wanted this video from the first Kivy Tutorial of yours.😃

[charantechgeek]

I'm so excited about this series but i have my semester examinations going on, but no problem I will watch this after the exams for sure. Liked without watching the video. You gave a lot of inspiration to my programming career, now I'm doing internship on python. Thanks John.

[selimtanrverdi]

Thanks a lot, this tutorial series is very helpful to a beginner.

[AndreasSiljuk]

Love your videos :D keep doing that grteat work. also like the move you always make with your head when you say: "Which is insanly cheap" xD

[nigelm]

14:25 Thanks for these videos! Which video was it where you actually displayed the text on the screen using the design language.

[jennifermanzella]

Hey I really love these tutorials! I was wondering if you teach us how to design a color selection grid of colored buttons? When a button is clicked, it changes a .jgp image to match the color of the button that was clicked.

[cheaterman]

12:20 That bit is not strictly necessary (kvlang would treat them as dynamic properties and "do the right thing") but it's considered good practice indeed. However in that case I would probably have used StringProperty's, and bound directly to the text in kvlang ("name: name.text") so that the Python side only cares about the data (and doesn't know the widgets carry a "text" property).

EDIT: Oh and forgot to mention, you need a two-way binding to reset the text in that case, so "text: root.name" (or pizza, etc) in the TextInput's :-)
EDIT2: Although to be fair that's for another video anyway ^^ this was very good for a 1:1 translation from what you did in Python previously :-)

[rocketleagueshorts]

good job your video contents are really worth watching. can u upload a video on themes in tkinter ? :). i saw some videos where tkinter looks totally different i mean the UI. it will be awesome if u upload a video on it.

[paulnolastname]

I started John's tutorial coming from VSCode. I struggled when I hit this lesson. My VSCode refused to implement the .kv file. The solution is you must save your .kv file each and every time you make a change to it. In the beginning I created the .kv file, but in VSCode, I just didn't think about forcing a save after every edit. So, in reality, the .kv file was empty. Now that I'm doing this, I'm back on track. Now, back to the lessons.

[leegreen]

Hi John, Loving your work!!! Can I just ask how would I update a label in one window from an entry box from another window? Thanks in advance.

[cheaterman]

9:46 That bit about "root.width/height" was a bit misleading, the usual fix for this is to have your root widget be a layout, even a FloatLayout will do (and suffice without further modifications in this case). "root" refers to the root widget of the _current_ KVlang rule, which happens to coincide with "app.root" - the actual application root widget - in this case. However you might just want to inherit from GridLayout, set its cols to 1, and remove the inner GridLayout - it would be confusing if MyGridLayout was actually a Widget anyway, hehe. One last thing, you can have your App subclass just have "pass" for code, and instantiate your root widget by placing it at the top of your KVlang file (without <>) - which is also where you would set its cols to 1 :-)

[cwtiwari]

Sir,
When I use name=ObjectProperty(None), it show me an error that, None object does not have text property ?

[PooryMardan]

love your energy! i have two questions for you: is there any way that kv file act like python file and complete the code you want to type, so i can be pretty sure about lowercases and other stuff? and my second question is about a specific issue; how can spin a circular arranged of widgets around their center in kivy?