Skip to content

Commit

Permalink
[UI] #104 : 홈 화면 UI 구현
Browse files Browse the repository at this point in the history
  • Loading branch information
jeongjaino committed Nov 18, 2023
1 parent 04d6ce0 commit ee80b53
Showing 1 changed file with 320 additions and 0 deletions.
320 changes: 320 additions & 0 deletions client/app/src/main/res/layout/fragment_home.xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,320 @@
<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http:https://schemas.android.com/apk/res/android"
xmlns:app="http:https://schemas.android.com/apk/res-auto"
xmlns:tools="http:https://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent">

<TextView
android:id="@+id/tv_home_app_name"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="16dp"
android:fontFamily="@font/sc_dream_bold"
android:text="@string/home_top_app_name"
android:textColor="@color/green"
android:textSize="16sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<ImageView
android:id="@+id/iv_home_app_icon"
android:layout_width="40dp"
android:layout_height="40dp"
android:layout_marginStart="4dp"
android:src="@drawable/icon"
app:layout_constraintBottom_toBottomOf="@+id/tv_home_app_name"
app:layout_constraintStart_toEndOf="@+id/tv_home_app_name"
app:layout_constraintTop_toTopOf="@+id/tv_home_app_name" />

<ImageButton
android:id="@+id/ib_home_profile"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:layout_marginEnd="16dp"
android:background="@color/white"
app:tint="@color/green"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/ic_profile" />

<androidx.cardview.widget.CardView
android:id="@+id/cv_home_content"
android:layout_width="match_parent"
android:layout_height="0dp"
android:layout_marginTop="16dp"
app:cardBackgroundColor="@color/light_gray"
app:cardCornerRadius="20dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/iv_home_app_icon">

<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent">

<androidx.cardview.widget.CardView
android:id="@+id/cv_home_camera"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginEnd="16dp"
android:layout_marginBottom="16dp"
app:cardCornerRadius="20dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent" >

<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">

<TextView
android:id="@+id/tv_home_camera_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:text="@string/home_camera_content"
android:textSize="14sp"
android:fontFamily="@font/sc_dream_nor"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_home_camera_title" />

<TextView
android:id="@+id/tv_home_camera_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/home_camera_title"
android:textColor="@color/black"
android:textSize="16sp"
android:fontFamily="@font/sc_dream_nor"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<androidx.cardview.widget.CardView
android:id="@+id/cv_home_camera_content"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_home_camera_content" >

<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">

<View
android:id="@+id/dv_home_camera"
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="?android:attr/listDivider"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<ImageView
android:id="@+id/iv_home_camera_t_d"
android:layout_width="60dp"
android:layout_height="60dp"
android:layout_marginBottom="16dp"
app:layout_constraintBottom_toTopOf="@+id/dv_home_camera"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent"
app:srcCompat="@drawable/nutrition_facts" />

<ImageView
android:id="@+id/iv_home_camera_o_d"
android:layout_width="48dp"
android:layout_height="48dp"
android:layout_marginTop="16dp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="@+id/iv_home_camera_t_d"
app:layout_constraintStart_toStartOf="@+id/iv_home_camera_t_d"
app:layout_constraintTop_toBottomOf="@+id/dv_home_camera"
app:srcCompat="@drawable/object_detection" />

<TextView
android:id="@+id/tv_home_ocr_title"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:text="@string/home_camera_ocr_content"
android:textSize="16sp"
android:textColor="@color/green"
android:fontFamily="@font/sc_dream_nor"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/iv_home_camera_t_d"
app:layout_constraintTop_toTopOf="@+id/iv_home_camera_t_d" />

<TextView
android:id="@+id/tv_home_ocr_content"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:layout_marginTop="4dp"
android:text="@string/home_camera_ocr_title"
android:textSize="18sp"
android:textColor="@color/black"
android:fontFamily="@font/sc_dream_nor"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/iv_home_camera_t_d"
app:layout_constraintTop_toBottomOf="@+id/tv_home_ocr_title" />

<TextView
android:id="@+id/tv_home_od_title"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:fontFamily="@font/sc_dream_nor"
android:text="@string/home_camera_o_d_content"
android:textSize="16sp"
android:textColor="@color/green"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/iv_home_camera_t_d"
app:layout_constraintTop_toTopOf="@+id/iv_home_camera_o_d" />

<TextView
android:id="@+id/tv_home_o_d_title"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginStart="16dp"
android:fontFamily="@font/sc_dream_nor"
android:text="@string/home_camera_o_d_title"
android:textColor="@color/black"
android:textSize="18sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@+id/iv_home_camera_t_d"
app:layout_constraintTop_toBottomOf="@+id/tv_home_od_title" />

</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>
</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>

<androidx.cardview.widget.CardView
android:id="@+id/cv_home_product"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="16dp"
app:cardCornerRadius="20dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent">

<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">

<TextView
android:id="@+id/tv_home_product_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/sc_dream_nor"
android:text="@string/home_product_title"
android:textColor="@color/black"
android:textSize="16sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<TextView
android:id="@+id/tv_home_product_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:fontFamily="@font/sc_dream_nor"
android:text="@string/home_product_content"
android:textSize="14sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_home_product_title" />

<androidx.appcompat.widget.AppCompatEditText
android:id="@+id/bt_home_product_search"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:background="@drawable/rounded_edittext_background"
android:drawableEnd="@drawable/ic_baseline_search_24"
android:drawableTint="@color/green"
android:focusable="false"
android:padding="12dp"
android:text="@string/home_product_edittext_hint"
android:textColor="@color/green"
android:textSize="14sp"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_home_product_content" />

</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>

<androidx.cardview.widget.CardView
android:id="@+id/cv_home_ingredient"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_margin="16dp"
android:layout_marginTop="16dp"
android:layout_marginBottom="16dp"
app:cardCornerRadius="20dp"
app:layout_constraintBottom_toTopOf="@+id/cv_home_camera"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/cv_home_product">

<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:padding="16dp">

<TextView
android:id="@+id/tv_home_recipe_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:fontFamily="@font/sc_dream_nor"
android:text="@string/home_recipe_title"
android:textColor="@color/black"
android:textSize="16sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

<TextView
android:id="@+id/tv_home_recipe_content"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="4dp"
android:fontFamily="@font/sc_dream_nor"
android:text="@string/home_recipe_content"
android:textSize="14sp"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_home_recipe_title" />

<Button
android:id="@+id/bt_home_recipe"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_marginTop="16dp"
android:padding="10dp"
android:fontFamily="@font/sc_dream_nor"
android:text="@string/home_recipe_button_text"
app:layout_constraintBottom_toBottomOf="parent"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@+id/tv_home_recipe_content" />

</androidx.constraintlayout.widget.ConstraintLayout>

</androidx.cardview.widget.CardView>

</androidx.constraintlayout.widget.ConstraintLayout>
</androidx.cardview.widget.CardView>

</androidx.constraintlayout.widget.ConstraintLayout>

0 comments on commit ee80b53

Please sign in to comment.