목록Android Material Design3 (18)

오늘도 더 나은 코드를 작성하였습니까?

Elevation tokens

level 수준은 토큰으로 구현할 수 있습니다. Component elevation esting level Component DP Height 5 (not assigned as resting level) 12dp 4 (not assigned as resting level) 8dp 3 FAB Extended FAB Modal Date Picker Docked Date Picker Modal Date Input Dialog Search Bar Search View Time Picker Time Input 6dp 2 Autocomplete Menu Bottom App Bar Dropdown Menu Menu Navigation Bar Select Menu Rich Tooltip Top App Bar (Scro..
Android Material Design3 2023. 4. 12. 16:17
Applying elevation

Material 3의 elevation System은 의도적으로 소수의 level로 제한됩니다. creative constraint은 UI의 UI’s elevation story에 대해 신중한 결정을 내려야 함을 의미합니다. Material는 각각 해당 dp 값이 있는 6단계 고도를 사용합니다. elevation value는 UI 표면 위의 상대 거리(0, +1, +2, +3, +4 및 +5)에 따라 이름이 지정됩니다. component의 정지상태는 레벨 0에서 +3까지일 수 있으며 레벨 +4 및 +5는 hover 및 dragged와 같은 사용자 상호 작용 상태를 위해 예약되어 있습니다. Depicting elevation elevation는 그림자 또는 서로 다른 tone 차이가 있는 surface 또..
Android Material Design3 2023. 4. 12. 15:55
Elevation(Overview)

Elevation는 density-independent 픽셀(dps)에서 z축을 따라 구성 요소 사이의 거리로 측정됩니다. 1. 정면에서 보았을 때 1dp elevation의 표면과 8dp elevation의 표면 2. 측면에서 볼 때 두 표면 사이의 elevation 차이는 7dp입니다. Takeaways - 모든 surfaces과 구성요소에는 elevation 값이 있습니다. - elevation 를 단순하게 유지 - 배경 색상은 일정하게 유지되지만, surfaces 색상은 elevation에 따라 변경됩니다. What's new Shadows - 기본적으로 모든 Levels 그림자를 적용하는 대신 , background에 대한 추가 protection를 만들거나 상호 작용을 장려하기 위해 필요한 경..
Android Material Design3 2023. 4. 11. 17:35
Shape scale & Token

Shape scale Scale은 cut 또는 roundedness "정도" 정의하는 7가지 모서리 모양 스타일 범위입니다. Scale의 각 역할은 다음 두 가지를 정의합니다. - shaple famliy(rounded 또는 cut) - value 기본적으로 모든 Roles은 rounded shaple famliy를 사용합니다. 백분율로 표시되는 전체 스타일을 제외하고, 대부분의 값은 절대 dp 측정값으로 표시됩니다. Baseline shapes 기본적으로, 모든 구성 요소는 7가지 모양 스타일 중 하나에 매핑됩니다. Shape style Component None Banners Bottom app bars Full-screen dialogs Lists Navigation bars Navigation r..
Android Material Design3 2023. 4. 11. 16:13
이전 Prev 1 2 3 4 5 Next 다음