Skip to main content

Posts

How to use the input type property in Sketchware

At times you want to control what kind of data a user can put in an edittext field. If a user inadvertently adds a letter to a field that is supposed to do calculations, this might cause your app to crash. A good way to avoid this is by using the input type filter. This tutorial will take you through the various input type options and what they do. Where to find the input type option On your Sketchware project screen add an edittext to your project. Click on this edittext as shown below to open the properties menu.  To locate the input type menu, simply scroll to that option  as shown below. The input type property in Sketchware currently has six six options. These are text, number signed, number decimal, number signed number decimal, phone and password.  Each of these causes your keyboard or edittext field to behave a certain way. text This option will allow you to enter text characters which include letters, numbers, symbols and even emojis. When you choose this option your keyboard

How to market a new mobile app

Creating your app is the easy part... building a large and loyal user base is the real challenge. As an app creator it's easy to assume that once you've created your app, the world will easily get hooked on it and the billions will come knocking at your door. This might have been the case for a handful of app creators, but this is not the reality for more than 95% of app developers. The truth is that the real challenge will be coming up with a strategy on how to market a new mobile app. This article will cover what you can do to create and grow a loyal following for your app. We will cover the following topics: Topics 1. Start early: Pre release planning    • Get user input    • Build a core user group 2. Create promo materials    • Build a website    •  Privacy policy    • Graphics 3. Market your app    • App store optimization          - App icon          - App name          - Screenshots          - Banner          - Store description          - Promo video          - Reviews

How to create charts using the quickchart API

This tutorial covers how to create various types of charts using the quickchart api in Sketchware. Quickchart QuickChart is an API for generating static bar charts, pie charts, line charts and more. It's free to use but has a limit of 1 chart per second on the public service.  You can use the quickchart API to display charts in your Sketchware app and I will show you how. We will start by building our layout then adding our logic. I will also show you how to make variations to the logic. Let's get started Building the layout Let's start by adding an image to our layout. I set my linear width and height to match parent. Setting up the logic I will place my logic onStart but depending on your needs, you can place it on another event such as onButtonClick. So I navigate to my onCreate event and use the following block to set the image from a url Pie Chart Inside the set image from url block, add the following code. https://quickchart.io/chart?c={type:' pie ',data:{labe

How to search a listmap in Sketchware

In this tutorial we will cover how to search a listmap. Build your layout Add an edittext and in the properties change the background color to transparent or white (depending on your layout). Change the hint to the word 'Search...' This is where the user will write their query. Optional: You can set up your logic to hide or show the search field.  You can do this by adding a linear H on top of your listview.  Inside your linear place an imageview. Change the image to an image of your choice. This will be our search button. Set this to set the edittext and the cancel button visible.  Add another imageview. Set the image to anything that you feel your user will understand to mean 'cancel'. Set this to clear and hide the edittext, as well as the cancel button. In your onCreate event, set the edittext and the cancel button to 'gone'. Position your linear inbetween the imageviews. as shown in the image above Once that has been done, navigate to the onStart event of y

How to use the file picker component

The file picker allows you to add and use files from your phone's storage in your app. Using the file picker component you can choose where to pick: • images • documents • audio files • all files This tutorial will show you how to use the file picker component in your own app. Getting started Let's start by adding an imageview to our screen. The user will click this image to select a new picture. We will therefore navigate to our imageview onClick event. This is where we will place our logic to choose a picture. Add a FilePicker component So we will need to create a file picker component. Follow the steps below to create the file picker component. Choose the 'File picker' component.  Name your component. I named my component 'propic' Click the downward arrow as shown below to choose the mime type. This will determine what type of files can be picked. Choose image files then click select Your screen should look similar to the one below. Click add and your file fl

How to create your own app that converts text to speech

If you've ever wanted to create apps but felt you could not because you had no coding skills, then this one's for you. This tutorial covers how to create your own app that will convert whatever you type into audio when you click a button. This app will be created using Sketchware. If you're not familiar with Sketchware you might want to check out this article. This can be particularly useful for people with a speech disability or when making learning apps. You can easily create an app that reads notes, gives instructions whilst the user completes an activity. Feel free to ask if you get lost or need help. Duration: 5 - 10 Minutes Preparation • You will need to have Sketchware installed and running on your phone. If you haven't installed it yet, you can download Sketchware here . • You will also need to create and set up a new project. If you're not sure how to do that, please check out an article I wrote on how to  Create a new Sketchware project .  Step 1. Build y