Anthony Chen | 775bb5d | 2017-09-14 14:09:13 -0700 | [diff] [blame] | 1 | <?xml version="1.0" encoding="utf-8"?> |
| 2 | <!-- Copyright (C) 2017 The Android Open Source Project |
| 3 | |
| 4 | Licensed under the Apache License, Version 2.0 (the "License"); |
| 5 | you may not use this file except in compliance with the License. |
| 6 | You may obtain a copy of the License at |
| 7 | |
| 8 | http://www.apache.org/licenses/LICENSE-2.0 |
| 9 | |
| 10 | Unless required by applicable law or agreed to in writing, software |
| 11 | distributed under the License is distributed on an "AS IS" BASIS, |
| 12 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| 13 | See the License for the specific language governing permissions and |
| 14 | limitations under the License. |
| 15 | --> |
| 16 | <resources> |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 17 | <!-- Framework --> |
| 18 | <!-- Margin --> |
| 19 | <dimen name="car_margin">20dp</dimen> |
Anthony Chen | 821d290 | 2017-10-03 15:26:22 -0700 | [diff] [blame] | 20 | |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 21 | <!-- Gutters --> |
| 22 | <dimen name="car_gutter_size">16dp</dimen> |
| 23 | |
| 24 | <!-- Keylines --> |
| 25 | <dimen name="car_keyline_1">24dp</dimen> |
| 26 | <dimen name="car_keyline_2">96dp</dimen> |
| 27 | <dimen name="car_keyline_3">112dp</dimen> |
| 28 | <dimen name="car_keyline_4">148dp</dimen> |
| 29 | <dimen name="car_keyline_1_neg">-24dp</dimen> |
| 30 | <dimen name="car_keyline_2_neg">-96dp</dimen> |
| 31 | <dimen name="car_keyline_3_neg">-112dp</dimen> |
| 32 | <dimen name="car_keyline_4_neg">-148dp</dimen> |
| 33 | |
| 34 | <!-- Paddings --> |
| 35 | <dimen name="car_padding_1">4dp</dimen> |
| 36 | <dimen name="car_padding_2">10dp</dimen> |
| 37 | <dimen name="car_padding_3">16dp</dimen> |
| 38 | <dimen name="car_padding_4">28dp</dimen> |
| 39 | <dimen name="car_padding_5">32dp</dimen> |
| 40 | |
| 41 | <!-- Radii --> |
| 42 | <dimen name="car_radius_1">4dp</dimen> |
| 43 | <dimen name="car_radius_2">8dp</dimen> |
| 44 | <dimen name="car_radius_3">16dp</dimen> |
| 45 | <dimen name="car_radius_5">100dp</dimen> |
| 46 | |
| 47 | <!-- Car Component Dimensions --> |
Roshan Agrawal | b7a0a00 | 2017-11-01 15:48:54 -0700 | [diff] [blame] | 48 | <!-- Type Sizings --> |
Anthony Chen | 40e047a | 2017-11-27 14:08:10 -0800 | [diff] [blame] | 49 | <dimen name="car_title_size">32sp</dimen> |
Roshan Agrawal | b7a0a00 | 2017-11-01 15:48:54 -0700 | [diff] [blame] | 50 | <dimen name="car_title2_size">32sp</dimen> |
Anthony Chen | 3f37051 | 2017-10-24 06:48:34 -0700 | [diff] [blame] | 51 | <dimen name="car_headline1_size">45sp</dimen> |
| 52 | <dimen name="car_headline2_size">36sp</dimen> |
| 53 | <dimen name="car_headline3_size">24sp</dimen> |
| 54 | <dimen name="car_headline4_size">20sp</dimen> |
Anthony Chen | 821d290 | 2017-10-03 15:26:22 -0700 | [diff] [blame] | 55 | <dimen name="car_body1_size">32sp</dimen> |
| 56 | <dimen name="car_body2_size">26sp</dimen> |
Anthony Chen | 3f37051 | 2017-10-24 06:48:34 -0700 | [diff] [blame] | 57 | <dimen name="car_body3_size">16sp</dimen> |
| 58 | <dimen name="car_body4_size">14sp</dimen> |
Roshan Agrawal | b7a0a00 | 2017-11-01 15:48:54 -0700 | [diff] [blame] | 59 | <dimen name="car_body5_size">18sp</dimen> |
| 60 | <dimen name="car_action1_size">26sp</dimen> |
Anthony Chen | 821d290 | 2017-10-03 15:26:22 -0700 | [diff] [blame] | 61 | |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 62 | <!-- Icons and Buttons --> |
| 63 | <!-- Icons --> |
Roshan Agrawal | b7a0a00 | 2017-11-01 15:48:54 -0700 | [diff] [blame] | 64 | <dimen name="car_primary_icon_size">44dp</dimen> |
| 65 | <dimen name="car_secondary_icon_size">24dp</dimen> |
Anthony Chen | fa06c1e | 2017-11-14 16:20:46 -0800 | [diff] [blame] | 66 | |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 67 | <!-- Avatars --> |
| 68 | <dimen name="car_avatar_size">56dp</dimen> |
| 69 | |
| 70 | <!-- Minimum touch target size. --> |
| 71 | <dimen name="car_touch_target_size">76dp</dimen> |
| 72 | |
| 73 | <!-- Buttons --> |
Roshan Agrawal | 7ea5b2d | 2017-12-18 18:21:14 -0800 | [diff] [blame] | 74 | <dimen name="car_button_height">56dp</dimen> |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 75 | <dimen name="car_button_min_width">158dp</dimen> |
| 76 | <dimen name="car_button_horizontal_padding">@dimen/car_padding_4</dimen> |
| 77 | <dimen name="car_borderless_button_horizontal_padding">0dp</dimen> |
| 78 | <dimen name="car_button_radius">@dimen/car_radius_1</dimen> |
| 79 | |
| 80 | <!-- Application Bar --> |
| 81 | <dimen name="car_app_bar_height">80dp</dimen> |
| 82 | |
| 83 | <!-- Action Bars --> |
| 84 | <dimen name="car_action_bar_height">128dp</dimen> |
| 85 | <dimen name="car_secondary_single_action_bar_height">@dimen/car_action_bar_height</dimen> |
| 86 | <dimen name="car_secondary_double_action_bar_height">256dp</dimen> |
| 87 | |
| 88 | <!-- Lists --> |
Roshan Agrawal | 7ea5b2d | 2017-12-18 18:21:14 -0800 | [diff] [blame] | 89 | <dimen name="car_single_line_list_item_height">96dp</dimen> |
| 90 | <dimen name="car_double_line_list_item_height">@dimen/car_single_line_list_item_height</dimen> |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 91 | <dimen name="car_list_divider_height">1dp</dimen> |
Yao, Yuxing | e048d0d | 2017-11-27 15:34:44 -0800 | [diff] [blame] | 92 | <!-- The height of a vertical line divider. --> |
| 93 | <dimen name="car_vertical_line_divider_height">60dp</dimen> |
| 94 | <dimen name="car_vertical_line_divider_width">1dp</dimen> |
Anthony Chen | fa06c1e | 2017-11-14 16:20:46 -0800 | [diff] [blame] | 95 | |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 96 | <!-- Cards --> |
| 97 | <dimen name="car_card_header_height">76dp</dimen> |
| 98 | <dimen name="car_card_action_bar_height">76dp</dimen> |
Anthony Chen | ab07f45 | 2017-09-25 15:35:17 -0700 | [diff] [blame] | 99 | |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 100 | <!-- Dialogs --> |
| 101 | <dimen name="car_dialog_header_height">@dimen/car_card_header_height</dimen> |
| 102 | <dimen name="car_dialog_action_bar_height">@dimen/car_card_action_bar_height</dimen> |
Anthony Chen | ab07f45 | 2017-09-25 15:35:17 -0700 | [diff] [blame] | 103 | |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 104 | <!-- Slide Up Menu --> |
| 105 | <dimen name="car_slide_up_menu_initial_height">76dp</dimen> |
| 106 | |
| 107 | <!-- Slide Down Menu --> |
| 108 | <dimen name="car_slide_down_menu_initial_height">@dimen/car_slide_up_menu_initial_height</dimen> |
| 109 | |
| 110 | <!-- Sub Header --> |
| 111 | <dimen name="car_sub_header_height">76dp</dimen> |
| 112 | |
Yao, Yuxing | 4e832ea | 2017-12-18 10:49:21 -0800 | [diff] [blame] | 113 | <!-- Seekbar --> |
| 114 | <dimen name="car_seekbar_height">6dp</dimen> |
| 115 | <dimen name="car_seekbar_thumb_size">20dp</dimen> |
| 116 | <dimen name="car_seekbar_thumb_stroke">1dp</dimen> |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 117 | |
| 118 | <!-- Scroll Bar --> |
| 119 | <dimen name="car_scroll_bar_padding">@dimen/car_padding_2</dimen> |
| 120 | |
| 121 | <!-- Scroll Bar Thumb --> |
Yao, Yuxing | 4e832ea | 2017-12-18 10:49:21 -0800 | [diff] [blame] | 122 | <dimen name="car_scroll_bar_thumb_width">@dimen/car_seekbar_height</dimen> |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 123 | <dimen name="car_scroll_bar_thumb_margin">@dimen/car_padding_1</dimen> |
| 124 | |
| 125 | <!-- Scroll Bar and Alpha Jump Buttons --> |
| 126 | <dimen name="car_scroll_bar_button_size">56dp</dimen> |
| 127 | <dimen name="car_alpha_jump_button_size">@dimen/car_scroll_bar_button_size</dimen> |
| 128 | |
| 129 | <!-- Progress Bar --> |
Yao, Yuxing | 4e832ea | 2017-12-18 10:49:21 -0800 | [diff] [blame] | 130 | <dimen name="car_progress_bar_height">@dimen/car_seekbar_height</dimen> |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 131 | |
| 132 | <!-- Text Input --> |
| 133 | <dimen name="car_text_input_line_height">2dp</dimen> |
| 134 | |
| 135 | <!-- PagedListView Dimensions --> |
Anthony Chen | ab07f45 | 2017-09-25 15:35:17 -0700 | [diff] [blame] | 136 | <!-- Sample row height used for scroll bar calculations in the off chance that a view hasn't |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 137 | been measured. It's highly unlikely that this value will actually be used for more than |
| 138 | a frame max. The sample row is a 96dp card + 16dp margin on either side. --> |
Anthony Chen | ab07f45 | 2017-09-25 15:35:17 -0700 | [diff] [blame] | 139 | <dimen name="car_sample_row_height">128dp</dimen> |
| 140 | |
| 141 | <!-- The amount of space the LayoutManager will make sure the last item on the screen is |
| 142 | peeking before scrolling down --> |
| 143 | <dimen name="car_last_card_peek_amount">16dp</dimen> |
| 144 | |
Roshan Agrawal | 6f47238 | 2017-12-04 14:06:31 -0800 | [diff] [blame] | 145 | <!-- Drawer Dimensions --> |
Anthony Chen | 821d290 | 2017-10-03 15:26:22 -0700 | [diff] [blame] | 146 | <!-- Size of progress-bar in Drawer --> |
| 147 | <dimen name="car_drawer_progress_bar_size">48dp</dimen> |
| 148 | |
| 149 | <!-- The ending margin of the drawer. Is is the amount that the navigation drawer does not |
| 150 | cover the screen. --> |
| 151 | <dimen name="car_drawer_margin_end">96dp</dimen> |
| 152 | |
| 153 | <!-- Dimensions of the back arrow in the drawer. --> |
| 154 | <dimen name="car_arrow_size">96dp</dimen> |
| 155 | <dimen name="car_arrow_thickness">3dp</dimen> |
| 156 | <dimen name="car_arrow_shaft_length">34dp</dimen> |
| 157 | <dimen name="car_arrow_head_length">18dp</dimen> |
| 158 | <dimen name="car_menu_bar_spacing">6dp</dimen> |
| 159 | <dimen name="car_menu_bar_length">40dp</dimen> |
| 160 | |
Anthony Chen | 821d290 | 2017-10-03 15:26:22 -0700 | [diff] [blame] | 161 | <!-- The size of the starting icon. --> |
| 162 | <dimen name="car_drawer_list_item_icon_size">64dp</dimen> |
| 163 | |
| 164 | <!-- The margin after the starting icon. --> |
| 165 | <dimen name="car_drawer_list_item_icon_end_margin">32dp</dimen> |
| 166 | |
| 167 | <!-- The ending margin on a list view. --> |
| 168 | <dimen name="car_drawer_list_item_end_margin">32dp</dimen> |
| 169 | |
| 170 | <!-- The size of the starting icon in a small list item.--> |
| 171 | <dimen name="car_drawer_list_item_small_icon_size">56dp</dimen> |
| 172 | |
| 173 | <!-- The size of the ending icon in a list item. --> |
| 174 | <dimen name="car_drawer_list_item_end_icon_size">56dp</dimen> |
| 175 | |
| 176 | <!-- The margin between text is lies on top of each other. --> |
| 177 | <dimen name="car_text_vertical_margin">2dp</dimen> |
Anthony Chen | 775bb5d | 2017-09-14 14:09:13 -0700 | [diff] [blame] | 178 | </resources> |