尺寸速查表
2019-06-19 本文已影响0人
前行的乌龟
切图尺寸
- 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
横竖屏切换
- 横竖屏切换不重置页面需要设置 configChanges 参数
android:configChanges=“orientation|keyboardHidden”
android:configChanges=“orientation|screenSize” API 13 以上
- 横竖屏想要采用不用的 layout 布局，请在 res 目录先建立 layout-land 和 layout-port 目录，然后在两个文件夹下创建相同名字的两套 xml，系统就会根据不同的屏幕来进行自动寻找
