android 界面设计
wm = (WindowManager) getSystemService(Context.WINDOW_SERVICE);
DisplayMetrics dm = new DisplayMetrics();
wm.getDefaultDisplay().getMetrics(dm); //将当前窗口的一些信息放在DisplayMetrics类中
float density = dm.density; //密度 px = dp * density dp/px = density
int dpi = dm.densityDpi;
width = dm.widthPixels;
height = dm.heightPixels;
px = dp * density dp/px = density
焦点: android:focusable=“true” 不会改变android:focusableInTouchMode 键盘
android:focusable=“false”,一定会使android:focusableInTouchMode=“false”
android:focusableInTouchMode=“false”,不会影响android:focusable 针对触屏
android:focusableInTouchMode=”true”,一定会是android:focusable=“true”
字体
英文字体使用Roboto,中文字体使用Noto。 Noto有7种字重:Thin, Light、DemiLight、Regular、Medium、Bold 和 Black。
文字排版
常用字号:
12sp 小字提示
14sp(桌面端13sp) 正文/按钮文字
16sp(桌面端15sp) 小标题
20sp Appbar文字
24sp 大标题
34sp/45sp/56sp/112sp 超大号文字
长篇幅正文,每行建议60字符(英文)左右。短文本,建议每行30字符(英文)左右。
布局
所有可操作元素最小点击区域尺寸:48dp X 48dp。
栅格系统的最小单位是8dp,一切距离、尺寸都应该是8dp的整数倍。以下是一些常见的尺寸与距离:
顶部状态栏高度:24dp
Appbar最小高度:56dp
底部导航栏高度:48dp
悬浮按钮尺寸:56x56dp/40x40dp
用户头像尺寸:64x64dp/40x40dp
小图标点击区域:48x48dp
侧边抽屉到屏幕右边的距离:56dp
卡片间距:8dp
分隔线上下留白:8dp
大多元素的留白距离:16dp
屏幕左右对齐基线:16dp
文字左侧对齐基线:72dp
tab只用来展现不同类型的内容,不能当导航菜单使用。tab至少2项,至多6项。
tab选中项的下划线高度是2dp
最新文章
- kali无法输入中文
- [java] 40个Java多线程问题总结
- 免费的天气Web Service接口
- 如何删除google流氓扩展(强制安装,并且无权限删除)
- asp自动补全html标签自动闭合(正则表达式)
- How to Build CyanogenMod for One X (codename: endeavoru)
- 第四题(迅雷笔试题):编写一个程序,开启3个线程,这3个线程的ID分别为A、B、C,每个线程将自己的ID在屏幕上打印10遍,要求输出结果必须按ABC的顺序显示;如:ABCABC….依次递推。
- Redis学习之一VMWare Pro虚拟机安装和Linux系统的安装
- 恭喜发财! -- 手把手教你仿造一个qq下拉抢红包 Android自定义view
- hdu 5183
- BigDecimal的引入和概述
- 【Java基础】2、Java中普通代码块,构造代码块,静态代码块区别及代码示例
- HTML5 <;iframe>; 标签
- Xcode常见设置
- ZCMU 1894: Power Eggs
- 466E - Information Graph 巧妙的判断祖先于孩子的关系
- 【c++ primer, 5e】【try语句块】
- UVA-10972 RevolC FaeLoN (边双连通+缩点)
- WebStrom创建自定义后缀名的文件
- 在XC2440上实现使用U盘自动更新系统的uboot
热门文章
- Commit can not be set while enrolled in a transaction
- c#Socket Tcp服务端编程
- step_by_step_记录deepin下curl安装过程
- IDEA添加项目依赖(将Tomcat中的servlet-api.jar添加到项目中去)
- 搭建vue脚手架
- mysql学习笔记--遇到的坑
- centos7上安装zabbix4.0
- TreeView的三种状态,全选,全不选,半选中
- NoteBook学习(二)-------- Zeppelin简介与安装
- table 的部分使用,固定行,固定列等