-
Notifications
You must be signed in to change notification settings - Fork 82
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #25 from nathan29849/feature/price_setting
가격 범위 그래프 구현
- Loading branch information
Showing
7 changed files
with
205 additions
and
2 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
120 changes: 120 additions & 0 deletions
120
android/app/src/main/java/com/example/airbnb/ui/PriceSettingFragment.kt
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,120 @@ | ||
| package com.example.airbnb.ui | ||
|
|
||
| import android.os.Bundle | ||
| import android.util.Log | ||
| import androidx.fragment.app.Fragment | ||
| import android.view.LayoutInflater | ||
| import android.view.View | ||
| import android.view.ViewGroup | ||
| import androidx.databinding.DataBindingUtil | ||
| import com.example.airbnb.R | ||
| import com.example.airbnb.databinding.FragmentPriceSettingBinding | ||
| import com.stfalcon.pricerangebar.model.BarEntry | ||
| import java.text.DecimalFormat | ||
|
|
||
|
|
||
| class PriceSettingFragment : Fragment() { | ||
|
|
||
| lateinit var binding: FragmentPriceSettingBinding | ||
| private val formatter = DecimalFormat("#,###") | ||
|
|
||
| override fun onCreateView( | ||
| inflater: LayoutInflater, container: ViewGroup?, | ||
| savedInstanceState: Bundle? | ||
| ): View? { | ||
| binding = | ||
| DataBindingUtil.inflate(inflater, R.layout.fragment_price_setting, container, false) | ||
|
|
||
| initPriceRange() | ||
| initChart() | ||
| listenPinPointChange() | ||
|
|
||
| binding.btnResetPrice.setOnClickListener { | ||
| binding.priceRangeBar.setSelectedEntries(RANGE_MIN_INDEX, RANGE_MAX_INDEX) | ||
| } | ||
|
|
||
| return binding.root | ||
| } | ||
|
|
||
| private fun initPriceRange() { | ||
| binding.tvPriceRange.text = | ||
| "₩${PRICE_MIN_VALUE} - ₩${formatter.format(PRICE_MAX_VALUE * TEN_MAAN)}+" | ||
| } | ||
|
|
||
|
|
||
| private fun listenPinPointChange() { | ||
| binding.priceRangeBar.onRightPinChanged = { index, rightPinValue -> | ||
| val rangeTextMin = binding.tvPriceRange.text.split(" - ")[0] | ||
| val rangeTextMax = rightPinValue?.toFloat()?.toInt()?.let { | ||
| if (it >= 10) formatter.format( | ||
| PRICE_MAX_VALUE * TEN_MAAN | ||
| ) + "+" | ||
| else (formatter.format(rightPinValue.toFloat().toInt().times(TEN_MAAN))) | ||
| } | ||
| binding.tvPriceRange.text = "$rangeTextMin - ₩$rangeTextMax" | ||
| } | ||
| } | ||
|
|
||
| private fun initChart() { | ||
|
|
||
| val priceHashMap = getPriceData() | ||
|
|
||
| val seekBarEntries = ArrayList<BarEntry>() | ||
| for (i in PRICE_MIN_VALUE..PRICE_MAX_VALUE) { | ||
| priceHashMap[i]?.let { | ||
|
|
||
| seekBarEntries.add(BarEntry(i.toFloat(), it.toFloat())) | ||
| seekBarEntries.add(BarEntry(i + SEEKBAR_VALUE_GAP, it.toFloat())) | ||
|
|
||
| seekBarEntries.add(BarEntry(i + SEEKBAR_VALUE_GAP, SEEKBAR_VACANT_VALUE)) | ||
| seekBarEntries.add( | ||
| BarEntry( | ||
| i + SEEKBAR_VALUE_GAP + SEEKBAR_VACANT_GAP, | ||
| SEEKBAR_VACANT_VALUE | ||
| ) | ||
| ) | ||
| } ?: kotlin.run { | ||
| seekBarEntries.add(BarEntry(i.toFloat(), SEEKBAR_VACANT_VALUE)) | ||
| seekBarEntries.add(BarEntry(i + SEEKBAR_VALUE_GAP, SEEKBAR_VACANT_VALUE)) | ||
|
|
||
| seekBarEntries.add(BarEntry(i + SEEKBAR_VALUE_GAP, SEEKBAR_VACANT_VALUE)) | ||
| seekBarEntries.add( | ||
| BarEntry( | ||
| i + SEEKBAR_VALUE_GAP + SEEKBAR_VACANT_GAP, | ||
| SEEKBAR_VACANT_VALUE | ||
| ) | ||
| ) | ||
| } | ||
| } | ||
| binding.priceRangeBar.setEntries(seekBarEntries) | ||
| } | ||
|
|
||
| // key : 2(20만원 이상 30만원 미만) , value(해당 범위내의 개수) | ||
| private fun getPriceData(): HashMap<Int, Int> { | ||
| val hashMap = HashMap<Int, Int>() | ||
|
|
||
| //TODO 추후 viewModel 을 통해 데이터 가져오기 | ||
| val dataSet = | ||
| listOf<Int>(11, 20, 30, 55, 100, 400, 23, 43, 22, 71, 45, 44, 43, 65, 11, 13, 26, 24) | ||
| dataSet.forEach { | ||
| val key = if (it / 10 >= 10) 10 else it / 10 | ||
| hashMap[key] = hashMap[key]?.plus(1) ?: 1 | ||
| } | ||
| return hashMap | ||
| } | ||
|
|
||
| companion object { | ||
| const val PRICE_MAX_VALUE = 10 | ||
| const val PRICE_MIN_VALUE = 0 | ||
| const val PRICE_GAP = 10 | ||
|
|
||
| const val SEEKBAR_VALUE_GAP = 0.8f | ||
| const val SEEKBAR_VACANT_GAP = 0.2f | ||
|
|
||
| const val SEEKBAR_VACANT_VALUE = 0.0f | ||
| const val TEN_MAAN = 100000 | ||
|
|
||
| const val RANGE_MAX_INDEX = 42 | ||
| const val RANGE_MIN_INDEX = 1 | ||
| } | ||
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
54 changes: 54 additions & 0 deletions
54
android/app/src/main/res/layout/fragment_price_setting.xml
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,54 @@ | ||
| <?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=".ui.PriceSettingFragment"> | ||
|
|
||
|
|
||
| <com.stfalcon.pricerangebar.RangeBarWithChart | ||
| android:id="@+id/price_range_bar" | ||
| android:layout_width="match_parent" | ||
| android:layout_height="wrap_content" | ||
| app:layout_constraintBottom_toBottomOf="parent" | ||
| app:layout_constraintTop_toTopOf="parent" /> | ||
|
|
||
| <TextView | ||
| android:id="@+id/tv_price_range" | ||
| android:layout_width="wrap_content" | ||
| android:layout_height="wrap_content" | ||
| android:layout_marginTop="40dp" | ||
| android:text="@string/tempString" | ||
| android:textSize="40sp" | ||
| app:layout_constraintEnd_toEndOf="parent" | ||
| app:layout_constraintStart_toStartOf="parent" | ||
| app:layout_constraintTop_toTopOf="parent" /> | ||
|
|
||
|
|
||
| <Button | ||
| android:layout_marginBottom="100dp" | ||
| android:id="@+id/btn_jump_setting_price" | ||
| android:layout_width="wrap_content" | ||
| android:layout_height="wrap_content" | ||
| android:text="@string/price_page_jump" | ||
| app:layout_constraintBottom_toBottomOf="parent" | ||
| app:layout_constraintStart_toStartOf="parent" /> | ||
|
|
||
| <Button | ||
| android:layout_marginBottom="100dp" | ||
| android:id="@+id/btn_reset_price" | ||
| android:layout_width="wrap_content" | ||
| android:layout_height="wrap_content" | ||
| android:layout_marginLeft="10dp" | ||
| android:text="@string/price_page_reset" | ||
| app:layout_constraintBottom_toBottomOf="parent" | ||
| app:layout_constraintStart_toEndOf="@id/btn_jump_setting_price" /> | ||
| </androidx.constraintlayout.widget.ConstraintLayout> | ||
| </layout> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters