热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

Android设计尺寸规范AndroidDesignGuidelines

Android设计尺寸规范–AndroidDesignGuidelines 字体Typography中文字体:SourceHanSansNoto英文字体:Roboto元素字重字号行

Android设计尺寸规范

–Android Design Guidelines 

字体 Typography

中文字体:Source Han Sans / Noto

英文字体:Roboto

元素字重字号行距字间距
App barMedium20sp––
ButtonsMedium15sp–10
HeadlineRegular24sp34dp0
TitleMedium21sp–5
SubheadingRegular17sp30dp10
Body 1Regular15sp23dp10
Body 2Bold15sp26dp10
CaptionRegular13sp–20

图标 icons

图标用途mdpi (160dpi)hdpi (240dpi)xhdpi (320dpi)xxhdpi (480dpi)xxxhdpi (640dpi)
应用图标48 x 48 px72 x 72 px96 x 96 px144 x 144 px192 x 192 px
系统图标24 x 24 px36 x 36 px48 x 48 px72 x 72 px196 x 196 px

应用图标 Product icons

  • 《Android设计尺寸规范--Android Design Guidelines》

    方形

    高度:152dp 宽度:152dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    圆形

    直径:176dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    垂直长方形

    高度:176dp 宽度:128dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    水平长方形

    高度:128dp 宽度:176dp

系统图标 System icons

  • 《Android设计尺寸规范--Android Design Guidelines》

    方形

    高度:18dp 宽度:18dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    圆形

    直径:20dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    垂直长方形

    高度:20dp 宽度:16dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    水平长方形

    高度:16dp 宽度:20dp

快捷图标 Shortcut icon

  • 《Android设计尺寸规范--Android Design Guidelines》

    实际面积

    高度:44dp 宽度:44dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    总面积

    高度:48dp 宽度:48dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    系统图标尺寸

    高度:24dp 宽度:24dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    实际面积位置

    剩余高度:24dp
    剩余宽度:24dp

单位和度量 Units and measurements

dpi =屏幕宽度(或高度)像素 / 屏幕宽度(或高度)英寸

dp =(宽度像素 x 160)/ dpi

名称分辨率 pxdpi像素比示例 dp对应像素
xxxhdpi2160 x 38406404.048dp192px
xxhdpi1080 x 19204803.048dp144px
xhdpi720 x 12803202.048dp96px
hdpi480 x 8002401.548dp72px
mdpi320 x 4801601.048dp48px

UI组件布局 Element Layout

列表 List

  • 《Android设计尺寸规范--Android Design Guidelines》

    垂直边框和水平外边距

    边框左右外边距各16dp

    带有图标或者头像的内容有 72dp 的左边距。

  • 《Android设计尺寸规范--Android Design Guidelines》

    垂直边距

    1. 状态栏:24dp
    2. 工具栏:56dp
    3. 子标题:48dp
    4. 列表项:72dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    垂直边框和水平外边距

    边框左右外边距各16dp

    带有图标或者头像的内容有 72dp 的左边距。

  • 《Android设计尺寸规范--Android Design Guidelines》

    垂直边距

    1. 状态栏:24dp
    2. 工具栏:56dp
    3. 标题和列表项:48dp
    4. 子标题:48dp
    5. 内容区域间的距离:8dp

详情视图 Detail view

  • 《Android设计尺寸规范--Android Design Guidelines》

    垂直边框和水平外边距

    边框左右外边距各16dp

    带有图标或者头像的内容有 72dp 的左边距。

    右边图标的右边距为32dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    垂直边距

    1. 状态栏:24dp
    2. 工具栏:56dp
    3. 内容区域间的距离:8dp
    4. 列表项:72dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    垂直边框和水平外边距

    边框左右外边距各16dp

    带有图标或者头像的内容有 72dp 的左边距。

    弹出菜单与右边框的距离为56dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    垂直边距

    1. 列表项:48dp
    2. 内容区域间的距离:8dp
    3. 导航右边距:56dp

触控区域尺寸 Touch target size

  • 《Android设计尺寸规范--Android Design Guidelines》

    头像:40dp

    图标:24dp

    触控区:48dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    实例

  • 《Android设计尺寸规范--Android Design Guidelines》

    触控区域高度:48dp

    按钮高度:36dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    实例

应用栏 App bar

  • 《Android设计尺寸规范--Android Design Guidelines》

    应用栏高度:56dp
    应用栏左右内边距:16dp
    应用栏图标上、下、左内边距:16dp
    应用栏标题左内边距:72dp
    应用栏标题下内边距:20dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    应用栏高度:128dp

  • 《Android设计尺寸规范--Android Design Guidelines》

    操作栏高度:56dp
    标题栏高度:80dp
    标题栏底部内边距:8dp
    描述区域高度:72dp
    描述区底部内边距:16dp

 

(如有侵权,请联系作者删除文章)


推荐阅读
  • 开发笔记:深入解析Android自定义控件——Button的72种变形技巧
    开发笔记:深入解析Android自定义控件——Button的72种变形技巧 ... [详细]
  • 深入解析 Android 中 EditText 的 getLayoutParams 方法及其代码应用实例 ... [详细]
  • 实验九:使用SharedPreferences存储简单数据
    本实验旨在帮助学生理解和掌握使用SharedPreferences存储和读取简单数据的方法,包括程序参数和用户选项。 ... [详细]
  • ButterKnife 是一款用于 Android 开发的注解库,主要用于简化视图和事件绑定。本文详细介绍了 ButterKnife 的基础用法,包括如何通过注解实现字段和方法的绑定,以及在实际项目中的应用示例。此外,文章还提到了截至 2016 年 4 月 29 日,ButterKnife 的最新版本为 8.0.1,为开发者提供了最新的功能和性能优化。 ... [详细]
  • 在Android开发中,实现多点触控功能需要使用`OnTouchListener`监听器来捕获触摸事件,并在`onTouch`方法中进行详细的事件处理。为了优化多点触控的交互体验,开发者可以通过识别不同的触摸手势(如缩放、旋转等)并进行相应的逻辑处理。此外,还可以结合`MotionEvent`类提供的方法,如`getPointerCount()`和`getPointerId()`,来精确控制每个触点的行为,从而提升用户操作的流畅性和响应性。 ... [详细]
  • 本文探讨了资源访问的学习路径与方法,旨在帮助学习者更高效地获取和利用各类资源。通过分析不同资源的特点和应用场景,提出了多种实用的学习策略和技术手段,为学习者提供了系统的指导和建议。 ... [详细]
  • 掌握Android UI设计:利用ZoomControls实现图片缩放功能
    本文介绍了如何在Android应用中通过使用ZoomControls组件来实现图片的缩放功能。ZoomControls提供了一种简单且直观的方式,让用户可以通过点击放大和缩小按钮来调整图片的显示大小。文章详细讲解了ZoomControls的基本用法、布局设置以及与ImageView的结合使用方法,适合初学者快速掌握Android UI设计中的这一重要功能。 ... [详细]
  • 技术分享:深入解析GestureDetector手势识别机制
    技术分享:深入解析GestureDetector手势识别机制 ... [详细]
  • 本文介绍如何在 Android 中自定义加载对话框 CustomProgressDialog,包括自定义 View 类和 XML 布局文件的详细步骤。 ... [详细]
  • 本文介绍了一种自定义的Android圆形进度条视图,支持在进度条上显示数字,并在圆心位置展示文字内容。通过自定义绘图和组件组合的方式实现,详细展示了自定义View的开发流程和关键技术点。示例代码和效果展示将在文章末尾提供。 ... [详细]
  • 【问题】在Android开发中,当为EditText添加TextWatcher并实现onTextChanged方法时,会遇到一个问题:即使只对EditText进行一次修改(例如使用删除键删除一个字符),该方法也会被频繁触发。这不仅影响性能,还可能导致逻辑错误。本文将探讨这一问题的原因,并提供有效的解决方案,包括使用Handler或计时器来限制方法的调用频率,以及通过自定义TextWatcher来优化事件处理,从而提高应用的稳定性和用户体验。 ... [详细]
  • 使用 ListView 浏览安卓系统中的回收站文件 ... [详细]
  • 在处理 XML 数据时,如果需要解析 `` 标签的内容,可以采用 Pull 解析方法。Pull 解析是一种高效的 XML 解析方式,适用于流式数据处理。具体实现中,可以通过 Java 的 `XmlPullParser` 或其他类似的库来逐步读取和解析 XML 文档中的 `` 元素。这样不仅能够提高解析效率,还能减少内存占用。本文将详细介绍如何使用 Pull 解析方法来提取 `` 标签的内容,并提供一个示例代码,帮助开发者快速解决问题。 ... [详细]
  • 在MPAndroidChart中,当滑动至最后一个数据点时自动加载更多数据
    在MPAndroidChart中,当用户滑动图表至最后一个数据点时,系统将自动触发加载更多数据的功能,以提供连续的数据展示体验。这一机制特别适用于需要动态更新数据的场景,如实时监控和数据分析应用。 ... [详细]
  • 手指触控|Android电容屏幕驱动调试指南
    手指触控|Android电容屏幕驱动调试指南 ... [详细]
author-avatar
手机用户2502911617_428
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有