KivyMD Python - Build Mobile apps using Material Design

In this video series, we will be learning how to build beautiful mobile apps using Kivy Material Design, also known as KivyMD in short. KivyMD is a python package that has been created using our classic Kivy. Mobile applications created using KivyMD somewhat look like this. By the end of this video series, You will be able to create such apps on your own. As you can see they have beautiful elements,nice to look at color themes and amazing navigation utilities. To be honest if you want to create mobile applications using Python, KivyMD is the way to go. One of the reasons apps created using KivyMD look so good is that they follow the material design principles. So what exactly is material design? - Material design is a set of rules in design that google itself has laid down. It includes what kind of colors you are supposed to use, what your elements like buttons are supposed to look like, how you user interface should interact with the user and much more. If you want to know more about it you can go to material.io/design, And actually I would highly recommend going through this a lil bit. Because as developers we often neglect the design part. But in my experience it's often helpful if a developer knows, what goes on behind the scenes in designing especially if you are creating your own project.

In this video, we will be learning how to add Labels and different styles of text in our mobile application using KivyMD.

In this video we learn how add beautiful buttons inside our mobile app. Video Notes 1) MDFlatButton 2) Adding a Screen before button 3) MDRectangleFlatButton 4) Showing how much code writing we save if we just used Kivy 5) MDIconButton - Image Button 6) MDFloatingActionButton

Ladies and gentlemen, welcome back to this new KivyMD video in which we are going to learn about themes. So Whenever you give a specific color that needs to be applied to all the elements in our application, it is known as a theme.For example, if we specify a theme color as green. Our buttons, navigation drawers,top bars and all the other elements will have the green color. This is useful because in material design the app needs a theme color and If we have different colors for different elements. The app just looks weird.

Welcome to the fifth video of this KivyMD video series in which we are going to learn how to take input from the user using TextField. Now there are two ways to create elements inside KivyMD. 1st is using our code which we have done till now to create our labels and buttons and the second is using the builder method. In the builder method we add the element using multi-line strings and Kivy automatically recognizes these strings and creates those elements for us. In this video we are going to learn how take input from the user using both of these methods. The builder method is really important because we will be using more and more of this in the future videos.

In this video we are going to connect the user input to button, so that we can actually do something with the input.

In this video, we will be creating dialog boxes using KivyMD and creating elements in them. 1) Create a simple dialog box that opens when a button is clicked 2) Creating buttons 3) Close that dialog box when button is clicked - self.dialog.dismiss() 4) Check if username is empty or not

In this video we are going to learn how to create a list with KivyMD. But before we get into that, I want you to open github.com/attreyabhatt and go the Repositories tab and Click on the KivyMD Repository and After that I want to find the list folder. And open the notes.txt inside that. This contains the notes of what we are going to be learning in this video. So you can open the fist link and look at what a list looks like. A list is basically different items stacked vertically and these items are divided by lines and you can also scroll down that list. There are different types of lists inside KivyMD The basic one is called OneLineListItem which contains one piece of text only as you can see in this example. The other types are called TwoLineListItem and ThreeLineListItem which can contain two and three lines of text respectively. We can also add out own images in these lists. These type of lists are knows Avatar List. And if we add an icon that is already inside KivyMD, then we create an IconList.

In this video, we will be adding images and icons inside our lists. We will also learn how to create lists using the builder method of multi-line strings.

In this video, we are going to create a table that can contain data in the form of rows and colums. We are also going to be making it mobile friendly and adding checkboxes.

In this video, we are going to learn how to create a top/bottom toolbar. This is one of the most important elements of a mobile app. Flow of Toolbar Screen - Boxlayout (orientatation:vertical) - MDToolbar Notes 1) Create a simple toolbar with a Label 2) left_action_items - Adding icon on left - Explain lambda - Call the navigation draw function in app.callback 3) right_action_items 4) Elevation 5) Change theme from blue to red Bottom Toolbar 1) MDBottomAppBar 2) type:bottom 3) Change position of button - mode (end and free-end) 4) on_action_button

In this video, we are going to create our Navigation Drawer using KivyMD Python.

In this video, we are going add content into our Navigation Drawer Slider. Like Header image, Labels, Lists etc.

In this video, we are going to learn how to change/switch screens in KivyMD.

We will use an example app to convert it to an android app.

Download the PingPong code from the github link and follow along.

We will be converting our Kivy desktop app to an android app. We will be doing this by using buildozer which is used to convert Kivy files to apk.

Steps to convert Kivy to Android APK -
Note - If you are using Linux or Mac. Open up your terminal and directly jump to step number 4

1) Signup on Digital Ocean https://m.do.co/c/c2cf5bc2a760 - Use this link to get 100$ free
2) Create a Droplet
3) Open up terminal Access Console and login using you One-Time Password
4) Installing Python and Virtual Environment https://www.digitalocean.com/community/tutorials/how-to-install-python-3-and-set-up-a-local-programming-environment-on-ubuntu-16-04
5) Install buildozer - https://buildozer.readthedocs.io/en/latest/installation.html#targeting-android
6) Install Filezilla ( skip if Linux or Mac) - https://filezilla-project.org/download.php
7) Connect Filzilla to server ( skip if Linux or Mac)
8) Upload your kivy folder to enviroments folder ( in linux/mac just go to your kivy folder using terminal)
9) buildozer init
10) buildozer -v android debug
11) Using Filezilla download the apk in your bin directory
12) Copy this apk file to your phone
13) Run it. ( You need to enable install apk with unknown sources)