메트로놈 Simple Metronome 12
메트로놈 Simple Metronome 바로가기 ↗
이 글은 메트로놈 Simple Metronome 시리즈의 13번째 기록입니다. (총 18개)
오늘 한 일
- ±5 버튼(
TextStep스타일)의 글자(14→18sp)·좌우 패딩(8→16dp)·최소 높이(0→44dp)를 키워 탭 영역 확보
막힌 부분
±5 버튼이 눌리는 영역이 작았다
±5는 테두리 없는 텍스트 버튼(Widget.MaterialComponents.Button.TextButton)인데, minWidth·minHeight를 0으로 둬서 글자 크기(14sp)만큼만 탭 영역이 잡혔다. Material의 권장 최소 탭 타깃은 48dp인데 한참 못 미쳐, 실제로 누르기 불편하다는 피드백이 왔다. minHeight와 패딩으로 영역을 넓히되, ±1 원형(48dp)보다는 작게 둬 “±1이 주, ±5가 보조”라는 위계는 유지했다.
<style name="Widget.SimpleMetronome.TextStep" parent="Widget.MaterialComponents.Button.TextButton">
<item name="android:textSize">18sp</item> <!-- 14 → 18 -->
<item name="android:minHeight">44dp</item> <!-- 0 → 44 (탭 타깃) -->
<item name="android:paddingLeft">16dp</item> <!-- 8 → 16 -->
<item name="android:paddingRight">16dp</item>
...
</style>
세로·가로 공통 스타일이라 한 곳만 고치면 양쪽에 반영된다.
다음에 할 일
- v1.14 심사 통과 후, ±5 등 UI 변경을 반영해
versionCode 15로 재빌드·재출시
Series: 메트로놈 Simple Metronome
1 | 메트로놈 Simple Metronome 2 | 메트로놈 Simple Metronome ― 처음 만든 앱, Google Play 출시기 3 | 메트로놈 Simple Metronome ― ver 1.9 4 | 메트로놈 Simple Metronome ― ver 1.10 5 | 메트로놈 Simple Metronome 4 6 | 메트로놈 Simple Metronome 5 7 | 메트로놈 Simple Metronome 6 8 | 메트로놈 Simple Metronome 7 9 | 메트로놈 Simple Metronome 8 10 | 메트로놈 Simple Metronome 9 11 | 메트로놈 Simple Metronome 10 12 | 메트로놈 Simple Metronome 11 13 | 메트로놈 Simple Metronome 12 읽는 중 14 | 메트로놈 Simple Metronome 13 15 | 메트로놈 Simple Metronome 14 16 | 메트로놈 Simple Metronome 15 17 | 메트로놈 Simple Metronome 17 18 | 메트로놈 Simple Metronome 16