尺寸速查表

切图尺寸

尺寸速查表_第1张图片

  • mdpi - 48*48
  • hdpi - 72*72 = ios 1.5x
  • xhdpi - 96*96 = ios 2x
  • xxhdpi - 144*144 = ios 3x
  • xxxhdpi - 192*192

分辨率对应 dpi

  • 480 * 800 - 240dpi
  • 720*1280 - 320dpi
  • 1080*1920 - 480dpi
  • mdp - 160dpi - 1倍
  • hdpi - 240dpi - 1.5倍
  • xhdpi - 320dpi - 2倍
  • xxhdpi - 480dpi - 3倍
  • xxxhdpi - 640dpi - 4倍

页面版式尺寸

  • 顶部状态栏高度 - 24dp
  • Appbar最小高度 - 56dp
  • 底部导航栏高度 - 48dp
  • 悬浮按钮尺寸 - 56x56dp/40x40dp
  • 用户头像尺寸 - 64x64dp/40x40dp
  • 小图标点击区域 - 48x48dp
  • 侧边抽屉到屏幕右边的距离 - 56dp
  • 卡片间距 - 8dp
  • 分隔线上下留白 - 8dp
  • 大多元素的留白距离 - 16dp
  • 屏幕左右对齐基线 - 16dp
  • 文字左侧对齐基线 - 72dp
  • 另外注意56dp这个数字,许多尺寸可变的控件,比如对话框、菜单等,宽度都可以按56的整数倍来设计

DisplayMetrics

 

DisplayMetrics displayMetrics = getResources().getDisplayMetrics();
float density = displayMetrics.density; //屏幕密度        
int densityDpi = displayMetrics.densityDpi;//屏幕密度dpi        
int heightPixels = displayMetrics.heightPixels;//屏幕高度的像素        I
nt widthPixels = displayMetrics.widthPixels;//屏幕宽度的像素       
 float scaledDensity = displayMetrics.scaledDensity;//字体的放大系数        
float xdpi = displayMetrics.xdpi;//宽度方向上的dpi        
float ydpi = displayMetrics.ydpi;//高度方向上的dpi

横竖屏切换

  1. 横竖屏切换不重置页面需要设置 configChanges 参数

 

android:configChanges=“orientation|keyboardHidden”
android:configChanges=“orientation|screenSize” API 13 以上
  1. 横竖屏想要采用不用的 layout 布局,请在 res 目录先建立 layout-land 和 layout-port 目录,然后在两个文件夹下创建相同名字的两套 xml,系统就会根据不同的屏幕来进行自动寻找

链接:https://www.jianshu.com/p/47cd2a9757db
 

你可能感兴趣的:(尺寸速查表)