Android application design for MEDICAL APP


Medical Application

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 the 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
109
110
111


<?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:gravity="center"
    android:orientation="vertical"
    android:padding="20sp">

    <com.kd.banner.Common.MyTextViewHeader
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10dp"
        android:gravity="center_horizontal"
        android:text="Sign in Process"
        android:textColor="@color/black" />

    <com.kd.banner.Common.MyTextViewHeader
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="10sp"
        android:gravity="center_horizontal"
        android:text="Please fill your login credentials" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10sp"
        android:background="@drawable/edittextreact"
        android:drawablePadding="15sp"
        android:drawableRight="@drawable/blackavatar"
        android:hint="Username"
        android:padding="10sp" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10sp"
        android:background="@drawable/edittextreact"
        android:drawablePadding="15sp"

        android:drawableRight="@drawable/blacklocked"
        android:hint="Password"
        android:padding="10sp" />

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

        <CheckBox
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Remember me" />

        <com.kd.banner.Common.MyTextViewHeader
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="end"
            android:text="@string/forgotPass"
            android:textColor="@color/black" />
    </LinearLayout>

    <com.kd.banner.Common.MyTextViewHeader
        android:id="@+id/myTextViewHeader4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10sp"
        android:background="@drawable/buttonmedical"
        android:gravity="center_horizontal"
        android:padding="12sp"
        android:text="LOGIN"
        android:textColor="@color/white" />

    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20sp">

        <View
            android:layout_width="match_parent"
            android:layout_height="1sp"
            android:layout_centerVertical="true"
            android:background="@color/bordercolo" />

        <com.kd.banner.Common.MyTextViewHeader
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:background="@drawable/rounded"
            android:padding="10sp"
            android:text="OR" />
    </RelativeLayout>

    <com.kd.banner.Common.MyTextViewHeader
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="10sp"
        android:background="@drawable/rectfb"
        android:gravity="center_horizontal"
        android:padding="12sp"
        android:text="LOGIN WITH FACEBOOK"
        android:textColor="@color/white" />

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

</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
87


<?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">

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="145sp"
        android:background="@drawable/buttonmedical"
        android:gravity="center"
        android:orientation="vertical">

        <ImageView
            android:layout_width="60sp"
            android:layout_height="60sp"
            android:src="@drawable/doctor" />

        <com.kd.banner.Common.MyTextViewHeader
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10sp"
            android:gravity="center"
            android:text="Register and Search Doctor"
            android:textColor="@color/white" />
    </LinearLayout>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:padding="20sp"
        android:orientation="vertical">

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10sp"
            android:background="@drawable/edittextreact"
            android:drawablePadding="15sp"
            android:drawableRight="@drawable/blackavatar"
            android:hint="Username"
            android:padding="10sp" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10sp"
            android:background="@drawable/edittextreact"
            android:drawablePadding="15sp"

            android:drawableRight="@drawable/blackemail"
            android:hint="Email"
            android:padding="10sp" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10sp"
            android:background="@drawable/edittextreact"
            android:drawablePadding="15sp"
            android:drawableRight="@drawable/callicon"
            android:hint="Phone No"
            android:padding="10sp" />

        <EditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10sp"
            android:background="@drawable/edittextreact"
            android:drawablePadding="15sp"

            android:drawableRight="@drawable/blacklocked"
            android:hint="Password"
            android:padding="10sp" />

        <com.kd.banner.Common.MyTextViewHeader
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="10sp"
            android:background="@drawable/buttonmedical"
            android:gravity="center_horizontal"
            android:padding="12sp"
            android:text="REGISTER"
            android:textColor="@color/white" />
    </LinearLayout>
</LinearLayout>












Resource Code-








<color name="bordercolo">#ddd</color>


<color name="dot_dark_screen3">#2278d4</color>


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




Place string insite string.xml




<string name="signupmedical">Don\'t have an account?<font color="#00E676"><b>SignUp here</b></font></string>








buttonmedical.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">
<gradient android:startColor="@color/dot_dark_screen3"
    android:endColor="@color/md_green_A400"/>
</shape>













edittextreact.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">
<gradient android:startColor="@color/dot_dark_screen3"
    android:endColor="@color/md_green_A400"/>
</shape>












MyTextViewHeader.class



Download Montserrat-Regular.ttf font and place inside asset folder












 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


package com.kd.banner.Common;

import android.content.Context;
import android.graphics.Typeface;
import android.util.AttributeSet;
import android.widget.TextView;

/**
 * Created by admin on 01/04/2017.
 */
public class MyTextViewHeader extends TextView {

    public MyTextViewHeader(Context context, AttributeSet attrs, int defStyle) {
        super(context, attrs, defStyle);
        init();
    }

    public MyTextViewHeader(Context context, AttributeSet attrs) {
        super(context, attrs);
        init();
    }

    public MyTextViewHeader(Context context) {
        super(context);
        init();
    }

    private void init() {
        Typeface tf = Typeface.createFromAsset(getContext().getAssets(),
                "Montserrat-Regular.ttf");
        setTypeface(tf);
    }

}









































Comments











Post a Comment