How to create a splash screen leading to home page in your app

banner

 What is a splash screen

In most cases, when you open a mobile app, what you see first is either the app logo and name or the company's logo or name or just a loading  Progressive bar. And now we'll be learning how we can create both horizontal and circular progressive bar on our splash screen.

Also we'll be having a look at how we can an app with multiple pages and also how we can navigate, open and move from one page to the other in our app

       Steps in creating a splash screen

• After creating and naming your new project, on the main activity, design the opening page to your choice or follow the steps below.

~ Drag and drop linear (v) -> width (match-parent) 

~ Drag and drop Textview -> edit it to your taste and to put it on the top center of the screen, click on (Layout-gravity)-> check (center-horizontal) and (center-vertical)

banner



~ and to put it on the center of the entire screen, click on the already dropped linear(v) -> gravity -> check (center_horizontal) and (center_vertical)




banner

Watch the video below to see the complete steps.



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