In android app development the user want to see their app with attractive login and signup screen. The developer research on developing these kind of interface. So he spent a time on the internet to find the exact and beautiful interface.
This is my first blog to sharing awesome programming skill to to developer and the initial beginner . I have a 7 year experience in developing android,desktop and web application. So I was think about how can I share and delivered these skills to my friends. So it was possible through blogging. So recently I develop a professional blog and in this I will deliver all skill which I have. So please follow my blog it will change your life.
To continuously follow my blog you will become a good developer which your want.
Ho to create Signup Screen In Android Studio
Create a signup activity in android studio it is very simple and easy. For creating a beautiful interface in android studio there are no need to you have any previous good knowledge about it.
In this article I will teach you how to create a beautiful signup and login screen in android studio from screech.
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/ic_background"
android:orientation="vertical"
android:gravity="center"
android:padding="0dp"
android:fillViewport="true">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#283593">>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:orientation="vertical"
android:paddingLeft="24dp"
android:paddingTop="40dp"
android:paddingRight="24dp">
<ImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:src="@mipmap/ic_userimg_2_round" />
<TextView
android:id="@+id/textView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="20dp"
android:gravity="center"
android:text="sign up"
android:textAllCaps="true"
android:textColor="@android:color/white"
android:textSize="26sp"
android:textStyle="bold" />
<EditText
android:id="@+id/etFullName"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:background="@android:color/white"
android:hint="Fullname"
android:inputType="textPersonName"
android:padding="10dp" />
<EditText
android:id="@+id/etUsername"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:background="@android:color/white"
android:hint="username"
android:inputType="textPersonName"
android:padding="10dp" />
<EditText
android:id="@+id/etPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:background="@android:color/white"
android:hint="password"
android:inputType="textPassword"
android:padding="10dp" />
<EditText
android:id="@+id/etConfirmPassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:background="@android:color/white"
android:hint="confirm password"
android:inputType="textPassword"
android:padding="10dp" />
<Button
android:id="@+id/btnRegister"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:background="#f05924"
android:text="Register"
android:textColor="@android:color/white" />
<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="20dp"
android:gravity="center"
android:text="already having account"
android:textColor="#ccc" />
<Button
android:id="@+id/btnRegisterLogin"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="5dp"
android:background="#aaa"
android:text="log In"
android:textColor="@android:color/white" />
</LinearLayout>
</RelativeLayout>
</ScrollView>
Android Login Design
<?xml version="1.0" encoding="utf-8"?>
<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@mipmap/ic_background"
android:orientation="vertical"
android:gravity="center"
android:padding="0dp"
android:fillViewport="true">
<RelativeLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="#283593">
<ImageView
android:id="@+id/imageView"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="20dp"
android:src="@mipmap/ic_userimg_2_round" />
<LinearLayout
android:id="@+id/linearLayout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_centerInParent="true"
android:orientation="vertical"
android:padding="30dp"
android:paddingLeft="24dp"
android:paddingTop="70dp"
android:paddingRight="24dp">
<EditText
android:id="@+id/txtemail"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:background="@drawable/shapeemail"
android:drawablePadding="10dp"
android:ems="10"
android:hint="Enter Username"
android:inputType="textPersonName"
android:padding="15dp"
android:text=""
android:textColor="@color/white"
android:textColorHighlight="@color/white"
android:textColorHint="@color/white" />
<EditText
android:id="@+id/txtpassword"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="10dp"
android:background="@drawable/shapeemail"
android:ems="10"
android:hint="Enter Password"
android:inputType="textPassword"
android:padding="15dp"
android:textColor="@color/white"
android:textColorHighlight="@color/white"
android:textColorHint="@color/white" />
<Button
android:id="@+id/btnsign_in"
android:layout_width="match_parent"
android:layout_height="65dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="0dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="10dp"
android:background="@color/colorPrimaryDark"
android:drawableLeft="@mipmap/ic_lock_img_round"
android:padding="15dp"
android:shadowColor="@android:color/transparent"
android:text="Login"
android:textColor="@color/white"
android:textSize="24sp" />
<Button
android:id="@+id/btnSignup"
android:layout_width="match_parent"
android:layout_height="65dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="0dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="10dp"
android:background="@color/colorPrimaryDark"
android:drawableLeft="@mipmap/ic_userimg_2_round"
android:padding="15dp"
android:shadowColor="@android:color/transparent"
android:text="Sign Up"
android:textColor="@color/white"
android:textSize="24sp" />
<TextView
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="OR"
android:textAlignment="center"
android:textColor="@color/white"
android:textSize="30sp" />
<Button
android:id="@+id/btnGoogle"
android:layout_width="match_parent"
android:layout_height="65dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="0dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="10dp"
android:background="@color/colorAccent"
android:drawableLeft="@mipmap/ic_google_plus_round"
android:padding="15dp"
android:shadowColor="@android:color/transparent"
android:text="Sign With Google +"
android:textColor="@color/white"
android:textSize="20sp" />
<Button
android:id="@+id/btnFb"
android:layout_width="match_parent"
android:layout_height="65dp"
android:layout_marginLeft="10dp"
android:layout_marginTop="0dp"
android:layout_marginRight="10dp"
android:layout_marginBottom="10dp"
android:background="@color/colorPrimaryDark"
android:drawableLeft="@mipmap/ic_fb_img_round"
android:padding="15dp"
android:shadowColor="@android:color/transparent"
android:text="Sign In With FB"
android:textColor="@color/white"
android:textSize="20sp" />
</LinearLayout>
</RelativeLayout>
</ScrollView>
