Hello, and welcome to codingapps! Kodular is an online suite for mobile apps development. It mainly offers a free drag-and-drop Android app creator without coding; but it also gives service to a free alternative to Google Play Store and an Extensions IDE. Now, let’s get started with Kodular Creator.
Time to click on Create App First of all, you will need a Kodular Account. You can get one by clicking on the Register button at the top right corner. Once you have finished the signup you can login with your details in this page. And here we are, at Kodular Creator. Now you can start creating projects.
Let’s call our first project Hello World. You will now see an interface splitted into three columns. These columns are called Components List, Phone’s Mock and Properties Panel. The Components List contains all components that can be dragged into your app, like Buttons or Images.
There are also component categories, such as Layout or Monetization, with even more components.In the Phone’s Mock (or Tablet’s Mock) you will see a preview of your app design.And finally the Properties Panel. It contains all apps settings, such as App Name, App Icon, Theme Colour’s, etc. I will guide you a little demo of these three panels working together. You can pick a button from Components List and drag it into Phone’s Mock. The app will now contain that same button after exporting it. I can customize it by changing its background color, size, and inner text from the Properties Panel. Quite cool, isn’t it? It is super easy to design your app with Kodular Creator.
Now let me introduce the block section of Kodular. With Kodular you won’t have to write a single line of code; you will only have to join some blocks. These blocks, such as this one, are the apps internal logic. There are Events (in yellow, triggered when something happens), Methods(in purple, which perform a special action) and Properties (in green, which can change your app appearance dynamically).
There are also some extra blocks which are not part of components. These blocks are the equivalent to Java’s native functions.For example, they can perform logical comparisons or operate mathematical expressions. These blocks can also declare variables, lists, or new functions. Now that we understand how blocks work, let’s finish our app. I will make use of a Notifier component.
This component is really useful as can display notifications, dialogues and alerts to your users. In this case I want to display an alert when a user clicks on Button1. I pick the Show Alert block and join it with the Event block. However, I have not set which text I want to display. To do so, I would have to go to Text Blocks and pick the first block. But there is a little trick. If you start typing text anywhere you can automatically pick the block. It is a search block feature. And your app is ready!.
You can now export it as an APK file and share it with anyone. In my case,I want a QR code so I pick that option. Wait a few seconds and a dialog with the code and a download link will be shown. If you have any questions, doubts or suggestions feel free to ask them in Kodular Community or you can simply ask us your doubts by leaving comments below this post.