Skip to content

Commit

Permalink
[FEAT] 로그인 UI 구현 #4
Browse files Browse the repository at this point in the history
  • Loading branch information
@eldeoddt
eldeoddt committed Aug 22, 2023
1 parent 59e00e7 commit b9eba7a
Show file tree
Hide file tree
Showing 4 changed files with 214 additions and 0 deletions.
6 changes: 6 additions & 0 deletions app/src/main/res/drawable/login_btn_background.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#EAEAEA"/>
<corners android:radius="10dp"/>
</shape>
Binary file added app/src/main/res/drawable/login_logo.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions app/src/main/res/drawable/login_radius.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#F6FAF9"/>
<corners android:radius="10dp"/>
</shape>
202 changes: 202 additions & 0 deletions app/src/main/res/layout/activity_login.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,202 @@
<?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">

<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/constraintLayout"
android:layout_width="match_parent"
android:layout_height="58dp"
android:background="@color/titlePurple"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">

</androidx.constraintlayout.widget.ConstraintLayout>

<ImageView
android:id="@+id/iv_logo"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="88dp"
android:src="@drawable/login_logo"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<ImageView
android:id="@+id/iv_id"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginStart="32dp"
android:layout_marginTop="272dp"
android:layout_marginEnd="32dp"
android:background="@drawable/login_radius"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>

<ImageView
android:id="@+id/iv_pw"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginStart="32dp"
android:layout_marginTop="328dp"
android:layout_marginEnd="32dp"
android:background="@drawable/login_radius"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"/>

<EditText
android:id="@+id/et_id"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginStart="44dp"
android:layout_marginTop="272dp"
android:layout_marginEnd="44dp"
android:background="#00000000"
android:hint="아이디를 입력해주세요"
android:imeOptions="actionDone"
android:inputType="text"
android:singleLine="true"
android:textColorHint="#6B6666"
android:textSize="16dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<EditText
android:id="@+id/et_pw"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginStart="44dp"
android:layout_marginTop="328dp"
android:layout_marginEnd="44dp"
android:background="#00000000"
android:hint="비밀번호를 입력해주세요"
android:imeOptions="actionDone"
android:inputType="text"
android:singleLine="true"
android:textColorHint="#6B6666"
android:textSize="16dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<android.widget.Button
android:id="@+id/btn_login"
android:layout_width="match_parent"
android:layout_height="48dp"
android:layout_marginStart="32dp"
android:layout_marginTop="396dp"
android:layout_marginEnd="32dp"
android:background="@drawable/login_btn_background"
android:text="로그인"
android:textColor="#6B6666"
android:textSize="16dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
style="?android:attr/borderlessButtonStyle"
/>

<android.widget.Button
android:id="@+id/btn_findId"
android:layout_width="68dp"
android:layout_height="16dp"
android:layout_marginBottom="2dp"
android:background="#00000000"
android:text="아이디 찾기"
android:textColor="#6B6666"
android:textSize="12dp"
app:layout_constraintBottom_toBottomOf="@+id/tv_middle"
app:layout_constraintEnd_toStartOf="@id/tv_middle"
app:layout_constraintTop_toTopOf="@+id/tv_middle" />

<TextView
android:id="@+id/tv_middle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="471dp"
android:layout_marginEnd="12dp"
android:text="|"
android:textColor="#6B6666"
android:textSize="13dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<android.widget.Button
android:id="@+id/btn_modPw"
android:layout_width="80dp"
android:layout_height="16dp"
android:layout_marginBottom="2dp"
android:background="#00000000"
android:text="비밀번호 변경"
android:textColor="#6B6666"
android:textSize="12dp"
app:layout_constraintBottom_toBottomOf="@+id/tv_middle"
app:layout_constraintStart_toEndOf="@id/tv_middle"
app:layout_constraintTop_toTopOf="@+id/tv_middle" />

<View
android:id="@+id/view_line"
android:layout_width="match_parent"
android:layout_height="1dp"
android:layout_marginStart="32dp"
android:layout_marginTop="560dp"
android:layout_marginEnd="32dp"
android:background="#000000"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<TextView
android:id="@+id/tv_snsLogin"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="550dp"
android:background="@color/white"
android:text=" SNS 간편 로그인 "
android:textColor="#6B6666"
android:textSize="12dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/cl_join"
android:layout_width="175dp"
android:layout_height="16dp"
android:layout_marginTop="680dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">

<TextView
android:id="@+id/tv_join"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="올포키가 처음이세요?"
android:textColor="#6B6666"
android:textSize="12dp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<android.widget.Button
android:layout_width="65dp"
android:layout_height="16dp"
android:background="#00000000"
android:text="회원가입"
android:textColor="#5071E7"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
android:textSize="12dp"
/>
</androidx.constraintlayout.widget.ConstraintLayout>


</androidx.constraintlayout.widget.ConstraintLayout>

0 comments on commit b9eba7a

Please sign in to comment.