Android Applicatio Design For Car Application(Splash ,Login and Registration Screen)


Android Applicatio Design For Car Application

(Splash ,Login and Registration Screen) 

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 Splash Screen Code -


 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
<?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:background="@color/car"
    android:gravity="center"
    android:orientation="vertical">

    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/car" />
</LinearLayout>

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
<?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:background="#80dddddd"
    android:orientation="vertical"
    android:padding="20sp">

    <com.kd.banner.Common.MyTextViewHeader
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10sp"
        android:background="@color/car"
        android:drawableLeft="@drawable/googlplus"
        android:drawablePadding="20sp"
        android:gravity="center_vertical|center_horizontal"
        android:padding="14sp"
        android:text="SIGN UP WITH GOOGLE"
        android:textColor="@color/white" />

    <com.kd.banner.Common.MyTextViewHeader
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/rectfb"
        android:drawableLeft="@drawable/facebookicon"
        android:drawablePadding="20sp"
        android:gravity="center_vertical|center_horizontal"
        android:padding="14sp"
        android:text="SIGN UP WITH FACEBOOK"
        android:textColor="@color/white" />

    <com.kd.banner.Common.MyTextViewHeader
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_margin="18sp"
        android:text="OR"
        android:textSize="15sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="28sp"
        android:layout_marginTop="10sp"
        android:orientation="vertical">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8sp"
            android:background="@drawable/edittextcar"
            android:hint="Email"
            android:padding="14sp" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8sp"
            android:background="@drawable/edittextcar"
            android:hint="Password"

            android:padding="14sp" />

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8sp"
            android:background="@color/car"
            android:padding="14sp"
            android:text="SIGN IN"
            android:textColor="@color/white" />

    </LinearLayout>

    <com.kd.banner.Common.MyTextViewHeader
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginBottom="10sp"
        android:text="Forgot Password?" />

    <com.kd.banner.Common.MyTextViewHeader
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/tvsignup"
        android:layout_gravity="center_horizontal"
        android:text="@string/carsignup" />

</LinearLayout>

For Registration 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
<?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:background="#80dddddd"
    android:orientation="vertical"
    android:padding="20sp">


    <ImageView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_margin="20sp"
        android:src="@drawable/carcolor" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="28sp"
        android:layout_marginTop="10sp"
        android:orientation="vertical">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8sp"
            android:background="@drawable/edittextcar"
            android:hint="Username"

            android:padding="14sp" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8sp"
            android:background="@drawable/edittextcar"
            android:hint="Email"

            android:padding="14sp" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8sp"
            android:background="@drawable/edittextcar"
            android:hint="Phone No"

            android:padding="14sp" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8sp"
            android:background="@drawable/edittextcar"
            android:hint="Password"

            android:padding="14sp" />

        <Button
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginBottom="8sp"
            android:background="@color/car"
            android:padding="14sp"
            android:text="SIGN UP"
            android:textColor="@color/white" />

    </LinearLayout>

    <com.kd.banner.Common.MyTextViewHeader
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginBottom="10sp"
        android:text="By creating account with us you agree to our" />

    <com.kd.banner.Common.MyTextViewHeader
        android:id="@+id/tvsignup"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="Terms and Conditions"
        android:textColor="@color/car" />

</LinearLayout>

Resources-
<color name="car">#FFFF1717</color>

<color name="white">#FFFFFF</color>




Code for edittextcar.xml
















1
2
3
4
5
6


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/white" />
    <corners android:radius="2sp"/>
</shape>









































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