[#259, 위젯 기능 추가] #260
[#259, 위젯 기능 추가] #260
Conversation
jeongth9446
force-pushed
the
feature/#259
branch
from
28dfecf
to
eec8ed8
Compare
jeongth9446
force-pushed
the
feature/#259
branch
from
eec8ed8
to
c671162
Compare
[작업내용]
- Glance Library 추가 (targetSDK 버전 제한으로 beta01 버전 적용)
- 북마크된 세션 표시 위젯 기능 개발
- 타이틀 클릭 시 앱 실행
- 앱 내 세션 북마크 추가 시 위젯에 리스트 업데이트 하도록 구현
- 위젯에서 세션 클릭 시 앱 - 해당 세션 상세 정보 화면 이동
- 세션 카드 - 타이틀, 시작 ~ 종료 시간, 발표자 표시
[TODO]
- 발표자가 2인 이상일 경우 이름 표시할 수 있도록 로직 수정 (현재 발표자가 2인 이상인 경우 없음)
- 위젯 내 북마크 해제 버튼 추가
jeongth9446
force-pushed
the
feature/#259
branch
from
c671162
to
c529c82
Compare
|
@jeongth9446 작성해주신 내용은, 확인 후 의견 드리겠습니다. |
|
@laco-dev |
| @@ -41,6 +41,8 @@ androidxDatastore = "1.0.0" | |||
| ossLicenses = "17.0.1" | |||
| ossLicensesPlugin = "0.10.6" | |||
|
|
|||
| androidxGlance = "1.0.0-beta01" | |||
There was a problem hiding this comment.
Glance Library 추가 (targetSDK 버전 제한으로 beta01 버전 적용)
베타를 적용함으로써 이 작업에서 처음 의도한 것과 달리 기능을 모두 드러내지 못한 부분이 있었나요?
There was a problem hiding this comment.
의도했던 부분을 드러내지 못한 것은 없습니다.
실제 제가 개발하고 운영중인 서비스에도 beta01 버전이 적용되어 있습니다.
| Box(modifier = GlanceModifier.padding(bottom = 16.dp, end = 16.dp)) { | ||
| Column( | ||
| modifier = GlanceModifier.padding(16.dp).fillMaxWidth() | ||
| .cornerRadius(12.dp).background(GlanceTheme.colors.tertiaryContainer).clickable( |
There was a problem hiding this comment.
마이너 의견입니다)
위젯을 클릭하면 앱이 바로 실행되고 롱 클릭은 위젯 수정으로 이루어져서 클릭 효과(Ripple)이 어색하게 발생하네요
Screen_recording_20230909_210243.webm
There was a problem hiding this comment.
Compose 와 다르게 아직 Glance 에서는 ripple 효과에 대한 커스터마이징을 지원하고 있지 않습니다. ㅠㅠ
추후에 기능 추가가 이루어진다면 좋겠네요 ..
| @@ -0,0 +1,76 @@ | |||
| package com.droidknights.app2023 | |||
There was a problem hiding this comment.
widget 모듈에서 제공하는 기능이기 때문에 widget 패키지를 suffix로 추가 해주면 좋을 것 같습니다. (이외 동일)
There was a problem hiding this comment.
com.droidknights.app2023.widget 로 수정하도록 하겠습니다. !
| fun WidgetSessionCard(session: Session) { | ||
| val context = LocalContext.current |
There was a problem hiding this comment.
이 컴포저블에 대해서 Preview를 제공해주세요!
There was a problem hiding this comment.
Glance Component에 대한 Preview 는 아직 공식 지원하지 않는 것으로 확인하였습니다 ㅠ
https://github.com/google/glance-experimental-tools/tree/main/appwidget-host
실험적 라이브러리가 있기는 하나, 최근 업데이트가 되지 않은 라이브러리이며, glance beta01 버전과 호환도 되지 않는 것 같습니다
| color = GlanceTheme.colors.onSurface | ||
| ), | ||
| modifier = GlanceModifier.clickable( |
There was a problem hiding this comment.
Glance 라이브러리에 대해 컨텍스트가 부족해서 질문 드립니다.
GlanceModifier, GlanceTheme를 사용해야 하는 이유가 있나요?
There was a problem hiding this comment.
Key Point: Glance provides a modern approach to build app widgets using Compose, but is restricted by the limitations of AppWidgets and RemoteViews. Therefore, Glance uses different composables from the Jetpack Compose UI.
https://developer.android.com/jetpack/compose/glance/build-ui
Glance 라이브러리는 Compose와 유사한 코드 스타일로 RemoteView를 개발하기 위해 개발된 라이브러리로 알고 있습니다.
Compose Compiler를 공유하지만, 근본적으로 일반 View와 RemoteView는 다르기 때문에 기존 Compose Function을 가져와서 사용하지 못하고 같은 이름의 새로운 함수들로 라이브러리가 구성되어 있습니다.
그렇기에, Glance Compoenent ( ~ RemoteView) 에 대응 하는 GlanceModifier를 사용해야 하는 것으로 알고 있고,
컬러의 경우 Glance는 ColorProvider라는 인터페이스를 활용하여 실제 화면에 표시될 컬러를 컨텍스트에 맞게 가져오도록 설계되어 있기 때문에, Color 를 반환하는 MaterialTheme 을 그대로 적용하는 데에는 무리가 있을 것으로 생각됩니다.
비슷하면서도 다른... Glance의 묘미로 봐주시면 좋을 것 같습니다 ㅎㅎ
| color = GlanceTheme.colors.onSurface | ||
| ), | ||
| modifier = GlanceModifier.clickable( | ||
| actionLaunchIntentForPackage(context) |
There was a problem hiding this comment.
Widget 관련된 UI 컴포저블이 화면을 실행하기 위한 Context 및 Galance에 커플링이 생기는 아쉬움이 있는데요.
UI는 그리는 역할을 하고, 이 컴포지션이 만들어지게 된 곳에서 Galance에 대한 의존성을 같이 처리 해주면 어떨까요?
지금은 Widget 컨트롤러와 컴포저블의 역할이 조금씩 섞여있는 것 같습니다.
There was a problem hiding this comment.
어떤 말씀이신지 잘 이해하지 못했습니다 ㅠ
이해한 바에 대해 아래와 같이 코멘트 드립니다.
Composable 함수와 Glance, context 간의 커플링을 제거
--> @composable 어노테이션이 붙어있긴 하지만 해당 함수의 컴포넌트는 모두 glance의 것입니다. glance 자체가 RemoteView에 대한 UI 구현 시 코드 스타일을 compose 스럽게 할 수 있게 하는 라이브러리입니다.
context 는 해당 Glance 컴포넌트가 동작하는 컨텍스트를 가지고 와서 처리하고 있습니다. 일반적으로 Compose 구현 시에도 유사한 방식으로 처리하곤 했는데, 더 나은 방향이 있을까요?!
There was a problem hiding this comment.
처음에는 이런 그림을 기대했었는데요
말씀주신 내용 이후로 찾아보니 정말 모든 컴포넌트가 Galance로 동작을 해야만 하는 차이가 있네요 😱
*이름이 똑같아서 Galance라는걸 알아차리지 못함
@Composable
fun WidgetTitle(
textStyle: TextStyle,
color: Color,
onClick: () -> Unit,
) {
Text(
context.getString(R.string.widget_title),
style = textStyle,
modifier = Modifier.clickable { }
)
}
| companion object { | ||
| const val KEY_SESSION_IDS = "SESSION_IDS" | ||
| } |
There was a problem hiding this comment.
코틀린 코딩 컨벤션에 따라 companion object의 경우 클래스 가장 하단에 위치하도록 해 주시면 좋습니다
https://kotlinlang.org/docs/coding-conventions.html#class-layout
There was a problem hiding this comment.
컨벤션을 잘 숙지해야 겠네요. 감사합니다.
jeongth9446
force-pushed
the
feature/#259
branch
from
74f94c2
to
969393a
Compare
jeongth9446
force-pushed
the
feature/#259
branch
from
969393a
to
ce956ba
Compare
|
@laco-dev 수정 후 PR를 업데이트 하였습니다. 확인 부탁드립니다. |
app/src/main/AndroidManifest.xml
Outdated
| @@ -17,7 +17,7 @@ | |||
| tools:targetApi="31"> | |||
|
|
|||
| <receiver | |||
| android:name=".DroidKnightsWidgetReceiver" | |||
| android:name=".widget.DroidKnightsWidgetReceiver" | |||
There was a problem hiding this comment.
widget 모듈에서 manifest를 작성하게 되면 app 모듈에서 자연스럽게 병합이 가능할 것으로 보이는데요.
이와 관련해서도 제약사항이 따로 존재하나요?
*이 방법이라면 DroidKnightsWidgetReceiver 를 internal로 만드는 것도 가능함
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools">
<application tools:targetApi="31">
<receiver
android:name=".DroidKnightsWidgetReceiver"
android:exported="true">
<intent-filter>
<action android:name="android.appwidget.action.APPWIDGET_UPDATE" />
</intent-filter>
<meta-data
android:name="android.appwidget.provider"
android:resource="@xml/widget_info" />
</receiver>
</application>
</manifest>There was a problem hiding this comment.
이런 식으로도 처리할 수 있군요 수정해보겠습니다 !
[작업내용] - App module에 정의되어 있던 widget receiver 별도 manifest 정의 - 위젯 모듈 내 노출 불필요한 class internal 처리
Issue
Overview (Required)
[작업내용]
[TODO]
Links
Screenshot
Before | After
:--: | :-
-: