Kivy Tutorial #6 - FloatLayout for Dynamic Placement

This python kivy tutorial covers the float layout in kivy and how to dynamically place widgets that will resize appropriately for all screen sizes.

**************************************************************

Use the Code "SAVE6144" For 50% Off!

**************************************************************

Please leave a LIKE and SUBSCRIBE for more content!

Tags:
- Tech With Tim
- Kivy Tutorial
- Python kivy
- Kivy floatlayout
- float layout
- Python Tutorials

[switch]

Thanks a lot, man. This is the first time a YouTube tutorial helped understand programming.

[AlexSch]

Thanks for the tutorials. I like how you naturally present them on the fly. You are not shy to try something on Camera even if you are not sure it will not work. Good going.

[maxharlan]

Great tutorial Tim. Kivy is going to be my go-to GUI creation tool for app development and this series is a great base to help me know what is important (and not) to read in the documentation. Best programming channel on YouTube by far!

[wessamadel]

background_color: (0, 0, 0, 0) if btn.state == "normal" else (0.5, 0.5, 0.5, 1) I used this to change the button background color when pressed and it worked!

[photosByVik]

Consistency: Exists
.kv programming language: "I'm gonna pretend I didn't see that"

[rokusandesujojo]

Thank you so much bro, this is the first time i've been seeing a kivy tutorial

[Александр-рэм]

Thank you so much for such great tutorials!

[cau_luigi]

10:54 it has to be (r, g, b, a) if btn.state "normal" else (r, g, b, a)

[eskoo]

thanks!
you didn't need the button id, you could use 'self'

please make more of these

[illmatic]

Am I the only one got a blank screen when followed along to timeline 4:19?

[jommelhinayo]

How I set frame/window resizable? for my desktop app. Thanks!

[tonihullzer]

Hey Tim I am searching quite a while in YouTube to get an amswer: how can I set a image as background on add a label on top of it? Thx bro

[Kvothe]

Hi dude. Everything it's ok with the tutorial but i don't understand why we don't need to include the object Button as always to use it. I mean write "from kivy.uix.button import Button". Why that isn't necessary? Thanks for your job

[Roy-wkgy]

Tim showed that pos_hint takes {x, y, top, bottom, left, right} But when I looked in the kivy doc I don't see all these options shown in the pos_hint section. Any reason why?

[kundangaikwad]

Your tutorials are helpful. Thank u. But above floatlayout is not working in my android mobile.
Is there any different method for android ?

[joar]

Hi! Do you know what issue there might be if when i am changing the size of the window, my buttons just stays in the same position as before. So when i make the window small i cant see my buttons?

[TheUltimateBaccaratApp]

How to remove the blank/empty space on the float layout?

[fahadjawad]

hi there,
brother i have implemented the backdrop and in the backlayer i have added a menu for my app in form of buttons, but if i click on the same position at front layer the button get clicked which is on the back layer.
i am using float layouts
plz guide..

[shelbyhoward]

I'm trying to follow along with your tutorial but can't get the buttons to show up on the FloatLayout. Not sure why. I compared my code to what you have on screen and can't find any differences.

[mpaladin]

Using your help i added a Label with the buttons but the properties that i add to the label are added to the button so everything is orange atm, besides buttons being blue, how do i fix that, this is the code(in .kv) ->
<Button>:
font_size:40
color:0.3, 0.6, 0.7, 1
size_hint: 0.4, 0.1

<Label>:
font_size:50
color:0.6, 0.3, 0.2, 1
size_hint: 0.6, 0.1


<FloatLayout>:
Label:
pos_hint: {"x":0.2, "top":0.9}
text: "Label"
Button:
pos_hint: {"x":0.3, "top":0.5}
text: "Button1"
Button:
pos_hint: {"x":0.3, "top":0.4}
text: "Button2"