Creating our first app with few texts and images

banner
Right now, we'll be creating our first app with just two features which includes images and a few texts.
If you've not downloaded the development environment yet, download it now.
banner
                         Download now
Steps in creating an app with texts and images:

1) open your sketchware pro app and click on the plus icon to create a new project


2) enter your app name and click on create, you can also click on the green android icon beside the enter name column to app your app icon. 



3) on clicking on create you'll be taken to the page as seen below

• Drag the scroll (v) and drop it on the phone view then on dropping it, click on width (match-parent)


• drag and drop the linear (v) and do the same as that of scroll (v), select width match-parent

NOTE 1: scroll v and linear v are layout properties used to make your app screen scrollable


4) Drag and drop Textview  then scroll the textview settings to the left and click on ABC text to edit your text.

You can edit your text properties which includes your text size, text style (bold,italic or normal), text color and others.


6) Scroll down in the view section and drag the image view to the phone section, you can drag as many image view as you wish depending on your images quantity.

• Now navigate to the three dot on the right top corner of your screen and click on it


• click on image



• here you can select as many images as you want, then click on save when done selecting.



• on saving your image, go back to your work environment and click on image to select your desired image.


• when you're done selecting your images, click on run to debug your app


Waite for it to finish running then click on install when the debugging is complete.


Watch Tutorial video


banner

Comments

Post a Comment

Popular posts from this blog

How to create an app with multiple pages..

Image
How to create an app with multiple pages. As we know, depending on what type of app we build will determine the number of pages in the app We can build an app with just one page, we can also build an app with three, five, ten or more pages, depending on our choice and the features in the app we are building. So therefore in this post, we'll be learning how we can make our app have three or more pages including a  Splash screen leading to our home page.                                  Steps : Follow the images with caution and watch the video below. Name your page e.g home Make sure you do not add space or emoji to your page name and also make sure your page name starts with a letter with at least three characters. Do the steps repeatedly to all the pages you want to create and follow the steps below to e Move to the he next page and design your next page, the. Drag and ...
Read more

How to create web browser app

Image
  How to create a web browser app  with sketchware Steps: • name and create your project • drag and drop linear v • drag and drop edit text and a button into the linear v  • click on the linear v and select weight -> 1 to make the edit text and button stay on a box • scroll, drag and drop WebView under the linear v layout • click on button and click on event then on click • drag and drop the WebView block  • click on WebView 1 • drag and drop Textview get text •Then click on edit text so that whenever you type on edit text, and click on the button, the browser searchs for the url you type on it •make sure your blocks are like this then exit the page and click on run Watch the video below for proper understanding.     
Read more

How to create a sign in and sign up in your app

Image
As a developer and business owner, you want your customers, viewers and users data to be secured, as a result you'll want your users to register and have a profile where they can access it anywhere while it's also secured, that what will lead us to adding a sign up and sign in page to our app, to do so, simply follow the steps below and watch the video that follows for better and proper understanding Steps include: • on getting to your app development environment, design how you want your sign up and sign in page to look like adding em ail and password column and button • after designing your pages, open your firebase project in your browser and get your project details, of you don't know how to do that, check out our previous lesson and video on how to create a firebase project and how to connect it to your app. How to create a firebase project How to connect your firebase project to your app • After linking your firebase project to your app, click on your sign up...
Read more