compose
-
[Android/Compose] 고성능 UI 컴포넌트 만들기안드로이드 2024. 10. 23. 17:03
Compose에서는 Recomposition 단계를 생략하고도 UI를 변경할 수 있는 방법이 존재합니다. 이 글을 통해 Compose의 그리기 단계를 소개하려 합니다. 글의 구성은 퀴즈식으로 이루어져있고 퀴즈 이후에 곧바로 답을 작성해두었습니다.점진적으로 읽고 생각해보는 것을 권장합니다.⛳ 읽기 전에❌ Stable에 대해서 설명하지 않습니다.❌ Skippable에 대해서 설명하지 않습니다.❌ 모든 UI를 이렇게 만들 필요는 없습니다. ⭕ 신경써서 구현할 컴포넌트에 활용합니다.⭕ 애니메이션, 혹은 성능이 중요한 특수한 경우에 활용할 수 있습니다. ♻️ Recomposition최근에는 대부분의 Compose 개발자가 알고 있는 Recomposition을 간략하게 짚고 넘어가려 합니다. 그림에 나온 것 처럼..
-
[Android/Foundation] 안드로이드에서 LineHeight 속성이 타 플랫폼과 다른 이유안드로이드 2024. 5. 6. 03:07
안드로이드 개발을 하다보면 디자이너가 전달준 텍스트 컴포넌트 스펙을 그대로 사용했는데도왠지 모르게 디자인이 묘하게 달라 보일 때가 있습니다.왼쪽은 기본 Text고 오른쪽은 이 글의 내용을 적용한 Text 입니다. 왼쪽의 문장에도 LineHeight를 적용했음에도 텍스트가 차지하는 높이가 왜 그대로인지이 글을 통해서 의문을 풀어주고자 합니다.LineHeight 란?LineHeight는 말 그대로 글자 크기와 관계 없이 이 문장이 차지할 높이를 얘기합니다.이렇게 하면 글자 크기와는 별개로 텍스트의 영역을 조절할 수 있게 됩니다. 시각적인 요소에 대해서는 견해가 없어서 정확히 LineHeight 수치를 어떻게 맞추는 지는잘 모르겠지만 아마도 문장이 너무 빽빽하게 보여지지 않게 하는 의도로 맞추지 않을까 싶습니..
-
[Compose] Material ImageVector로 Icon 사용하기안드로이드 2021. 12. 27. 18:27
개인 프로젝트에 Compose를 활용하여 개발하던 중에 Material ImageVector를 활용해서 아이콘을 넣고 있었는데 어떤 아이콘들을 제공 해주는지 궁금해서 찾아보았고, 다른 분들도 쉽게 찾으면 좋겠어서 포스팅합니다. Material Icons 손쉽게 Material Design에서 제공해주는 Icon들로 상황에 맞게 Outlined, Filled, Rounded, Sharp, TwoTone 으로 사용할 수 있다. 제공해주는 아이콘 종류들은 아래 링크에서 확인할 수 있다. https://fonts.google.com/icons?selected=Material+Icons Google Fonts Making the web more beautiful, fast, and open through grea..