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 

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



Comments

Post a Comment