Swemo - Iteration 8: Label과 Text 분리

#1 개발 목표 (Iteration Goal)

#1-1 이상(Ideal)과 징검다리

이상(Ideal)

원래는 투박한 UI 다듬기부터 할랬다. 하지만, 사용자가 Label 부분과 상호작용하는 방식을 어떻게 규정하는지에 따라 UI가 변할 수 있다. 즉 UI는 우선순위가 아니다. Label은 Swemo의 핵심 기능이므로 앞으로도 다듬어 나갈 것이다. 지금은 최선이라고 생각되는 초안을 짠다.

 

Iteration 8: Label과 Text 분리

Swemo의 핵심인 Label을 사용자가 조작할 수 있게 만들어본다. 하지만, 스케치만 하는 건 탁상공론이다. 여러가지 후보 UI를 하나씩 만들어본다.

 

#1-2 개발 범위

이번 개발 범위 (In Scope)

1. UI 구현을 위한 테스트 전용 앱 (그릇 역할)
   1. 멀티 모듈 앱
   2. 모듈 하나가 UI 후보 하나에 대응하는 구조
2. Label과 Text를 분리하는 UI 구현
   
   1. 그 둘을 어떻게 분리할 지를 명시
   2. (사용자가) 어떻게 조작하는 지를 명시
   3. 어떤 순서로 상호작용하는 지를 명시

 

범위 외 (Out of Scope)

1. 다양한 화면 크기를 고려한 유연한 UI
2. 시각적 완성도
3. 완벽한 UI

 

#2 변경 내역 (커밋 목록)

#2-1 Iteration 8-1: 후보 UI 작성용 앱 제작

android-practice/playground/SplitLabelText at master · Kanmanemone/android-practice

최근 Jetpack Navigation 3에 대해 공부했는데, 이를 적용한 멀티 모듈 앱을 만들었다. 지금은 예시용 화면 하나만 들어가 있는 상태고, UI 후보가 생기는 대로 추가할 예정이다. Dagger2의 @IntoSet을 활용하여 OCP도 만족시켜놓았다.

 

관련 개발 범위

• UI 구현을 위한 테스트 전용 앱

 

스크린샷

 

참고

• [GitHub] 이 작업의 Commit
• Now in Android - Jetpack Navigation 2가 적용된 구조 분석
• [Android] Navigation - Navigation 2 → 3
• Now in Android - Jetpack Navigation 3가 적용된 구조 분석

 

#2-2 Iteration 8-2: Bulleted List 구현

사용자가 TextField에서 입력 중 엔터를 누르면, 즉시 새 Label & Text 쌍이 생성되고 그곳으로 키보드 커서가 옮겨가야 한다. Bulleted List와 비슷하다. 먼저 Bulleted List를 구현해서 실제로 잘 동작하는지 확인해본다.

 

스크린샷

추가 예정.

 

코드 스니펫

추가 예정.

추가 예정.

 

참고

• [GitHub] 이 작업의 Commit

 

#3 테스트

추가 예정.

 

#4 개발 결과 (Iteration Outcome)

추가 예정.