• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

DmitryMalkovich/material-design-dimens: Default colors and dimens per Material D ...

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称(OpenSource Name):

DmitryMalkovich/material-design-dimens

开源软件地址(OpenSource Url):

https://github.com/DmitryMalkovich/material-design-dimens

开源编程语言(OpenSource Language):

Java 100.0%

开源软件介绍(OpenSource Introduction):

Material Design Dimens

Crates.io Bintray Android Arsenal Build Status

Default colors and dimens per Material Design guidelines and Android Design guidelines inside one library.

Dimens

Pattern:

R.dimen.material_[layout|component|typography]_[keylines|button|...]

R.color.material_[red|blue|...]_[500|800|...]

Usage

Just add the dependency to your build.gradle:

compile 'com.dmitrymalkovich.android:material-design-dimens:1.4'

Examples

Dialogs

Name Dimens Values
Padding around content area @dimen/material_component_dialogs_padding_around_content_area 24dp
Padding between title and body text @dimen/material_component_dialogs_padding_between_title_and_body_text 20dp
Padding around buttons @dimen/material_component_dialogs_padding_around_buttons 8dp
Action area height @dimen/material_component_dialogs_action_area_height 52dp
Dialog elevation @dimen/material_component_dialogs_elevation 24dp

Metrics & Keylines

Name Dimens Values
Screen edge left and right margins @dimen/material_layout_keylines_screen_edge_margin 16dp
Content associated with an icon or avatar left margin @dimen/material_layout_keylines_content_left_margin_from_screen_edge 72dp
Horizontal margins on mobile @dimen/material_layout_keylines_horizontal_mobile_margin 16dp

Cards

Name Dimens Values
Primary title top padding @dimen/material_component_cards_primary_title_top_padding 24dp
Primary title bottom padding @dimen/material_component_cards_primary_title_bottom_padding 16dp
Action button row padding @dimen/material_component_cards_action_button_row_padding 8dp
Supporting text top padding @dimen/material_component_cards_supporting_text_top_padding 16dp
Supporting text bottom padding @dimen/material_component_cards_supporting_text_bottom_padding 24dp

Floating Action Buttons

Dimens Values
@dimen/material_component_floating_action_button_margin 16dp
@dimen/material_component_button_height 36dp
@dimen/material_component_button_touchable_target_height 48dp

Color Palette

Colors Value
@color/material_indigo_100 #C5CAE9
@color/material_indigo_500 #3F51B5
@color/material_indigo_700 #303F9F

Layout

  • Keylines
  • Spacing
  • ... (More comming soon)

Components

  • Bottom sheets
  • Buttons
  • Floating Action Buttons
  • Cards
  • Dialogs
  • Grid lists
  • Lists
  • Text fields
  • Toolbars
  • ... (More comming soon)

Typography

  • Font sizes

Sample

Contributing

Want to add your favorites dimens, just make pull request!

External contributors

License

Copyright 2016 Dmitry Malkovich

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.




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap