Login Page Ui
moha-b opened this issue · comments
Login Page
Note
if u want to change it just tell me
![](https://private-user-images.githubusercontent.com/73842931/238326985-278bf965-f5b1-47ac-97e0-6eaaec139349.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjMyNjgyNzIsIm5iZiI6MTcyMzI2Nzk3MiwicGF0aCI6Ii83Mzg0MjkzMS8yMzgzMjY5ODUtMjc4YmY5NjUtZjViMS00N2FjLTk3ZTAtNmVhYWVjMTM5MzQ5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA4MTAlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwODEwVDA1MzI1MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTRiMTEzYTgyZWFjMTY1YmRjMThjM2M3N2EyNTcwZDg2MzM5NTRkNjRmMjllMTJlNWVkMGMzODJlYWMyYjMyNmQmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.Bk_I3MVOXyVLkhDpeHUDl-urkMaj_8bFYxfG7GE7ZwE)
<?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"
tools:context=".MainActivity">
<ImageView
android:id="@+id/logo_iv"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="70dp"
android:src="@mipmap/ic_launcher"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<TextView
android:id="@+id/login_tv"
android:text="Login"
android:textSize="30sp"
android:layout_marginTop="16dp"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="@+id/logo_iv"
app:layout_constraintStart_toStartOf="@+id/logo_iv"
app:layout_constraintTop_toBottomOf="@+id/logo_iv" />
<LinearLayout
android:id="@+id/inputs_ll"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:layout_constraintEnd_toEndOf="parent"
android:layout_marginTop="16dp"
android:padding="16dp"
android:orientation="vertical"
app:layout_constraintTop_toBottomOf="@id/login_tv"
app:layout_constraintStart_toStartOf="parent">
<EditText
android:id="@+id/username_et"
android:layout_width="match_parent"
android:hint="UserName"
android:drawablePadding="8dp"
android:paddingStart="8dp"
android:inputType="text"
android:drawableLeft="@drawable/ic_person"
android:background="@drawable/rounded_et"
android:layout_marginBottom="16dp"
android:layout_height="50dp"/>
<EditText
android:id="@+id/password_et"
android:layout_width="match_parent"
android:drawablePadding="8dp"
android:inputType="textPassword"
android:paddingStart="8dp"
android:drawableLeft="@drawable/ic_password"
android:background="@drawable/rounded_et"
android:hint="Password"
android:layout_height="50dp"/>
</LinearLayout>
<!-- Buttons -->
<LinearLayout
android:id="@+id/btn_ll"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:orientation="vertical"
android:paddingHorizontal="80dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintTop_toBottomOf="@id/inputs_ll">
<Button
android:id="@+id/login_btn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:text="Login" />
<Button
android:id="@+id/signup_btn"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginVertical="16dp"
android:text="signup" />
</LinearLayout>
</androidx.constraintlayout.widget.ConstraintLayout>
Rounded_et
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="true" android:state_focused="true">
<shape android:shape="rectangle">
<solid android:color="@color/white"/>
<corners android:radius="10dp"/>
<stroke android:color="@color/purple_700" android:width="3dp"/>
</shape>
</item>
<item android:state_enabled="true">
<shape android:shape="rectangle">
<solid android:color="@color/white"/>
<corners android:radius="10dp"/>
<stroke android:color="@color/black" android:width="1dp"/>
</shape>
</item>
</selector>
done