[1.1.1/AN-FEAT] 포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가 #378

sh1mj1 · 2024-10-19T10:34:53Z

closed [1.1.1/AN-FEAT] 포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가 #376

작업 영상

floating.butotn.webm

작업한 내용

포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가
버튼은 expandable floating Button 으로, 내 포켓몬, 상대 포켓몬
viewModel 에 이벤트와 sharedFlow 객체와 navigateToBattle 함수 만들어 놓음
포켓몬 상세 액티비티에 observeNavigateToBattleEvent 함수 만들어 놓았음. -> 예니는 여기서 startActivity 만 하면 될듯?

PR 포인트

이전 Coordinatorlayout PR 이후에 머지되어야 합니다.
floating button 을 만들고, 눌렀을 때 리스트 뷰가 만들어지게 했습니다.

🚀Next Feature

위 기능 테스트 코드 작성
koin 적용

issue: 화면이 안나옴..

fix: #369 (review)

JoYehyun99 · 2024-10-20T11:38:36Z

그 배틀 페이지 내 포켓몬 실루엣이용!! (피카츄랑 팬텀 있는!)

murjune

고생하셨습니다 심지 ~ 😉

코멘트 몇 가지 남겼으니 봐주세용

murjune · 2024-10-21T05:32:21Z

android/app/src/main/java/poke/rogue/helper/presentation/dex/AnalyticsExtensions.kt

@@ -36,3 +39,26 @@ private fun PokeFilterUiModel.toParams(): List<AnalyticsEvent.Param> {
        AnalyticsEvent.Param(key = "type", value = it.name)
    } + AnalyticsEvent.Param(key = "generation", value = selectedGeneration.name)
 }
+
+fun AnalyticsLogger.logPokemonDetailToBattle(event: PokemonDetailToBattleEvent) {


murjune · 2024-10-21T05:34:27Z

android/app/src/main/java/poke/rogue/helper/presentation/dex/detail/BattlePopUpUiModel.kt

+    }
+}
+
+class MyPokemon(description: Int, icon: Int) : BattlePopUpUiModel(description, icon)


Suggested change

class MyPokemon(description: Int, icon: Int) : BattlePopUpUiModel(description, icon)

class MyPokemonUiModel(description: Int, icon: Int) : BattlePopUpUiModel(description, icon)

UiModel 에는 UiModel postfix를 붙여줘야합니다!

네이밍 컨벤션

murjune · 2024-10-21T05:36:28Z

android/app/src/main/java/poke/rogue/helper/presentation/dex/detail/PokemonDetailActivity.kt

+    private fun initFloatingActionButton() {
+        val listPopupWindow = ListPopupWindow(binding.root.context)
+
+        listPopupWindow.apply {
+            setBackgroundDrawable(
+                ContextCompat.getDrawable(
+                    binding.root.context,
+                    android.R.color.transparent,
+                ),
+            )
+
+            setAdapter(battlePopupAdapter)
+            anchorView = binding.fabPokemonDetailBattle
+
+            width = ListPopupWindow.MATCH_PARENT
+            height = ListPopupWindow.WRAP_CONTENT
+
+            isModal = true
+        }
+
+        binding.fabPokemonDetailBattle.setOnClickListener {
+            listPopupWindow.show()
+        }
+    }


오옹 fab xml로는 한번도 안써봤는데 이렇게 하는거군요! LGTM👏

murjune · 2024-10-21T05:37:19Z

android/app/src/main/java/poke/rogue/helper/presentation/dex/detail/PokemonDetailActivity.kt

+            setBackgroundDrawable(
+                ContextCompat.getDrawable(
+                    binding.root.context,
+                    android.R.color.transparent,


drawbleOf 유틸 함수를 써도 좋을듯??

transparent 를 적용하는게 더 이쁜지 없는게 더 이쁜지 팀원들 의견을 들어봐도 좋을 것 같아용

transparent 대신 white같은 다른 색상을 넣으면 이렇게 영역을 차지하게 됩니다 !

murjune · 2024-10-21T05:53:05Z

...p/src/main/java/poke/rogue/helper/presentation/dex/detail/PokemonDetailBattlePopupAdapter.kt

+        convertView: View?,
+        parent: ViewGroup,
+    ): View {
+        if (convertView != null) {


올만에 보네요 convertView ㅋㅋㅋ

murjune · 2024-10-21T05:56:56Z

android/app/src/main/java/poke/rogue/helper/presentation/dex/detail/PokemonDetailViewModel.kt

+            )
+
+            launch {
+                analyticsLogger().logPokemonDetailToBattle(


Suggested change

analyticsLogger().logPokemonDetailToBattle(

logger.logPokemonDetailToBattle(

이미 존재하는 logger를 써주세요~

launch 로 analytics 로직을 감싸는 것은 바람직하지 않습니다. 만약 아날릭틱스 로거에서 예외가 발생하면 navigateToBattle 는 예외를 던지게 됩니다.

관련해서 좋은 블로그가 있어 추천드려요!

https://velog.io/@murjune/kotlin-Coroutine-supervisorScope-vs-SupervisorJob-%EC%96%B4%EB%96%A4%EA%B1%B8-%EC%82%AC%EC%9A%A9%ED%95%98%EB%9D%BC%EB%8A%94%EA%B1%B0%EC%A7%80#4-%EC%8B%A4-%EC%82%AC%EB%A1%80-analyticsscope

kkosang

고생하셨습니다 심지 !! 👍

floating버튼이랑 list를 같이 사용하면 width 설정이 어렵네요..! 동적으로 width 계산하는 것보다 list를 사용 안하는 편이 좋을지두..?!

kkosang · 2024-10-21T06:37:12Z

android/app/src/main/java/poke/rogue/helper/presentation/dex/AnalyticsExtensions.kt

+    val battleRoleValue =
+        when (battlePopUp) {
+            is MyPokemon -> "MyPokemon"
+            is EnemyPokemon -> "EnemyPokemon"


리마인드) Enemy말고 Opponent로 통일하기로 했습니다 !

kkosang · 2024-10-21T07:11:48Z

android/app/src/main/java/poke/rogue/helper/presentation/dex/detail/PokemonDetailActivity.kt

+            setBackgroundDrawable(
+                ContextCompat.getDrawable(
+                    binding.root.context,
+                    android.R.color.transparent,


transparent 대신 white같은 다른 색상을 넣으면 이렇게 영역을 차지하게 됩니다 !

kkosang · 2024-10-21T08:23:33Z

android/app/src/main/res/layout/item_pokemon_detail_to_battle_pop_up.xml

+        <com.google.android.material.floatingactionbutton.FloatingActionButton
+            android:id="@+id/iv_pop_up"
+            imageRes="@{battlePopUp.icon}"
+            android:onClick="@{() -> battlePopUpHandler.navigateToBattle(battlePopUp)}"


TextView는 onSingleClick을 사용하고 있는데 이 부분은 사용안하고 있는 이유가 있나요??

kkosang · 2024-10-21T08:29:51Z

android/app/src/main/java/poke/rogue/helper/presentation/dex/detail/PokemonDetailActivity.kt

+            setAdapter(battlePopupAdapter)
+            anchorView = binding.fabPokemonDetailBattle
+
+            width = ListPopupWindow.MATCH_PARENT


width를 MATCH_PARENT로 했을 경우, 리스트 팝업의 영역이 전체가 되어 팝업을 띄워놓은 후 스크롤하게 되면 스크롤이 안되는 것 처럼 보일 수 있겠네요..!
width를 Adapter를 기준으로 동적으로 측정하여 지정해주어야 한다는데 어렵네요..

sh1mj1 · 2024-10-22T06:40:47Z

/noti
드디어 다시 플로팅 액션 버튼

작업: 아래 기존 -> 현재 로 fix & refactor, 간단한 버튼 확장, 축소 애니메이션

default.webm

배틀 선택 실루엣으로 하면 이렇게 보이게 됨

기존

listpopUpWIndow 와 어댑터를 사용해서 구현함.
textview 와 FloatingActionButton 을 뷰홀더로 사용.

기존의 문제점

API 의 한계. 구현이 어려움..
기존에는 anchorView 를 사용해서 위치 조정에 문제가 있음.
FloatingActionButton 의 너비를 지정할 때 문제가 생김.
스크롤 포커스를 뺏어가는 문제점...

현재

정적인 버튼(FloatingExtendedActionButton) 여러 개로 구현함.
기존의 문제점들 해결함.

murjune

애니메이션을 적용해주셨네요 👏 역시 심지의 애니메이션인가요?
코멘트 확인해주세요 ㅎㅎ

murjune · 2024-10-23T02:09:42Z

android/app/src/main/java/poke/rogue/helper/presentation/dex/detail/FloatingButtonHandler.kt

+import poke.rogue.helper.R
+
+// TODO: use koin
+class FloatingButtonHandler(


Koin 을 적용할 필요가 없습니다!
Context, View 모두 화면 회전 즉, 액티비티가 재생성될 경우 죽기 때문이죠

그리고, 해당 class보다는 함수로 나타내는 것이 좋다 생각합니다!
해당 class는 toggle 의 기능만 하고 있기 때문입니다.

그리고 isExpanded 상태는 구성변경에 유실됩니다 😢

murjune · 2024-10-23T02:10:37Z

android/app/src/main/java/poke/rogue/helper/presentation/dex/detail/PokemonDetailActivity.kt

@@ -34,12 +31,11 @@ class PokemonDetailActivity :

    private lateinit var pokemonTypesAdapter: PokemonTypesAdapter
    private lateinit var pokemonDetailPagerAdapter: PokemonDetailPagerAdapter
+    private lateinit var floatingButtonHandler: FloatingButtonHandler


이렇게 네이밍만 봤을 때, 해당 객체가 어떤일을 하는지 유추하기가 어렵습니다 😢

sh1mj1 · 2024-10-23T02:44:43Z

/noti

진짜 다 반영함

작업한 내용

conflict 해결
클래스 분리한 거 취소. 함수로 가지게 함
isExpanded 를 lifecycle 에 맞춰 save & restore --> 구성 변경에도 유실되지 않음.

murjune · 2024-10-23T04:43:44Z

/noti 1.1.0 과 버전에 들어가서 리버트함!

This reverts commit 7174c8d.

) This reverts commit 7174c8d.

sh1mj1 added 28 commits October 11, 2024 18:20

feat(activity_pokemon_detail2): first coordinatorlayout

29d1c1a

feat(activity_pokemon_detail2): title

5fc4e23

chore: PokemonDetailActivity 안 쓰는 부분 일단 주석

3fdf234

Merge branch 'an/develop' into an/feat/pokemon-detail-top-bar-animation

c819a79

feat(PokemonDetail2Activity): 샘플 코드 가져와보기

982efc9

feat: activity_pokemon_detail2.xml 타입만 해결하면 되는데

4337513

feat: OuterEvolutionAdapter, OuterEvolutionViewHolder

34941d6

feat: 진화 프래그먼트 outer evolutions 로 변경

5438d68

issue: 화면이 안나옴..

fix: feat: 진화 프래그먼트 outer evolutions 로 , 화면 나옴

2a1fe81

fix: activity_pokemon_detail2 의 nestedScrollview 를 각 프래그먼트로 이동

f1c76ec

chore: ktlint, 사용하지 않는 파일 제거

a340ce3

Merge branch 'an/develop' into an/feat/pokemon-detail-top-bar-animation

2606ed8

chore: ktlint, 사용하지 않는 파일 제거

67d0104

refactor(EvolutionsUiModel): ui 에서 사용하는 리스트로 변환

c0bfa6d

refactor(EvolutionStageAdapter): 네이밍

ba2f865

fix: activity_pokemon_detail.xml 최상단일 때만 상단이 가려진다

f35628e

fix: #369 (review)

chore: 로그 삭제

4c949b0

fix(activity_pokemon_detail): progress indicator 위치 조정

b179eec

feat: activity_pokemon_detail floating 버튼

cf1f9cf

feat: floating 버튼에 쓰일 아이콘

5e523db

feat: floating shape_red_20_fill_20_rect 텍스트 배경

e30de6f

feat: 포켓몬 상세에서 배틀로 가는 팝업 아이템

f4feaa8

feat: PokemonDetailBattlePopupAdapter

7ac144c

feat: PokemonDetailBattlePopupAdapter

763ddb8

feat: floating 버튼으로 배틀 이동

0afb52e

chore: ktlint

7ba1348

feat: 배틀로 이동 시 로깅

b134112

feat: viewModel loading

88fb429

github-actions bot requested review from JoYehyun99 and kkosang October 19, 2024 10:35

feat: floating button 을 배틀 아이콘 실루엣으로 설정

6fada20

murjune approved these changes Oct 21, 2024

View reviewed changes

refactor: battle pop up extended floating action button 으로

2393465

kkosang approved these changes Oct 21, 2024

View reviewed changes

sh1mj1 added 2 commits October 21, 2024 18:05

refactor: battle 플로팅 액션 버튼 정적으로 넣는다

d82385b

refactor: battle floating action bar 정적으로

e03947d

murjune force-pushed the an/develop branch from 31577e7 to 0b19119 Compare October 22, 2024 01:31

sh1mj1 added 4 commits October 22, 2024 14:44

refactor: FloatingButtonHandler

1410bdb

refactor: 네비게이션, 기존 동적 플로팅 버튼 삭제

15bef1b

refactor(PokemonDetailViewModel): eventflow

561375d

fix(AnalyticsExtensions): analytic event

a609181

sh1mj1 force-pushed the an/feat/pokemon-detail-navigate-battle-button branch from 26fc82b to e190064 Compare October 22, 2024 06:29

chore; ktlintformat

1d9fe1b

sh1mj1 force-pushed the an/feat/pokemon-detail-navigate-battle-button branch from e190064 to 1d9fe1b Compare October 22, 2024 06:31

murjune reviewed Oct 23, 2024

View reviewed changes

sh1mj1 added 3 commits October 23, 2024 11:17

Merging an/feat/pokemon-detail-navigate-battle-button

e61da4d

refactor: FloatingButtonHandler 를 클래스가 아닌 함수로

da73a56

feat: isExpanded save and restore

e000bfb

chore: ktlint

6252953

sh1mj1 merged commit 7174c8d into an/develop Oct 23, 2024
2 checks passed

sh1mj1 deleted the an/feat/pokemon-detail-navigate-battle-button branch October 23, 2024 02:53

murjune added a commit that referenced this pull request Oct 23, 2024

Revert "[1.1.1/AN-FEAT] 포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가 (#378)"

e95393f

This reverts commit 7174c8d.

murjune mentioned this pull request Oct 23, 2024

Revert "[1.1.1/AN-FEAT] 포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가" #394

Merged

murjune added a commit that referenced this pull request Oct 23, 2024

Revert "[1.1.1/AN-FEAT] 포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가 (#378)" (#394

6c28cd9

) This reverts commit 7174c8d.

murjune restored the an/feat/pokemon-detail-navigate-battle-button branch October 23, 2024 04:44

sh1mj1 mentioned this pull request Oct 23, 2024

[1.1.1/AN-FEAT] 포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가(Revert 된 것 다시) #413

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[1.1.1/AN-FEAT] 포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가 #378

[1.1.1/AN-FEAT] 포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가 #378

sh1mj1 commented Oct 19, 2024 •

edited

Loading

JoYehyun99 commented Oct 20, 2024

murjune left a comment •

edited

Loading

murjune Oct 21, 2024

murjune Oct 21, 2024

murjune Oct 21, 2024

murjune Oct 21, 2024

murjune Oct 21, 2024

kkosang Oct 21, 2024

murjune Oct 21, 2024

murjune Oct 21, 2024

kkosang left a comment

kkosang Oct 21, 2024

kkosang Oct 21, 2024

kkosang Oct 21, 2024

kkosang Oct 21, 2024

sh1mj1 commented Oct 22, 2024 •

edited

Loading

murjune left a comment

murjune Oct 23, 2024

murjune Oct 23, 2024

sh1mj1 commented Oct 23, 2024

murjune commented Oct 23, 2024

	class MyPokemon(description: Int, icon: Int) : BattlePopUpUiModel(description, icon)
	class MyPokemonUiModel(description: Int, icon: Int) : BattlePopUpUiModel(description, icon)

	analyticsLogger().logPokemonDetailToBattle(
	logger.logPokemonDetailToBattle(

[1.1.1/AN-FEAT] 포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가 #378

[1.1.1/AN-FEAT] 포켓몬 상세에서 배틀 도우미로 가는 floating 버튼 추가 #378

Conversation

sh1mj1 commented Oct 19, 2024 • edited Loading

작업 영상

작업한 내용

PR 포인트

🚀Next Feature

JoYehyun99 commented Oct 20, 2024

murjune left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

kkosang left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

sh1mj1 commented Oct 22, 2024 • edited Loading

기존

기존의 문제점

현재

murjune left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

sh1mj1 commented Oct 23, 2024

작업한 내용

murjune commented Oct 23, 2024

sh1mj1 commented Oct 19, 2024 •

edited

Loading

murjune left a comment •

edited

Loading

sh1mj1 commented Oct 22, 2024 •

edited

Loading