How to Design Login & Register pagein sketchware

Sketchware is the app that you dont need to be an expert to design or making a working app but you just need to be creative and quick to learner at your parse

therefore in this tutorial we are going to learn on how to design a simple login & sign up forms in sketchware.

  1. Open sketchware and create a new project the name as you wish and on Main actitivity &
    • drag drop a linear(V) and rename the ID as main_container. and inside main_container drag & drop a linear(H) and rename the ID header_container and in the header_container drag & drop image view and rename the ID as logo make sure you center in. 
    • drag & drop add a linner(H) and rename the ID as loglbl_container and inside it drag and drop the textview and rename the ID as log_lbl and give its name as Login.
    • drag & drop linear(V) and rename the ID as login_container and inside it drag & drop 2 textviews and rename the first id as log_email and its hint as email and the second id as log_password and its hint as password add a button with ID as log_btn and label as Login
    • drag & drop add a linner(H) and rename the ID as reglbl_container and inside it drag and drop the textview and rename the ID as reg_lbl and give its name as Sign Up.
    • drag & drop linear(V) and rename the ID as reg_container and inside it drag & drop 2 textviews and rename the first id as reg_email and its hint as email and the second id as reg_password and its hint as password add a button with ID as reg_btn and label as Login
    • you can add the footer if you wish. Below is show the design

    main

  2. On create insert as shown below

  3. Onclick of log_container insert as shown below.
    i

  4. Onclick of reg_container insert as shown below 

  5. Go back and click on run and install the app



Comments

Popular posts from this blog

2021 Teacher Recruitment

Instructions for Teacher Recruitment

3,600 teachers’ jobs on cards