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.
- 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
- On create insert as shown below
- Onclick of log_container insert as shown below.
- Onclick of reg_container insert as shown below
Comments
Post a Comment