Skip to main content

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.


Search layout

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 your list.


YOU MIGHT ALSO LIKE: How to search a firebase list using Sketchware


Create a string variable

Create a string with the name 'saved' or any name of your choice. Add a Json to string block and set up the block as follows.

Set string to json

Modify list 'onStart' logic

Add the above block to your listmap onStart logic. Your logic should look as shown below.

List onStart logic


Set up 'edittext changed' logic

Once your logic onStart has been set, navigate to the on edittext changed event.

In your edittext place create two number variables. Name these variables length and r. If you already have variables with those names you can give them your own custom name. Just make sure they correspond.

Edittext changed logic


That's all we need. We can now run the app and if we type anything in the edittext, it will only show items which contain the specific character sequence.



Labels:

Comments

Post a Comment

Popular posts from this blog

Hip hop and RnB songs to apologize to your partner

Love is a beautiful thing, but it often goes wrong. This often leads to pain, suffering and sorrow.  Being imperfect beings, hearts tend to get broken all the time regardless how hard we may try to avoid it.  The heartbreak is often inadvertent but at times we find ourselves in the wrong. An oversight, a word unsaid or even a lapse in our judgement can cause our loved ones harm. This doesn't always have to be the end though. Oftentimes, relationships can be mended by simply uttering three simple words: "I AM SORRY". This article is a collection of some of my favourite 'I'm sorry' songs. I hope you'll enjoy these apology songs, but more importantly, I hope you will get a few quotables and some wisdom nuggets from them.  The best apology however, is to change behaviour (got that from a Jay Z interview) so as you apologize, please remember that it was your actions that hurt them. The best apology is one which involves you not repeating those same mistakes aga...
Post a Comment
Read more

How to easily create background notifications in Sketchware(original)

How to easily create background notifications in Sketchware(original) One of the keys to building a successful app is to find mechanisms that will keep your users engaged. You can do this by using background notifications. This tutorial will show you how to do that in Sketchware. We will cover: 1. How to create notifications in Sketchware 2. How to show these notifications even when the app is closed.
7 comments
Read more

Php date: How to get the first and last day of the week

In this tutorial, I'll show you how to get the first and last day of the week in php. By default, in PHP the week runs from Monday to Sunday. However we'll cover two methods to get the first and last day for both those who consider Sunday or Monday as their first day of the week. We will be using 2 functions to achieve this: date() strtotime() We will use a combination of these two functions and store the result in a variable.  How to get the first day of the week If you want to get Sunday, use this method: $firstday = date('l Y-m-d', strtotime("sunday -1 week")); echo $firstday; If you want to get the date for Monday, this current week, use this method: $monday = date('l Y-m-d', strtotime("monday -1 week ")); echo $monday; How to get the last day of the week The following code will give you Saturday as the last day of the current week. $lastday = date('l Y-m-d', strtotime("saturday 0 week")); echo $last...
Post a Comment
Read more