Awesome Login screen Design

Awesome Login screen Design



To develop awesome android application we first need the Attractive UI for the Application is key for make an android application successful.



To design below screen in your application just copy and paste the following code and you will get the design. If you want to develop such kind of design then watch my videos on Learning and sharing with KD 







  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26
 27
 28
 29
 30
 31
 32
 33
 34
 35
 36
 37
 38
 39
 40
 41
 42
 43
 44
 45
 46
 47
 48
 49
 50
 51
 52
 53
 54
 55
 56
 57
 58
 59
 60
 61
 62
 63
 64
 65
 66
 67
 68
 69
 70
 71
 72
 73
 74
 75
 76
 77
 78
 79
 80
 81
 82
 83
 84
 85
 86
 87
 88
 89
 90
 91
 92
 93
 94
 95
 96
 97
 98
 99
100
101
102
103
104
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:background="@color/white"
    android:padding="20sp">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:gravity="center"

        android:orientation="vertical">

        <com.kd.banner.Common.MyTextViewBody
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="28sp"
            android:gravity="center_horizontal"
            android:text="ramra"
            android:textColor="@color/md_red_A700"
            android:textSize="28sp" />

        <com.kd.banner.Common.MyTextViewHeader
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="14sp"
            android:background="@drawable/reactfb"
            android:gravity="center"
            android:padding="10dp"
            android:text="Login with facebook"
            android:textColor="@color/white" />

        <com.kd.banner.Common.MyTextViewHeader
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="14sp"
            android:background="@drawable/rectgoogle"
            android:gravity="center"
            android:padding="10dp"
            android:text="Login with Google"
            android:textColor="@color/white" />

        <com.kd.banner.Common.MyTextViewHeader
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_margin="10sp"
            android:text="OR" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8sp"
            android:drawableLeft="@drawable/useredit"
            android:drawablePadding="10sp"
            android:hint="Username" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="18sp"
            android:drawableLeft="@drawable/lock"
            android:drawablePadding="10sp"
            android:hint="Password" />

        <com.kd.banner.Common.MyTextViewHeader
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/reactlogingreenlik"
            android:gravity="center_horizontal"
            android:padding="14sp"
            android:text="Login"
            android:textAllCaps="true"
            android:textColor="@color/white" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:padding="10sp">

        <com.kd.banner.Common.MyTextViewHeader
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:id="@+id/tvsignup"
            android:gravity="left"
            android:text="Create New Account"
            android:textColor="@color/green_A400" />

        <com.kd.banner.Common.MyTextViewHeader
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:gravity="end"

            android:text="Forgot Password"
            android:textColor="@color/green_A400" />

    </LinearLayout>
</LinearLayout>

Resources-

reactfb.xml



1
2
3
4
5
<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">
    <corners android:radius="20dp"/>
    <solid android:color="@color/fb"/>
</shape>

rectgoogle.xml


1
2
3
4
5
<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="20dp"/>
    <solid android:color="@color/md_red_A700"/>
</shape>

reactlogingreenlik.xml


1
2
3
4
5
<?xml version="1.0" encoding="utf-8"?>
<shape android:shape="rectangle" xmlns:android="http://schemas.android.com/apk/res/android">
<corners android:radius="20dp"/>
    <solid android:color="@color/md_red_A700"/>
</shape>


<color name="fb">#3b5999</color>


<color name="green_A400">#00E676</color>


<color name="md_red_A700">#D50000</color>

Comments

Post a Comment

Popular posts from this blog

Android Application Design Series -SkyLine App Design

Image
Android Application Design Series -SkyLine App Design  To develop awesome android application we first need the Attractive UI for the Application is key for make an android application successful. To design below screen in your application just copy and paste the following code and you will get the design. If you want to develop such kind of design then watch my videos on Learning and sharing with KD  For Login Screen Design Code - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android" xmlns:app= "http://schemas.android.com/apk/res-auto" android:layout_width= "match_parent" android:layout_height= ...
Read more

Android Application Design Series - Login ,Registration

Image
Android Application Design Series - Login ,Registration To develop awesome android application we first need the Attractive UI for the Application is key for make an android application successful. To design below screen in your application just copy and paste the following code and you will get the design. If you want to develop such kind of design then watch my videos   on Learning and sharing with KD  Bird House App For Login Screen Design Code - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android" android:layout_width= "match_parent" android:layout_height...
Read more

Android Application Design - Stylish Android Application Login Registration Design

Image
Android Application Design - Stylish Android Application Login Registration Design To develop awesome android application we first need the Attractive UI for the Application is key for make an android application successful. To design below screen in your application just copy and paste the following code and you will get the design. If you want to develop such kind of design then watch my videos on Learning and sharing with KD  Stylish Android Application Design For Login Screen Code - 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 <?xml version="1.0" e...
Read more