Hi,

This is easy to do actually. There are a few things to consider before you begin. You should note that all Widgets in Android use Class Tag to render the elements. You also should note that you should draw your Layers to match the default element size (Android Rule).

Android Widgets

//exportkit.com/learn/how-to/advanced-guide/create-widgets-with-android

Class Tag

//exportkit.com/plugin/layer-tags/advanced-layer-tags/class-tag

Step 1

Create your login elements such as (a) username/password text fields, and (b) login button within your design.

Step 2

Add Class Tags to your text fields to create EditText, for the pass word you may want to additionally add an input type such as android:inputType = ”textPassword”.

Eg: ${class|EditText:android:inputType="textPassword"}

Step 3

Add Class Tag to your login button to create a Button element, you will need to add additional args to add your click event such as android:onClick = ”login”.

Eg: ${class|Button:android:android:onClick="login"}

Step 4

In your Java Activity, create a login method to handle the onClick event such as

public void login(View view){
   if(username.getText().toString().equals("User") && password.getText().toString().equals("Pass")){
      //correct
   }else{
      //wrong
   }
}

Step 5

That’s it!