Responsive Advertisement

Login Ui Design Android Studio ,Ui/Ux Design To XML Code #uiuxtoxml #Mobile_ui_1


activity_sign_up.xml:-

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 
    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="#FFFFFF"
    tools:context=".SignUP_Activity">


    <androidx.cardview.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="70dp"
        android:layout_height="50dp"
        android:layout_marginTop="20dp"
        android:backgroundTint="#E5ECF3"
        android:padding="20dp"
        app:cardCornerRadius="3dp"
        app:cardElevation="5dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_gravity="center"
            android:src="@drawable/left_arrow"
            app:tint="#0E4A86" />

    </androidx.cardview.widget.CardView>

    <TextView
        android:id="@+id/tv_hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="16dp"
        android:layout_marginLeft="20dp"
        android:fontFamily="@font/berkshire_swash"
        android:text="Hello\nSignup to\nget started"
        android:textColor="#0E4A86"
        android:textFontWeight="900"
        android:textSize="30sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/cardView" />


    <androidx.cardview.widget.CardView
        android:id="@+id/cardView1"
        android:layout_width="50dp"
        android:layout_height="50dp"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="20dp"
        android:backgroundTint="#0E4A86"
        app:cardCornerRadius="7dp"
        app:cardElevation="5dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv_hello">

        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:padding="10dp"
            android:src="@drawable/ic_user"
            app:tint="#fff" />
    </androidx.cardview.widget.CardView>

    <EditText
        android:id="@+id/et_name"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:background="@drawable/edittext_background"
        android:elevation="10dp"
        android:hint="Name"
        android:paddingLeft="16dp"
        android:textColor="#0E4A86"
        android:inputType="text"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/cardView1" />

    <EditText
        android:id="@+id/et_email"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:background="@drawable/edittext_background"
        android:elevation="10dp"
        android:hint="Email Address"
        android:paddingLeft="16dp"
        android:textColor="#0E4A86"
        android:inputType="textEmailAddress"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/et_name" />

    <EditText
        android:id="@+id/et_password"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:paddingLeft="16dp"
        android:background="@drawable/edittext_background"
        android:elevation="10dp"
        android:hint="Password"
        android:textColor="#0E4A86"
        android:inputType="textPassword"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/et_email" />

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:backgroundTint="#0E4A86"
        android:textColor="@color/white"
        android:elevation="10dp"
        android:text="Sign Up"
        app:layout_constraintTop_toBottomOf="@+id/et_password"
        tools:layout_editor_absoluteX="20dp" />

    <TextView
        android:id="@+id/tv_account"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="8dp"
        android:layout_marginLeft="23dp"
        android:textSize="11sp"
        android:textColor="#0E4A86"
        android:text="Already Have An Account?"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="10dp"
        android:text="SignIn"
        android:textColor="#0E4A86"
        android:textSize="11sp"
        android:textStyle="bold"
        app:layout_constraintBottom_toBottomOf="@+id/tv_account"
        app:layout_constraintStart_toEndOf="@+id/tv_account"
        app:layout_constraintTop_toTopOf="@+id/tv_account" />


    <ImageView
        android:layout_width="0dp"
        android:layout_height="80dp"
        android:src="@drawable/ic_wave_2"
        android:scaleType="fitXY"
        android:alpha="1"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

edittext_background.xml:-

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

</shape>


ic_wave_2.xml:-

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="1440dp"
    android:height="320dp"
    android:viewportWidth="1440"
    android:viewportHeight="320">
  <path
      android:pathData="M0,224L12.6,197.3C25.3,171 51,117 76,85.3C101.1,53 126,43 152,53.3C176.8,64 202,96 227,122.7C252.6,149 278,171 303,149.3C328.4,128 354,64 379,80C404.2,96 429,192 455,197.3C480,203 505,117 531,90.7C555.8,64 581,96 606,117.3C631.6,139 657,149 682,154.7C707.4,160 733,160 758,176C783.2,192 808,224 834,202.7C858.9,181 884,107 909,117.3C934.7,128 960,224 985,245.3C1010.5,267 1036,213 1061,197.3C1086.3,181 1112,203 1137,197.3C1162.1,192 1187,160 1213,160C1237.9,160 1263,192 1288,208C1313.7,224 1339,224 1364,192C1389.5,160 1415,96 1427,64L1440,32L1440,320L1427.4,320C1414.7,320 1389,320 1364,320C1338.9,320 1314,320 1288,320C1263.2,320 1238,320 1213,320C1187.4,320 1162,320 1137,320C1111.6,320 1086,320 1061,320C1035.8,320 1011,320 985,320C960,320 935,320 909,320C884.2,320 859,320 834,320C808.4,320 783,320 758,320C732.6,320 707,320 682,320C656.8,320 632,320 606,320C581.1,320 556,320 531,320C505.3,320 480,320 455,320C429.5,320 404,320 379,320C353.7,320 328,320 303,320C277.9,320 253,320 227,320C202.1,320 177,320 152,320C126.3,320 101,320 76,320C50.5,320 25,320 13,320L0,320Z"
      android:fillColor="#0E4A86"/>
</vector>

activity_sign_in.xml:-

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout 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="#FFFFFF"
    tools:context=".SignIn_Activity">

    <androidx.cardview.widget.CardView
        android:id="@+id/cardView"
        android:layout_width="70dp"
        android:layout_height="50dp"
        android:layout_marginTop="20dp"
        android:backgroundTint="#E5ECF3"
        android:padding="20dp"
        app:cardCornerRadius="3dp"
        app:cardElevation="5dp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent">

        <ImageView
            android:layout_width="20dp"
            android:layout_height="20dp"
            android:layout_gravity="center"
            android:src="@drawable/left_arrow"
            app:tint="#0E4A86" />

    </androidx.cardview.widget.CardView>

    <TextView
        android:id="@+id/tv_hello"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="25dp"
        android:layout_marginLeft="20dp"
        android:fontFamily="@font/berkshire_swash"
        android:text="Hello Again! \nWelcome \nBack"
        android:textColor="#0E4A86"
        android:textFontWeight="900"
        android:textSize="30sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/cardView" />

    <EditText
        android:id="@+id/et_email"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_marginTop="35dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:paddingLeft="16dp"
        android:background="@drawable/edittext_background"
        android:textColor="#0E4A86"
        android:elevation="10dp"
        android:hint="Email Address"
        android:inputType="textEmailAddress"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/tv_hello" />

    <EditText
        android:id="@+id/et_password"
        android:layout_width="match_parent"
        android:layout_height="45dp"
        android:layout_marginTop="20dp"
        android:layout_marginLeft="20dp"
        android:layout_marginRight="20dp"
        android:paddingLeft="16dp"
        android:background="@drawable/edittext_background"
        android:textColor="#0E4A86"
        android:elevation="10dp"
        android:hint="Password"
        android:inputType="textPassword"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/et_email" />

    <Button
        android:id="@+id/button"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_margin="20dp"
        android:backgroundTint="#0E4A86"
        android:textColor="@color/white"
        android:elevation="10dp"
        android:text="Sign In"
        app:layout_constraintTop_toBottomOf="@+id/et_password"
        tools:layout_editor_absoluteX="20dp" />


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_marginLeft="22dp"
        android:textSize="12sp"
        android:text="Forgot Your Password?"
        android:textColor="#0E4A86"
        android:textStyle="bold"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_marginRight="22dp"
        android:textSize="12sp"
        android:text="Signup"
        android:textColor="#0E4A86"
        android:textStyle="bold"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/button" />

    <ImageView
        android:layout_width="0dp"
        android:layout_height="100dp"
        android:src="@drawable/ic_wave"
        android:scaleType="fitXY"
        android:alpha="1"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent" />


</androidx.constraintlayout.widget.ConstraintLayout>


ic_wave.xml:-

<vector xmlns:android="http://schemas.android.com/apk/res/android"
    android:width="1440dp"
    android:height="320dp"
    android:viewportWidth="1440"
    android:viewportHeight="320">
  <path
      android:pathData="M0,96L26.7,128C53.3,160 107,224 160,208C213.3,192 267,96 320,58.7C373.3,21 427,43 480,48C533.3,53 587,43 640,74.7C693.3,107 747,181 800,192C853.3,203 907,149 960,149.3C1013.3,149 1067,203 1120,229.3C1173.3,256 1227,256 1280,224C1333.3,192 1387,128 1413,96L1440,64L1440,320L1413.3,320C1386.7,320 1333,320 1280,320C1226.7,320 1173,320 1120,320C1066.7,320 1013,320 960,320C906.7,320 853,320 800,320C746.7,320 693,320 640,320C586.7,320 533,320 480,320C426.7,320 373,320 320,320C266.7,320 213,320 160,320C106.7,320 53,320 27,320L0,320Z"
      android:fillColor="#0a3662"/>
</vector>


Tag:-

what is ui design,ux design,Ui design,ui ux design,ui ux design tutorial,ui ux design course,ui ux design tutorial for beginners,ui ux designer,ui ux designer salary,ui ux designer jobs,ux,Ui ux design course for beginners,user experience design,user interface design,ui ux to code,ui ux design code,ui ux to xml tutorial,android studio,android ui design,Xml,ux ui,ux design portfolio

Tags

Post a Comment

0 Comments