Join the social network of Tech Nerds, increase skill rank, get work, manage projects...
 
  • How to create registration screen design in android

    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 0
    • 288
    Comment on it

    In the below example I have created registration page layout. Here FIrst I have created LinearLayout and then all layout within a main LinearLayout after then I have added Toolbar, scrollbar, TextView, ImageView I have also used RelativeLayout for adding text and and button. You can see below example code it will clearly describe you how to How to create registration screen design.

    <LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".LoginActivity"
        android:background="@drawable/bg_registration"
        android:orientation="vertical">
    
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:minHeight="?attr/actionBarSize"
            android:background="@color/colorPrimary"
            android:layout_width="match_parent"
            android:layout_height="50dp">
            <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                >
                <ImageView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:src="@drawable/back_btn"/>
                <TextView
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:gravity="center"
                    android:textStyle="normal"
                    android:text="@string/sign"
                    android:textSize="17dp"/>
            </RelativeLayout>
    
    
        </android.support.v7.widget.Toolbar>
        <ScrollView
            android:layout_width="match_parent"
            android:layout_height="wrap_content">
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:orientation="vertical">
                <ImageView
                    android:id="@+id/ivLoginLogo"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_marginTop="22dp"
                    android:src="@drawable/logo_register"/>
    
                <TextView
                    android:id="@+id/text1"
                    android:layout_marginTop="30dp"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:textSize="13dp"
                    android:textColor="@color/whit1"
                    android:text="@string/We" />
                <TextView
                    android:id="@+id/text2"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:textSize="13dp"
                    android:textColor="@color/whit2"
                    android:text="account details" />
    
    
                <LinearLayout
                    android:id="@+id/llFields"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center_horizontal"
                    android:orientation="vertical"
                    android:layout_marginTop="30dp"
                    android:layout_marginLeft="35dp"
                    android:layout_marginRight="35dp">
    
    
    
                    <EditText
                        android:id="@+id/etEmailAddress"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:textColorHint="#FFFFFF"
                        android:gravity="center_horizontal"
                        android:inputType="textEmailAddress"
                        android:hint="Enter Email/Username"
                        android:textColor="#fefefe" />
    
    
    
                    <EditText
                        android:id="@+id/etPassword"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:layout_marginTop="15dp"
                        android:textColorHint="#FFFFFF"
                        android:hint="Enter Password"
                        android:gravity="center_horizontal"
                        android:inputType="textPassword" />
    
    
    
                    <EditText
                        android:id="@+id/etConfirmPassword"
                        android:layout_width="match_parent"
                        android:layout_height="wrap_content"
                        android:textColorHint="#FFFFFF"
                        android:hint="Confirm Password"
                        android:layout_marginTop="15dp"
                        android:gravity="center_horizontal"
                        android:inputType="textPassword" />
    
                </LinearLayout>
    
    
                <Button
                    android:id="@+id/btnNextpage"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content"
                    android:background="@drawable/btn_next"
                    android:layout_marginTop="35dp"
                    android:layout_marginLeft="35dp"
                    android:layout_marginRight="35dp"
                    android:textColor="@color/white"
                    android:textStyle="bold"
                    android:textSize="20dp" />
                <LinearLayout
                    android:layout_width="match_parent"
                    android:layout_height="match_parent">
    
                <RelativeLayout
                    android:id="@+id/rlOtherFields"
                    android:layout_width="match_parent"
                    android:layout_height="match_parent"
                    android:layout_marginTop="8dp"
                    android:baselineAligned="false"
                    android:layout_marginLeft="35dp"
                    android:layout_marginRight="35dp"
                    android:layout_gravity="center">
    
                        <TextView
                            android:id="@+id/text3"
                            android:layout_marginTop="30dp"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:textSize="15dp"
                            android:textColor="@color/whit1"
                            android:text="@string/Have" />
    
    
    
                        <Button
                            android:id="@+id/btnSignIn"
                            android:layout_width="wrap_content"
                            android:layout_height="wrap_content"
                            android:background="@drawable/sign_blue"
                            android:text="Sign in"
                            android:layout_alignParentRight="true"
                            android:textStyle="italic"
                            android:layout_marginTop="12dp"
                            android:textColor="@color/white"
                            android:textSize="22dp"
                            android:paddingBottom="10dp"
                            android:paddingTop="10dp"/>
    
                </RelativeLayout>
    
                </LinearLayout>
    
            </LinearLayout>
    
        </ScrollView>
    
     </LinearLayout>
    

 0 Comment(s)

Sign In
                           OR                           
                           OR                           
Register

Sign up using

                           OR                           
Forgot Password
Fill out the form below and instructions to reset your password will be emailed to you:
Reset Password
Fill out the form below and reset your password: