Skip to main content

Posts

Showing posts with the label Customization

Adding your own fonts in Sketchware

Sketchware allows you to add your own custom fonts. You can get these from sites like 1001freefonts and others. These usually come in .ttf and are fairly small. When you've downloaded your font click here 👇 Click and open the menu on the top right corner of your project screen.  Navigate to where the downloaded font is stored on your device. Now that the font is in Sketchware, I want to choose which text appears in that font. If I want it to appear in the specified font when the app starts and that is achieved using the setTypeface block. I will  put my logic in *onCreate* or *onStart*. If, however, I want that font to appear when a specific condition is met, I can place it on that specific event. For example, *onButtonClick*, *onTextChanged* or in an *IF-ELSE* block. For this tutorial i will place the block *onCreate* This will display my text in the specified format.

Building your user interface in Sketchware

The above image is the login page for my Sable App, which I created using Sketchware. In this tutorial I will take you through the basics of how to create a screen/user interface. The first step after planning your app is building the user interface. This is what your user will see, click and interact with. Today we will cover some tips on how to build a simple user interface on Sketchware. Start by creating a new project. If you're not sure how to create a new project then click here learn how to create a new Sketchware Project Positioning your items I'm sure by now you know that Sketchware uses a simple drag and drop method to position items on the main screen. You might however want to position your items in a specific way.  In the image above, A shows items placed inside a linear horizontal and B shows items placed inside a Linear vertical.  You can alsoposition *layouts* within *layouts*. For example if I want to create a screen with a heading and two buttons horizontally