Skip to content

Commit

Permalink
[Design/#25] ListFragment UI 구현
Browse files Browse the repository at this point in the history
  • Loading branch information
@yeoncheong
yeoncheong committed Jul 10, 2023
1 parent ed3943d commit dc05563
Show file tree
Hide file tree
Showing 2 changed files with 165 additions and 0 deletions.
19 changes: 19 additions & 0 deletions app/src/main/java/com/sopt/umbba_android/presentation/list/ListFragment.kt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
package com.sopt.umbba_android.presentation.list

import android.os.Bundle
import androidx.fragment.app.Fragment
import android.view.LayoutInflater
import android.view.View
import android.view.ViewGroup
import com.sopt.umbba_android.R
import com.sopt.umbba_android.databinding.FragmentListBinding
import com.sopt.umbba_android.util.binding.BindingFragment

class ListFragment : BindingFragment<FragmentListBinding>(R.layout.fragment_list) {

override fun onViewCreated(view: View, savedInstanceState: Bundle?) {
super.onViewCreated(view, savedInstanceState)

}

}
146 changes: 146 additions & 0 deletions app/src/main/res/layout/fragment_list.xml
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,146 @@
<?xml version="1.0" encoding="utf-8"?>
<layout 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">

<data>

</data>

<androidx.constraintlayout.widget.ConstraintLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".presentation.list.ListFragment">

<androidx.constraintlayout.widget.ConstraintLayout
android:id="@+id/cl_image"
android:layout_width="match_parent"
android:layout_height="0dp"
app:layout_constraintTop_toTopOf="parent">

<com.google.android.material.imageview.ShapeableImageView
android:id="@+id/iv_image"
android:layout_width="match_parent"
android:layout_height="0dp"
android:scaleType="centerCrop"
app:layout_constraintDimensionRatio="1:1"
app:layout_constraintTop_toTopOf="parent"
app:shapeAppearanceOverlay="@style/CornerRadiusImageView"
tools:src="@drawable/iv_maru" />

<TextView
android:id="@+id/tv_list"
style="@style/AndroidBody1_2Regular16"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginTop="21dp"
android:text="@string/list"
android:textColor="@color/umbba_black"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

<HorizontalScrollView
android:id="@+id/sv_titlegroup"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
android:scrollbars="none"
app:layout_constraintTop_toBottomOf="@id/cl_image">

<com.google.android.material.chip.ChipGroup
android:id="@+id/cg_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
app:checkedChip="@id/chip_1"
app:chipSpacingHorizontal="12dp"
app:selectionRequired="true"
app:singleSelection="true">

<com.google.android.material.chip.Chip
android:id="@+id/chip_1"
style="@style/ListChoiceChipStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="24dp"
android:textAppearance="@style/AndroidBody2_2Regular12"
app:chipMinHeight="26dp"
app:textEndPadding="12dp"
app:textStartPadding="12dp"
tools:text="# 타임머신" />

<com.google.android.material.chip.Chip
android:id="@+id/chip_2"
style="@style/ListChoiceChipStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="@style/AndroidBody2_2Regular12"
app:chipMinHeight="26dp"
app:textEndPadding="12dp"
app:textStartPadding="12dp"
tools:text="# 어린 시절" />

<com.google.android.material.chip.Chip
android:id="@+id/chip_3"
style="@style/ListChoiceChipStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="@style/AndroidBody2_2Regular12"
app:chipMinHeight="26dp"
app:textEndPadding="12dp"
app:textStartPadding="12dp"
tools:text="# 학창 시절" />

<com.google.android.material.chip.Chip
android:id="@+id/chip_4"
style="@style/ListChoiceChipStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textAppearance="@style/AndroidBody2_2Regular12"
app:chipMinHeight="26dp"
app:textEndPadding="12dp"
app:textStartPadding="12dp"
tools:text="# 대학 생활" />

<com.google.android.material.chip.Chip
android:id="@+id/chip_5"
style="@style/ListChoiceChipStyle"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginEnd="24dp"
android:textAppearance="@style/AndroidBody2_2Regular12"
app:chipMinHeight="26dp"
app:textEndPadding="12dp"
app:textStartPadding="12dp"
tools:text="# 회사 생활" />

</com.google.android.material.chip.ChipGroup>

</HorizontalScrollView>

<TextView
android:id="@+id/tv_title"
style="@style/BrandTypeBigRegular20"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_marginStart="20dp"
android:layout_marginTop="12dp"
android:textColor="@color/primary_600"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/sv_titlegroup"
tools:text="# 어린 시절" />

<androidx.recyclerview.widget.RecyclerView
android:id="@+id/rv_question_list"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="12dp"
app:layoutManager="androidx.recyclerview.widget.LinearLayoutManager"
app:layout_constraintTop_toBottomOf="@id/tv_title"
tools:itemCount="3"
tools:listitem="@layout/item_question_list" />

</androidx.constraintlayout.widget.ConstraintLayout>
</layout>

0 comments on commit dc05563

Please sign in to comment.