Input/개발+App
[Android] Material 디자인 UI 기본 세팅 요소 정리
우짜짜™
2020. 7. 30. 12:27
반응형
1인 개발자가 제일 힘들어 하는 부분은 디자인인것 같다.
다행히 Material Design의 도움을 받으면 나름 그럴싸한 디자인을 완성할 수 있다.
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
material.io
샘플 앱 디자인
1. color.xml
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="colorPrimary">#6200EE</color>
<color name="colorPrimaryDark">#3700B3</color>
<color name="colorAccent">#03DAC5</color>
<!-- Dark Text Color for Light Background -->
<color name="textDarkPrimary">#DE000000</color> <!--DE for %87 opacity-->
<color name="textDarkSecondary">#8A000000</color> <!--8A for %54 opacity-->
<color name="textDarkDisabled">#61000000</color> <!--61 for %38 opacity-->
<!-- White Text Color for Dark Background -->
<color name="textLightPrimary">#FFFFFF</color> <!--%100 opacity-->
<color name="textLightSecondary">#B2FFFFFF</color> <!--B2 for %70 opacity-->
<color name="textLightDisabled">#80FFFFFF</color> <!--80 for %50 opacity-->
<color name="textLightDisabledDEPRECATED">#4CFFFFFF</color> <!--4C for %30 opacity-->
</resources>
자료) Material color
<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2014 The Android Open Source Project
Licensed under the Apache License, Version 2.0 (the "License");
you may not use this file except in compliance with the License.
You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License.
-->
<!-- Colors specific to Material themes. -->
<resources>
<color name="background_material_dark">#ff212121</color>
<color name="background_material_light">#fffafafa</color>
<color name="ripple_material_light">#20444444</color>
<color name="ripple_material_dark">#20ffffff</color>
<color name="button_material_dark">#ff5a595b</color>
<color name="button_material_light">#ffd6d7d7</color>
<!-- <color name="bright_foreground_material_dark">@color/white</color>-->
<color name="bright_foreground_material_dark">@android:color/white</color>
<!-- <color name="bright_foreground_material_light">@color/black</color>-->
<color name="bright_foreground_material_light">@android:color/black</color>
<!-- White 50% -->
<color name="bright_foreground_disabled_material_dark">#80ffffff</color>
<!-- Black 50% -->
<color name="bright_foreground_disabled_material_light">#80000000</color>
<color name="bright_foreground_inverse_material_dark">@color/bright_foreground_material_light</color>
<color name="bright_foreground_inverse_material_light">@color/bright_foreground_material_dark</color>
<color name="dim_foreground_material_dark">#ffbebebe</color>
<color name="dim_foreground_material_light">#ff323232</color>
<color name="dim_foreground_disabled_material_dark">#80bebebe</color>
<color name="dim_foreground_disabled_material_light">#80323232</color>
<color name="hint_foreground_material_dark">@color/bright_foreground_disabled_material_dark</color>
<color name="hint_foreground_material_light">@color/bright_foreground_disabled_material_light</color>
<!-- TODO: This is 40% alpha on the default accent color. -->
<color name="highlighted_text_material_dark">#6640c4ff</color>
<!-- TODO: This is 40% alpha on the default accent color. -->
<color name="highlighted_text_material_light">#6640c4ff</color>
<!-- Text & foreground colors -->
<eat-comment />
<!-- Black 87% -->
<color name="primary_text_default_material_light">#de000000</color>
<!-- Black 54% -->
<color name="secondary_text_material_light">#8a000000</color>
<!-- Black 54% (TODO: same as secondary?) -->
<color name="tertiary_text_material_light">#8a000000</color>
<!-- White 87% -->
<color name="primary_text_default_material_dark">#deffffff</color>
<!-- White 38% -->
<color name="secondary_text_material_dark">#61ffffff</color>
<!-- White 38% (TODO: same as secondary?) -->
<color name="tertiary_text_material_dark">#61ffffff</color>
<!-- Primary & accent colors -->
<eat-comment />
<color name="material_red_100">#fff4c7c3</color>
<color name="material_red_300">#ffe67c73</color>
<color name="material_red_500">#ffdb4437</color>
<color name="material_red_700">#ffc53929</color>
<color name="material_red_A200">#ffff5252</color>
<color name="material_red_A400">#ffff1744</color>
<color name="material_blue_100">#ffc6dafc</color>
<color name="material_blue_300">#ff7baaf7</color>
<color name="material_blue_500">#ff4285f4</color>
<color name="material_blue_700">#ff3367d6</color>
<color name="material_blue_A200">#ff448aff</color>
<color name="material_blue_A400">#ff2979ff</color>
<color name="material_light_blue_A200">#ff40c4ff</color>
<color name="material_teal_100">#ffb2ebf2</color>
<color name="material_teal_300">#ff4dd0e1</color>
<color name="material_teal_500">#ff00bcd4</color>
<color name="material_teal_700">#ff0097a7</color>
<color name="material_teal_A200">#ff18ffff</color>
<color name="material_teal_A400">#ff00e5ff</color>
<!-- Accent color used by Settings -->
<color name="material_dark_teal_A400">#ff009688</color>
<color name="material_green_100">#ffb7e1cd</color>
<color name="material_green_300">#ff57bb8a</color>
<color name="material_green_500">#ff0f9d58</color>
<color name="material_green_700">#ff0b8043</color>
<color name="material_green_A200">#ff69f0ae</color>
<color name="material_green_A400">#ff00e676</color>
<color name="material_lime_100">#fff0f4c3</color>
<color name="material_lime_300">#ffdce775</color>
<color name="material_lime_500">#ffcddc39</color>
<color name="material_lime_700">#ffafb42b</color>
<color name="material_lime_A200">#ffeeff41</color>
<color name="material_lime_A400">#ffc6ff00</color>
<color name="material_yellow_100">#fffce8b2</color>
<color name="material_yellow_300">#fff7cb4d</color>
<color name="material_yellow_500">#fff4b400</color>
<color name="material_yellow_700">#fff09300</color>
<color name="material_yellow_A200">#ffffcd40</color>
<color name="material_yellow_A400">#ffffbc00</color>
<color name="material_orange_100">#ffffe0b2</color>
<color name="material_orange_300">#ffffb74d</color>
<color name="material_orange_500">#ffff9800</color>
<color name="material_orange_700">#fff57c00</color>
<color name="material_orange_A200">#ffffab40</color>
<color name="material_orange_A400">#ffff9100</color>
<color name="material_deep_orange_100">#fff4c7c3</color>
<color name="material_deep_orange_300">#ffe67c73</color>
<color name="material_deep_orange_500">#ffff5722</color>
<color name="material_deep_orange_700">#ffc53929</color>
<color name="material_deep_orange_A200">#ffff5252</color>
<color name="material_deep_orange_A400">#ffff1744</color>
<!-- Neutral colors -->
<eat-comment />
<color name="material_grey_50">#fffafafa</color>
<color name="material_grey_100">#fff5f5f5</color>
<color name="material_grey_300">#ffeeeeee</color>
<color name="material_grey_500">#ffa3a3a3</color>
<color name="material_grey_600">#ff757575</color>
<color name="material_grey_700">#ff717171</color>
<color name="material_grey_900">#ff212121</color>
<color name="material_blue_grey_50">#ffeceff1</color>
<color name="material_blue_grey_100">#ffcfd8dc</color>
<color name="material_blue_grey_300">#ff90a4ae</color>
<color name="material_blue_grey_400">#ff78909c</color>
<color name="material_blue_grey_500">#ff607d8b</color>
<color name="material_blue_grey_600">#ff546e7a</color>
<color name="material_blue_grey_700">#ff455a64</color>
<color name="material_blue_grey_800">#ff37474f</color>
<!-- Primary color used by Settings -->
<color name="material_blue_grey_900">#ff263238</color>
<!-- Primary dark color used by Settings -->
<color name="material_blue_grey_950">#ff21272b</color>
<color name="material_brown_100">#ffd7ccc8</color>
<color name="material_brown_300">#ffa1887f</color>
<color name="material_brown_500">#ff795548</color>
<color name="material_brown_700">#ff5d4037</color>
<!-- Time picker defaults when no theme is set -->
<eat-comment />
<color name="timepicker_default_background_material">@color/primary_text_default_material_light</color>
<!-- <color name="timepicker_default_text_color_material">@color/black</color>-->
<color name="timepicker_default_text_color_material">@android:color/black</color>
<color name="timepicker_default_disabled_color_material">@color/bright_foreground_disabled_material_dark</color>
<color name="timepicker_default_ampm_selected_background_color_material">@color/material_light_blue_A200</color>
<!-- <color name="timepicker_default_ampm_unselected_background_color_material">@color/transparent</color>-->
<color name="timepicker_default_ampm_unselected_background_color_material">@android:color/transparent</color>
<color name="timepicker_default_selector_color_material">@color/material_light_blue_A200</color>
<!-- <color name="timepicker_default_numbers_background_color_material">@color/transparent</color>-->
<color name="timepicker_default_numbers_background_color_material">@android:color/transparent</color>
</resources>2. styles.xml (테마)
<resources>
<!-- Base application theme. -->
<style name="AppTheme" parent="Theme.MaterialComponents.Light.DarkActionBar">
<!-- Customize your theme here. -->
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
</style>
<!-- Fullscreen application theme. -->
<style name="AppIntro" parent="Theme.MaterialComponents.Light.NoActionBar">
<item name="colorPrimary">@color/colorPrimary</item>
<item name="colorPrimaryDark">@color/colorPrimaryDark</item>
<item name="colorAccent">@color/colorAccent</item>
<item name="android:windowFullscreen">true</item>
<item name="windowNoTitle">true</item>
</style>
</resources>3. dimens.xml (간격) ※별도 파일 추가
<?xml version="1.0" encoding="utf-8"?>
<resources>
<!-- Default screen margins, per the Android Design guidelines. -->
<dimen name="activity_horizontal_margin">16dp</dimen>
<dimen name="activity_vertical_margin">16dp</dimen>
<!-- dimens 1 ~ 100 -->
<dimen name="dimen_0.5dp" >0.5dp</dimen>
<dimen name="dimen_1dp">1dp</dimen>
<dimen name="dimen_1.5dp">1.5dp</dimen>
<dimen name="dimen_2dp">2dp</dimen>
<dimen name="dimen_2.5dp">2.5dp</dimen>
<dimen name="dimen_3dp">3dp</dimen>
<dimen name="dimen_3.5dp">3.5dp</dimen>
<dimen name="dimen_4dp">4dp</dimen>
<dimen name="dimen_4.5dp">4.5dp</dimen>
<dimen name="dimen_5dp">5dp</dimen>
<dimen name="dimen_5.5dp">5.5dp</dimen>
<dimen name="dimen_6dp">6dp</dimen>
<dimen name="dimen_6.5dp">6.5dp</dimen>
<dimen name="dimen_7dp">7dp</dimen>
<dimen name="dimen_7.5dp">7.5dp</dimen>
<dimen name="dimen_8dp">8dp</dimen>
<dimen name="dimen_8.5dp">8.5dp</dimen>
<dimen name="dimen_9dp">9dp</dimen>
<dimen name="dimen_9.5dp">9.5dp</dimen>
<dimen name="dimen_10dp">10dp</dimen>
<dimen name="dimen_10.5dp">10.5dp</dimen>
<dimen name="dimen_11dp">11dp</dimen>
<dimen name="dimen_11.5dp">11.5dp</dimen>
<dimen name="dimen_12dp">12dp</dimen>
<dimen name="dimen_12.5dp">12.5dp</dimen>
<dimen name="dimen_13dp">13dp</dimen>
<dimen name="dimen_13.5dp">13.5dp</dimen>
<dimen name="dimen_14dp">14dp</dimen>
<dimen name="dimen_14.5dp">14.5dp</dimen>
<dimen name="dimen_15dp">15dp</dimen>
<dimen name="dimen_15.5dp">15.5dp</dimen>
<dimen name="dimen_16dp">16dp</dimen>
<dimen name="dimen_16.5dp">16.5dp</dimen>
<dimen name="dimen_17dp">17dp</dimen>
<dimen name="dimen_17.5dp">17.5dp</dimen>
<dimen name="dimen_18dp">18dp</dimen>
<dimen name="dimen_18.5dp">18.5dp</dimen>
<dimen name="dimen_19dp">19dp</dimen>
<dimen name="dimen_19.5dp">19.5dp</dimen>
<dimen name="dimen_20dp">20dp</dimen>
<dimen name="dimen_20.5dp">20.5dp</dimen>
<dimen name="dimen_21dp">21dp</dimen>
<dimen name="dimen_21.5dp">21.5dp</dimen>
<dimen name="dimen_22dp">22dp</dimen>
<dimen name="dimen_22.5dp">22.5dp</dimen>
<dimen name="dimen_23dp">23dp</dimen>
<dimen name="dimen_23.5dp">23.5dp</dimen>
<dimen name="dimen_24dp">24dp</dimen>
<dimen name="dimen_24.5dp">24.5dp</dimen>
<dimen name="dimen_25dp">25dp</dimen>
<dimen name="dimen_25.5dp">25.5dp</dimen>
<dimen name="dimen_26dp">26dp</dimen>
<dimen name="dimen_26.5dp">26.5dp</dimen>
<dimen name="dimen_27dp">27dp</dimen>
<dimen name="dimen_27.5dp">27.5dp</dimen>
<dimen name="dimen_28dp">28dp</dimen>
<dimen name="dimen_28.5dp">28.5dp</dimen>
<dimen name="dimen_29dp">29dp</dimen>
<dimen name="dimen_29.5dp">29.5dp</dimen>
<dimen name="dimen_30dp">30dp</dimen>
<dimen name="dimen_30.5dp">30.5dp</dimen>
<dimen name="dimen_31dp">31dp</dimen>
<dimen name="dimen_31.5dp">31.5dp</dimen>
<dimen name="dimen_32dp">32dp</dimen>
<dimen name="dimen_32.5dp">32.5dp</dimen>
<dimen name="dimen_33dp">33dp</dimen>
<dimen name="dimen_33.5dp">33.5dp</dimen>
<dimen name="dimen_34dp">34dp</dimen>
<dimen name="dimen_34.5dp">34.5dp</dimen>
<dimen name="dimen_35dp">35dp</dimen>
<dimen name="dimen_35.5dp">35.5dp</dimen>
<dimen name="dimen_36dp">36dp</dimen>
<dimen name="dimen_36.5dp">36.5dp</dimen>
<dimen name="dimen_37dp">37dp</dimen>
<dimen name="dimen_37.5dp">37.5dp</dimen>
<dimen name="dimen_38dp">38dp</dimen>
<dimen name="dimen_38.5dp">38.5dp</dimen>
<dimen name="dimen_39dp">39dp</dimen>
<dimen name="dimen_39.5dp">39.5dp</dimen>
<dimen name="dimen_40dp">40dp</dimen>
<dimen name="dimen_40.5dp">40.5dp</dimen>
<dimen name="dimen_41dp">41dp</dimen>
<dimen name="dimen_41.5dp">41.5dp</dimen>
<dimen name="dimen_42dp">42dp</dimen>
<dimen name="dimen_42.5dp">42.5dp</dimen>
<dimen name="dimen_43dp">43dp</dimen>
<dimen name="dimen_43.5dp">43.5dp</dimen>
<dimen name="dimen_44dp">44dp</dimen>
<dimen name="dimen_44.5dp">44.5dp</dimen>
<dimen name="dimen_45dp">45dp</dimen>
<dimen name="dimen_45.5dp">45.5dp</dimen>
<dimen name="dimen_46dp">46dp</dimen>
<dimen name="dimen_46.5dp">46.5dp</dimen>
<dimen name="dimen_47dp">47dp</dimen>
<dimen name="dimen_47.5dp">47.5dp</dimen>
<dimen name="dimen_48dp">48dp</dimen>
<dimen name="dimen_48.5dp">48.5dp</dimen>
<dimen name="dimen_49dp">49dp</dimen>
<dimen name="dimen_49.5dp">49.5dp</dimen>
<dimen name="dimen_50dp">50dp</dimen>
<dimen name="dimen_50.5dp">50.5dp</dimen>
<dimen name="dimen_51dp">51dp</dimen>
<dimen name="dimen_51.5dp">51.5dp</dimen>
<dimen name="dimen_52dp">52dp</dimen>
<dimen name="dimen_52.5dp">52.5dp</dimen>
<dimen name="dimen_53dp">53dp</dimen>
<dimen name="dimen_53.5dp">53.5dp</dimen>
<dimen name="dimen_54dp">54dp</dimen>
<dimen name="dimen_54.5dp">54.5dp</dimen>
<dimen name="dimen_55dp">55dp</dimen>
<dimen name="dimen_55.5dp">55.5dp</dimen>
<dimen name="dimen_56dp">56dp</dimen>
<dimen name="dimen_56.5dp">56.5dp</dimen>
<dimen name="dimen_57dp">57dp</dimen>
<dimen name="dimen_57.5dp">57.5dp</dimen>
<dimen name="dimen_58dp">58dp</dimen>
<dimen name="dimen_58.5dp">58.5dp</dimen>
<dimen name="dimen_59dp">59dp</dimen>
<dimen name="dimen_59.5dp">59.5dp</dimen>
<dimen name="dimen_60dp">60dp</dimen>
<dimen name="dimen_60.5dp">60.5dp</dimen>
<dimen name="dimen_61dp">61dp</dimen>
<dimen name="dimen_61.5dp">61.5dp</dimen>
<dimen name="dimen_62dp">62dp</dimen>
<dimen name="dimen_62.5dp">62.5dp</dimen>
<dimen name="dimen_63dp">63dp</dimen>
<dimen name="dimen_63.5dp">63.5dp</dimen>
<dimen name="dimen_64dp">64dp</dimen>
<dimen name="dimen_64.5dp">64.5dp</dimen>
<dimen name="dimen_65dp">65dp</dimen>
<dimen name="dimen_65.5dp">65.5dp</dimen>
<dimen name="dimen_66dp">66dp</dimen>
<dimen name="dimen_66.5dp">66.5dp</dimen>
<dimen name="dimen_67dp">67dp</dimen>
<dimen name="dimen_67.5dp">67.5dp</dimen>
<dimen name="dimen_68dp">68dp</dimen>
<dimen name="dimen_68.5dp">68.5dp</dimen>
<dimen name="dimen_69dp">69dp</dimen>
<dimen name="dimen_69.5dp">69.5dp</dimen>
<dimen name="dimen_70dp">70dp</dimen>
<dimen name="dimen_70.5dp">70.5dp</dimen>
<dimen name="dimen_71dp">71dp</dimen>
<dimen name="dimen_71.5dp">71.5dp</dimen>
<dimen name="dimen_72dp">72dp</dimen>
<dimen name="dimen_72.5dp">72.5dp</dimen>
<dimen name="dimen_73dp">73dp</dimen>
<dimen name="dimen_73.5dp">73.5dp</dimen>
<dimen name="dimen_74dp">74dp</dimen>
<dimen name="dimen_74.5dp">74.5dp</dimen>
<dimen name="dimen_75dp">75dp</dimen>
<dimen name="dimen_75.5dp">75.5dp</dimen>
<dimen name="dimen_76dp">76dp</dimen>
<dimen name="dimen_76.5dp">76.5dp</dimen>
<dimen name="dimen_77dp">77dp</dimen>
<dimen name="dimen_77.5dp">77.5dp</dimen>
<dimen name="dimen_78dp">78dp</dimen>
<dimen name="dimen_78.5dp">78.5dp</dimen>
<dimen name="dimen_79dp">79dp</dimen>
<dimen name="dimen_79.5dp">79.5dp</dimen>
<dimen name="dimen_80dp">80dp</dimen>
<dimen name="dimen_80.5dp">80.5dp</dimen>
<dimen name="dimen_81dp">81dp</dimen>
<dimen name="dimen_81.5dp">81.5dp</dimen>
<dimen name="dimen_82dp">82dp</dimen>
<dimen name="dimen_82.5dp">82.5dp</dimen>
<dimen name="dimen_83dp">83dp</dimen>
<dimen name="dimen_83.5dp">83.5dp</dimen>
<dimen name="dimen_84dp">84dp</dimen>
<dimen name="dimen_84.5dp">84.5dp</dimen>
<dimen name="dimen_85dp">85dp</dimen>
<dimen name="dimen_85.5dp">85.5dp</dimen>
<dimen name="dimen_86dp">86dp</dimen>
<dimen name="dimen_86.5dp">86.5dp</dimen>
<dimen name="dimen_87dp">87dp</dimen>
<dimen name="dimen_87.5dp">87.5dp</dimen>
<dimen name="dimen_88dp">88dp</dimen>
<dimen name="dimen_88.5dp">88.5dp</dimen>
<dimen name="dimen_89dp">89dp</dimen>
<dimen name="dimen_89.5dp">89.5dp</dimen>
<dimen name="dimen_90dp">90dp</dimen>
<dimen name="dimen_90.5dp">90.5dp</dimen>
<dimen name="dimen_91dp">91dp</dimen>
<dimen name="dimen_91.5dp">91.5dp</dimen>
<dimen name="dimen_92dp">92dp</dimen>
<dimen name="dimen_92.5dp">92.5dp</dimen>
<dimen name="dimen_93dp">93dp</dimen>
<dimen name="dimen_93.5dp">93.5dp</dimen>
<dimen name="dimen_94dp">94dp</dimen>
<dimen name="dimen_94.5dp">94.5dp</dimen>
<dimen name="dimen_95dp">95dp</dimen>
<dimen name="dimen_95.5dp">95.5dp</dimen>
<dimen name="dimen_96dp">96dp</dimen>
<dimen name="dimen_96.5dp">96.5dp</dimen>
<dimen name="dimen_97dp">97dp</dimen>
<dimen name="dimen_97.5dp">97.5dp</dimen>
<dimen name="dimen_98dp">98dp</dimen>
<dimen name="dimen_98.5dp">98.5dp</dimen>
<dimen name="dimen_99dp">99dp</dimen>
<dimen name="dimen_99.5dp">99.5dp</dimen>
<dimen name="dimen_100dp">100dp</dimen>
<dimen name="dimen_130dp">130dp</dimen>
<dimen name="dimen_140dp">140dp</dimen>
<dimen name="dimen_150dp">150dp</dimen>
<dimen name="dimen_155dp">155dp</dimen>
<dimen name="dimen_160dp">160dp</dimen>
<dimen name="dimen_200dp">200dp</dimen>
<dimen name="dimen_300dp">300dp</dimen>
<dimen name="dimen_10sp">10sp</dimen>
<dimen name="dimen_10.5sp">10.5sp</dimen>
<dimen name="dimen_11sp">11sp</dimen>
<dimen name="dimen_11.5sp">11.5sp</dimen>
<dimen name="dimen_12sp">12sp</dimen>
<dimen name="dimen_12.5sp">12.5sp</dimen>
<dimen name="dimen_13sp">13sp</dimen>
<dimen name="dimen_13.5sp">13.5sp</dimen>
<dimen name="dimen_14sp">14sp</dimen>
<dimen name="dimen_14.5sp">14.5sp</dimen>
<dimen name="dimen_15sp">15sp</dimen>
<dimen name="dimen_15.5sp">15.5sp</dimen>
<dimen name="dimen_16sp">16sp</dimen>
<dimen name="dimen_16.5sp">16.5sp</dimen>
<dimen name="dimen_17sp">17sp</dimen>
<dimen name="dimen_17.5sp">17.5sp</dimen>
<dimen name="dimen_18sp">18sp</dimen>
<dimen name="dimen_18.5sp">18.5sp</dimen>
<dimen name="dimen_19sp">19sp</dimen>
<dimen name="dimen_19.5sp">19.5sp</dimen>
<dimen name="dimen_20sp">20sp</dimen>
<dimen name="dimen_20.5sp">20.5sp</dimen>
<dimen name="dimen_21sp">21sp</dimen>
<dimen name="dimen_21.5sp">21.5sp</dimen>
<dimen name="dimen_22sp">22sp</dimen>
<dimen name="dimen_22.5sp">22.5sp</dimen>
<dimen name="dimen_23sp">23sp</dimen>
<dimen name="dimen_23.5sp">23.5sp</dimen>
<dimen name="dimen_24sp">24sp</dimen>
<dimen name="dimen_24.5sp">24.5sp</dimen>
<dimen name="dimen_25sp">25sp</dimen>
<dimen name="dimen_25.5sp">25.5sp</dimen>
<dimen name="dimen_26sp">26sp</dimen>
<dimen name="dimen_26.5sp">26.5sp</dimen>
<dimen name="dimen_27sp">27sp</dimen>
<dimen name="dimen_27.5sp">27.5sp</dimen>
<dimen name="dimen_28sp">28sp</dimen>
<dimen name="dimen_28.5sp">28.5sp</dimen>
<dimen name="dimen_29sp">29sp</dimen>
<dimen name="dimen_29.5sp">29.5sp</dimen>
<dimen name="dimen_30sp">30sp</dimen>
<dimen name="dimen_30.5sp">30.5sp</dimen>
<dimen name="dimen_31sp">31sp</dimen>
<dimen name="dimen_31.5sp">31.5sp</dimen>
<dimen name="dimen_32sp">32sp</dimen>
<dimen name="dimen_32.5sp">32.5sp</dimen>
<dimen name="dimen_33sp">33sp</dimen>
<dimen name="dimen_33.5sp">33.5sp</dimen>
<dimen name="dimen_34sp">34sp</dimen>
<dimen name="dimen_34.5sp">34.5sp</dimen>
<dimen name="dimen_35sp">35sp</dimen>
<dimen name="dimen_35.5sp">35.5sp</dimen>
<dimen name="dimen_36sp">36sp</dimen>
<dimen name="dimen_36.5sp">36.5sp</dimen>
<dimen name="dimen_37sp">37sp</dimen>
<dimen name="dimen_37.5sp">37.5sp</dimen>
<dimen name="dimen_38sp">38sp</dimen>
<dimen name="dimen_38.5sp">38.5sp</dimen>
<dimen name="dimen_39sp">39sp</dimen>
<dimen name="dimen_39.5sp">39.5sp</dimen>
<dimen name="dimen_40sp">40sp</dimen>
<dimen name="dimen_40.5sp">40.5sp</dimen>
<dimen name="dimen_41sp">41sp</dimen>
<dimen name="dimen_41.5sp">41.5sp</dimen>
<dimen name="dimen_42sp">42sp</dimen>
<dimen name="dimen_42.5sp">42.5sp</dimen>
<dimen name="dimen_43sp">43sp</dimen>
<dimen name="dimen_43.5sp">43.5sp</dimen>
<dimen name="dimen_44sp">44sp</dimen>
<dimen name="dimen_44.5sp">44.5sp</dimen>
<dimen name="dimen_45sp">45sp</dimen>
<dimen name="dimen_45.5sp">45.5sp</dimen>
<dimen name="dimen_46sp">46sp</dimen>
<dimen name="dimen_46.5sp">46.5sp</dimen>
<dimen name="dimen_47sp">47sp</dimen>
<dimen name="dimen_47.5sp">47.5sp</dimen>
<dimen name="dimen_48sp">48sp</dimen>
<dimen name="dimen_48.5sp">48.5sp</dimen>
<dimen name="dimen_49sp">49sp</dimen>
<dimen name="dimen_49.5sp">49.5sp</dimen>
<dimen name="dimen_50sp">50sp</dimen>
<dimen name="dimen_50.5sp">50.5sp</dimen>
<dimen name="dimen_51sp">51sp</dimen>
<dimen name="dimen_51.5sp">51.5sp</dimen>
<dimen name="dimen_52sp">52sp</dimen>
<dimen name="dimen_52.5sp">52.5sp</dimen>
<dimen name="dimen_53sp">53sp</dimen>
<dimen name="dimen_53.5sp">53.5sp</dimen>
<dimen name="dimen_54sp">54sp</dimen>
<dimen name="dimen_54.5sp">54.5sp</dimen>
<dimen name="dimen_55sp">55sp</dimen>
<dimen name="dimen_55.5sp">55.5sp</dimen>
<dimen name="dimen_56sp">56sp</dimen>
<dimen name="dimen_56.5sp">56.5sp</dimen>
<dimen name="dimen_57sp">57sp</dimen>
<dimen name="dimen_57.5sp">57.5sp</dimen>
<dimen name="dimen_58sp">58sp</dimen>
<dimen name="dimen_58.5sp">58.5sp</dimen>
<dimen name="dimen_59sp">59sp</dimen>
<dimen name="dimen_59.5sp">59.5sp</dimen>
<dimen name="dimen_60sp">60sp</dimen>
<dimen name="dimen_60.5sp">60.5sp</dimen>
<dimen name="dimen_61sp">61sp</dimen>
<dimen name="dimen_61.5sp">61.5sp</dimen>
<dimen name="dimen_62sp">62sp</dimen>
<dimen name="dimen_62.5sp">62.5sp</dimen>
<dimen name="dimen_63sp">63sp</dimen>
<dimen name="dimen_63.5sp">63.5sp</dimen>
<dimen name="dimen_64sp">64sp</dimen>
<dimen name="dimen_64.5sp">64.5sp</dimen>
<dimen name="dimen_65sp">65sp</dimen>
<dimen name="dimen_65.5sp">65.5sp</dimen>
<dimen name="dimen_66sp">66sp</dimen>
<dimen name="dimen_66.5sp">66.5sp</dimen>
<dimen name="dimen_67sp">67sp</dimen>
<dimen name="dimen_67.5sp">67.5sp</dimen>
<dimen name="dimen_68sp">68sp</dimen>
<dimen name="dimen_68.5sp">68.5sp</dimen>
<dimen name="dimen_69sp">69sp</dimen>
<dimen name="dimen_69.5sp">69.5sp</dimen>
<dimen name="dimen_70sp">70sp</dimen>
<dimen name="dimen_70.5sp">70.5sp</dimen>
<dimen name="dimen_71sp">71sp</dimen>
<dimen name="dimen_71.5sp">71.5sp</dimen>
<dimen name="dimen_72sp">72sp</dimen>
<dimen name="dimen_72.5sp">72.5sp</dimen>
<dimen name="dimen_73sp">73sp</dimen>
<dimen name="dimen_73.5sp">73.5sp</dimen>
<dimen name="dimen_74sp">74sp</dimen>
<dimen name="dimen_74.5sp">74.5sp</dimen>
<dimen name="dimen_75sp">75sp</dimen>
<dimen name="dimen_75.5sp">75.5sp</dimen>
<dimen name="dimen_76sp">76sp</dimen>
<dimen name="dimen_76.5sp">76.5sp</dimen>
<dimen name="dimen_77sp">77sp</dimen>
<dimen name="dimen_77.5sp">77.5sp</dimen>
<dimen name="dimen_78sp">78sp</dimen>
<dimen name="dimen_78.5sp">78.5sp</dimen>
<dimen name="dimen_79sp">79sp</dimen>
<dimen name="dimen_79.5sp">79.5sp</dimen>
<dimen name="dimen_80sp">80sp</dimen>
<dimen name="dimen_80.5sp">80.5sp</dimen>
<dimen name="dimen_81sp">81sp</dimen>
<dimen name="dimen_81.5sp">81.5sp</dimen>
<dimen name="dimen_82sp">82sp</dimen>
<dimen name="dimen_82.5sp">82.5sp</dimen>
<dimen name="dimen_83sp">83sp</dimen>
<dimen name="dimen_83.5sp">83.5sp</dimen>
<dimen name="dimen_84sp">84sp</dimen>
<dimen name="dimen_84.5sp">84.5sp</dimen>
<dimen name="dimen_85sp">85sp</dimen>
<dimen name="dimen_85.5sp">85.5sp</dimen>
<dimen name="dimen_86sp">86sp</dimen>
<dimen name="dimen_86.5sp">86.5sp</dimen>
<dimen name="dimen_87sp">87sp</dimen>
<dimen name="dimen_87.5sp">87.5sp</dimen>
<dimen name="dimen_88sp">88sp</dimen>
<dimen name="dimen_88.5sp">88.5sp</dimen>
<dimen name="dimen_89sp">89sp</dimen>
<dimen name="dimen_89.5sp">89.5sp</dimen>
<dimen name="dimen_90sp">90sp</dimen>
<dimen name="dimen_90.5sp">90.5sp</dimen>
<dimen name="dimen_91sp">91sp</dimen>
<dimen name="dimen_91.5sp">91.5sp</dimen>
<dimen name="dimen_92sp">92sp</dimen>
<dimen name="dimen_92.5sp">92.5sp</dimen>
<dimen name="dimen_93sp">93sp</dimen>
<dimen name="dimen_93.5sp">93.5sp</dimen>
<dimen name="dimen_94sp">94sp</dimen>
<dimen name="dimen_94.5sp">94.5sp</dimen>
<dimen name="dimen_95sp">95sp</dimen>
<dimen name="dimen_95.5sp">95.5sp</dimen>
<dimen name="dimen_96sp">96sp</dimen>
<dimen name="dimen_96.5sp">96.5sp</dimen>
<dimen name="dimen_97sp">97sp</dimen>
<dimen name="dimen_97.5sp">97.5sp</dimen>
<dimen name="dimen_98sp">98sp</dimen>
<dimen name="dimen_98.5sp">98.5sp</dimen>
<dimen name="dimen_99sp">99sp</dimen>
<dimen name="dimen_99.5sp">99.5sp</dimen>
<dimen name="dimen_100sp">100sp</dimen>
</resources>
build.gradle (app) > dependencies 추가
dependencies {
...
implementation 'com.google.android.material:material:1.2.0-rc01'
...
}
반응형