Kivy MDBottomBar Customisation

[Rahul]

Hi,

I am currently trying to customise the bottom bar and had a few different questions.

1. Within the KivyMD pages, there is a picture of a bottom bar:

How would I implement the circle for the "plus" icon such that there is no gap around the circle? In all other examples in the KivyMD docs, the central icon has spacing around it which divides it from the actual bar along the bottom of the screen, so how would I remove that spacing and make it look like it does in the image above. 

2. I also want the central "plus" icon from the image above to be black whilst all the other icons along the bottom bar segment are white, how would I do this?

3. Within the bottom bar I have used custom icons from PNG images, but they appear smaller than I would like. How can I enlarge them?

Any answers to the given questions would be greatly appreciated :)

Thank you.

[Elliot Garbus]

How would I implement the circle for the "plus" icon such that there is no gap around the circle?

I don’t see it.  The position of the circle is controlled by the mode attribute.  You can always look at the source and look to make your own changes.

 

 

From: Rahul
Sent: Wednesday, February 15, 2023 4:31 AM
To: Kivy users support
Subject: [kivy-users] Kivy MDBottomBar Customisation

 

Hi,

 

I am currently trying to customise the bottom bar and had a few different questions.

 

1. Within the KivyMD pages, there is a picture of a bottom bar:

How would I implement the circle for the "plus" icon such that there is no gap around the circle? In all other examples in the KivyMD docs, the central icon has spacing around it which divides it from the actual bar along the bottom of the screen, so how would I remove that spacing and make it look like it does in the image above. 

 

2. I also want the central "plus" icon from the image above to be black whilst all the other icons along the bottom bar segment are white, how would I do this?

 

3. Within the bottom bar I have used custom icons from PNG images, but they appear smaller than I would like. How can I enlarge them?

 

Any answers to the given questions would be greatly appreciated :)

 

Thank you.

--
You received this message because you are subscribed to the Google Groups "Kivy users support" group.
To unsubscribe from this group and stop receiving emails from it, send an email to kivy-users+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/kivy-users/3d87c968-6c05-4226-8747-b1f20a30a23bn%40googlegroups.com.

 

[Rahul]

Hi,

This is the link for the KivyMD Toolbar page which contains the example I attached earlier on in this thread of emails:

https://kivymd.readthedocs.io/en/1.1.1/components/toolbar/index.html

There doesn't appear to be any source code for this example, hence why I am asking to find out if anyone knows how to create it.

Thanks :)