2.7 KiB
| id | title |
|---|---|
| first-project | Creating your new application |
New project
To create your first app, you need to create a project for it. You can do it by opening sketchware and tapping "Create new project" (the + button).
Sketchware will then ask you for some basic information. For now, you just need to enter the name of your app (To be shown under the icon).
Tabs
When your new project is created, you will see 3 tabs. The one selected now is View, where you change how your application looks.
View
In the view tab, there are 3 main things. On the left, you'll see a list of objects you can use. On the right, there is a canvas which is used to drop objects in.
Try dropping a TextView on the canvas and select it. Now you will see the third part of this tab - properties of the currently selected object. To to change the text, select text property in object properties. A dialog asking for a new text will appear. Write anything you like.
Event
Before learning about the event tab, we first need to learn how Android application works.
Android is a event driven language, which means it fires an event when a user do something or a response is get.
Tab contents
In the tab, their are 3 main contents which are used. On the left, you can see groups of events. You can switch between them by clicking on their icons.
On the right, you can see a list of events in the currently selected group.
Finally, on the bottom right, there's a FAB - Floating Action Button. It has + icon in it. This button will show you a dialog to create a new event listener.
Event listeners
Event listener is a function (or method) that's called when a certain event is fired. For example, when you run your app, a onCreate event will be fired. There's already a listener for this event. Select Activity group and you will see it. Click on it's name and code editor will open.
Code editor
Remember how we mentioned Scratch in the main page? The code editor uses it's design. You can then make your logic for the event there.
Components
In the components tab, there's a list of currently available app components. In the real programming, they are called Classes, but for the sake of simplicity, we will continue to call them components. When you open Components tab for the first time in your project, you will see it's empty. To add a new component, click the + icon on FAB. This will show a dialog with a gridlist of available components. Select one of them and enter it's name (must be unique, we will point out why later) to add it to your app (there are some exceptions).
Conclusion
That's all! You learnt how to create your first app and how to use the project UI.