5.6. 기록

구현 방법

기록 Main

(1) Layout의 Expand와 Collapse 기능을 위해 ExpandableLayout 사용

(2) 이중 RecyclerView 사용

기록 Add

(1) EditText의 text가 변경될 때마다 바이트 수를 Display하기 위해 EditText.addTextChangedListener 사용

(2) BubbleSeekBar 사용

기록 Detail

(1) 수정을 금지하기 위해 EditText의 Enabled 속성을 false로 적용

구현 코드

기록 Main

(1) Layout의 Expand와 Collapse 기능을 위해 ExpandableLayout 사용

• item_daily_expandable.xml

        <com.skydoves.expandablelayout.ExpandableLayout
            android:id="@+id/expandableLayout"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            app:expandable_duration="150"
            app:expandable_parentLayout="@layout/layout_daily_goal_parent"
            app:expandable_secondLayout="@layout/layout_daily_goal_second"
            app:layout_constraintBottom_toBottomOf="@+id/line"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toTopOf="parent" />

(2) 이중 RecyclerView 사용

• 여러개의 키워드 속 여러개의 기록을 구현하기 위해 RecyclerView를 중첩하여 사용

• fragment_task.xml

            <androidx.recyclerview.widget.RecyclerView
                android:id="@+id/rv_tasks"
                android:layout_width="match_parent"
                android:layout_height="0dp"
                app:layout_constraintBottom_toBottomOf="parent"
                app:layout_constraintEnd_toEndOf="parent"
                app:layout_constraintStart_toStartOf="parent"
                app:layout_constraintTop_toBottomOf="@+id/line"
                tools:itemCount="4"
                tools:listitem="@layout/item_daily_expandable"
                android:visibility="@{isKeywordExist ? View.VISIBLE : View.GONE}"/>

• layout_daily_goal_second.xml

        <androidx.recyclerview.widget.RecyclerView
            android:id="@+id/rv_weekly_goal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:paddingStart="80dp"
            android:paddingEnd="72dp"
            android:layout_marginBottom="32dp"
            tools:listitem="@layout/item_daily_goal"/>

기록 Detail

(1) EditText의 text가 변경될 때마다 바이트 수를 Display하기 위해 EditText.addTextChangedListener 사용

• TaskAddActivity.kt

        binding.etTitle.addTextChangedListener {
            val length = binding.etTitle.length()
            isTitleEntered = length > 0
            isInputChanged = true
            binding.tvTitleByte.text = length.toString()
            binding.btnSave.isEnabled = isSaveButtonEnabled()
        }

(2) BubbleSeekBar 사용

• activity_daily_detail.xml

        <com.xw.repo.BubbleSeekBar
            android:id="@+id/bubbleSeekBar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_marginHorizontal="16dp"
            app:bsb_bubble_color="@color/mainOrange"
            app:bsb_bubble_text_color="@color/white"
            app:bsb_max="5"
            app:bsb_min="1"
            app:bsb_progress="1"
            app:bsb_second_track_color="@color/mainOrange"
            app:bsb_second_track_size="3dp"
            app:bsb_section_count="4"
            app:bsb_seek_step_section="true"
            app:bsb_show_section_mark="true"
            app:bsb_thumb_radius="12dp"
            app:bsb_thumb_radius_on_dragging="24dp"
            app:bsb_track_color="@color/mainConcrete"
            app:bsb_track_size="3dp"
            app:layout_constraintBottom_toTopOf="@+id/btn_save"
            app:layout_constraintEnd_toEndOf="parent"
            app:layout_constraintStart_toStartOf="parent"
            app:layout_constraintTop_toBottomOf="@+id/tv_satisfaction_info" />

실행 화면

기록 Main	기록 Add	기록 Detail