Androd手机适配
从开始到现在其实最头痛的就是UI适配,公司不可能给你提供所有的Android手机机型,那应该怎么办?
我把原来走的弯路带过,直接说现在的UI适配想法。勿喷......
1, Android手机系统硬件配置发展( 2012-08-03 )不是最新
当前手机系统基本上是2.3+以上系统,但2.3会慢慢被淘汰,而且速度应该会很快,过度到4.0+,硬件配置也将大幅度提高
所以假定认为目前大多数中端手机是要适配的机型,(400*800最低分辨率)不然软件的体验也不好。
2,在假定的前提下必然会牺牲一些什么(低端机...),但是你可以想象低端手机的消费群体(没有任何感情色彩),他们给不到你想要的(钱)。
所以,我将手机UI用到的图片都放在了drawable-hdpi 文件夹下面,而 xml 放在drawable下面。(减去繁琐 drawable-ldpi 和 mdpi 低配手机的图片)
其实图片的适配很简单,就是告诉你的美工 怎样制作一张 .9 格式的 .png图片(官方有例子)就可以了。
3,界面XML适配,当整个界面的UI出来原型之后,就应当对UI里面元素的位置进行分析,划清界限。
分清上,下,左,右,填充区域 RelativeLayout 是最好不过的助手,其次不要忘记android:layout_weight的使用。
那么整个界面的比例分配会被合理的规划出来。
4,按钮和文字的适配
首先你的图片是.9格式(按你设计的心意)的,所有它怎样拉伸都不会失真。但必须使用 dp 来处理控件的大小和间距。
如上图,黑色区域有红色图标,为防止适配变形,黑色区域是随这屏幕分辨率变化的,但是红色图片永远是wrap_content,而且在中间。底部是.9 红色图标是wrap_content
这样一来放到任何手机上都不会失真。(可能会想回不会很难看,你可以用两部手机做测试,400*800 和 1280*800的手机上)简直完美适配。
如果上面是个按钮那按钮的高度最好用dp限制(48-50 h),人手的可正常操作区域是48*48好像。
文字适配就更简单了 用sp就搞定,有时你可能需要读取本地文件中定义无规律的文字大小,android也提供给你了自适配方法setTextSize(unit, size),完美应战。
5,你会考虑到不同分辨率不同布局的适配,Android手机不是平板,软件在各个手机上的操作方式和结构是一样的,所有可以把 layout 的各种分辨率适配省去,前提是你有合理的UI设 计。 手机就是手 机你放在400*800的分辨率和放在三星1280*800的分辨率上都是一样的,符合手机的操作规范就 行,(不需要考虑 layout 分配出 来的各种分辨 率适配,向drawable一样)
6. Andorid手机的UI适配其实很简单,没有pad这么复杂,主要用几个工具
.9 图片
RelativeLayout 布局
android:layout_weight 布局空间大小
dp 控件大小
sp 文字大小
安卓app设计规范整理和Android APP设计篇(转)
随着安卓智能手机不停的更新换代。安卓手机系统越来越完美,屏幕尺寸也越来越大啦!比如最近小米的miui 6的发布和魅族手机系统的更新等等。
以小米MIUI6的安卓手机来说,MIUI6进行了全新设计,坚持“内容才是本质”的设计哲学,重新提炼内容,简化图标设计。
所以,我们在进行安卓APP设计时,需要好好调整之前的设计规范和设计细节。根据目前流行的安卓手机的系统体验来完成我们的安卓APP设计规范。应该说这是整理出最全面的安卓app设计规范。
25学堂站在不断更新和完善安卓app设计规范为宗旨!利用周末的时间整理了2014年Android APP设计规范教程。
1、安卓app设计规范之尺寸或分辨率
目前最新安卓手机的屏幕尺寸都是5.5英寸啦。我们都知道安卓机的尺寸很多很杂。而且不同的分辨率对应不同的dpi模式。
Android也支持多种不同的dpi模式:ldpi mdpi hdpi xhdpi xxhdpi xxxhdpi(4K分辨率)
关于安卓APP设计的dpi详细解读请查看:
1、Android界面设计专业术语:xxxhdpi和4K分辨率
2、Android APPUI设计师必知:pt sp dp之间的关系以及换算公式
3、Android界面设计适配不同屏幕的尺寸和密度解读
目前主流的安卓手机分辨率有以下3种:
hdpi,对应800*480的手机。主流机型,很多。如小米1 ,1s 三星 htc 等
xdpi,对应1280*720的手机。三星Galaxy系列和华为p6.
xxdpi,对应1080*1920的手机。小米手机,华为荣耀手机系列为主加上 htc one。
下面是当面流行的安卓手机的屏幕尺寸和分辨率:
小米 3和小米4 屏幕尺寸和分辨率: 5英寸 1920×1080像素
魅族MX2 屏幕尺寸和分辨率: 4.4英寸 1280×800像
魅族MX3 屏幕尺寸和分辨率: 5.1英寸 1800×1080像素
HTC one屏幕尺寸和分辨率: 4.7英寸 1920×1080像素
华为荣耀6屏幕尺寸和分辨率: 5英寸 1920×1080像素
华为p6屏幕尺寸和分辨率: 4.7英寸 1280×720像素
华为p7屏幕尺寸和分辨率: 5英寸 1920×1080像素
在目前我们的安卓APP设计项目当中,我们并不会去为每一种分辨率去设计一套UI界面。这是一种追求完美和理想的状态。小公司肯定是耗不起这样的。
所以,这个时候我们需要学会变通。为了适应多分辨率,
1:在标准基础(xdpi:1280*720)上开始,然后放大或缩小,以适应到其他尺寸。
2:从设备的最大尺寸(xxdpi:1920×1080)开始,然后缩小,并适应到所需的最小屏幕尺寸。
有些时候我们也会在实际开发过程中,Android和IOS的设计稿若无太大差异,也可从IOS的分辨率(960*640)开始,再调整设计稿的比例,适应其他分辨率。但是这种方法在切图的时候 需要做一些图片的调整。如果不是矢量图的元件需要重新按照1280*720的尺寸设计下。
2、安卓app设计规范之字体和字体大小
我们必须知道的安卓设计常识:安卓4.0之后用的字体是Roboto。中文字体:方正兰亭黑体
今天跟大家讲解的是在720*1280的基础上的字体设计大小。
注释最小字体: 12sp == 24px
文本字体: 14sp == 28px
文章标题或图标名称: 16sp == 32px
导航标题: 18sp == 36px
SP的详细介绍如下:
sp和dp一样,是android开发里特有的单位,设计师在做UI设计的时候通常最初是建立320*480这个尺寸的画布开始的,这个尺寸的画布在android分辨率的分类中称为mdpi,在这个尺寸下,ps里的1px就等于android中的1dp,同样,这个时候1点的字就等于android中1sp,举个栗子:你建立画布的尺寸是320-480,里面的文字是30点,那么它就是30sp。
一般android设置长度和宽度多用dip,设置字体大小多用sp. 在屏幕密度为160,1dp=1px=1dip, 1pt = 160/72 sp 1pt = 1/72 英寸.当屏幕密度为240时,1dp=1dip=1.5px.
设计时候,我们还需要遵循48dp定律。
48dp作为安卓可触摸的UI元件的标准。
一般来说,48dp转化为一个物理尺寸约9毫米。建议的目标大小为7-10毫米的范围,这是一个用户手指能准确并且舒适触摸的区域。
如果你设计的元素高和宽至少48dp,你就可以保证:
(1). 触摸目标绝不会比建议的最低目标(7mm)小,无论在什么屏幕上显示。
(2). 在整体信息密度和触摸目标大小之间取得了一个很好的平衡。
而每个UI元素之间的空白通常是8dp.
下面是某个安卓APP设计师对android设计做出的一个设计信息图总结。
3、安卓app设计规范之切图
这块需要按照设计按照下面4篇文章来了解安卓app设计标注和切图的一些规范。这里不做详细解说了。
1、安卓android APP切图规范和.9png制作教程
2、Android尺寸标注设计大全和Android切图规范
3、APP设计和切图基本知识点以及注意事项
4、Android界面设计新手教程和Android设计经验分享
5、安卓APP新手设计教程:19条Android设计经验大全
4、安卓app设计规范之适配和设计图测试预览
(1)尺寸标注工具 MarkMan(马克鳗)
(2)APP快速切图工具:Cutterman
(3)一个可视化的Android UI界面设计工具:DroidDraw
(4)Android图标大全:icon pack for android打包
(5)设计图完成之后,预览工具和在线预览方法介绍:Ps play
(6)在线生成自定义APP图标字体利器:IconVault
一、关于布局适配
1、不要使用绝对布局
2、尽量使用match_parent 而不是fill_parent 。
3、能够使用权重的地方尽量使用权重(android:layout_weight)
4、如果是纯色背景,尽量使用android的shape 自定义。
5、如果需要在特定分辨率下适配,可以在res目录上新建layout-HxW.xml的文件夹。比如要适配1080*1800的屏幕(魅族MX3采用此分辨率)则新建layout-1800x1080.xml的文件夹,然后在下面定义布局。Android系统会优先查找分辨率相同的布局,如果不存在则换使用默认的layout下的布局。
二、关于图片制作
1、关于设计:
设计图先定
Androd手机适配相关推荐
- 小米为其他手机适配rom_让小米引以为傲的MIUI,为什么不再给其它手机适配了?...
说起小米手机,相信大家最先想到的就是小米的性价比路线和他的MIUI操作系统了,而小米的这款MIUI操作系统在一加的氢OS操作系统和华为的EMUI10操作系统出来之前,一直都被人们认为是体验最好,最流畅 ...
- Android手机适配,手机尺寸、px、dpi、dp、sp详解
转载请注明出处:http://blog.csdn.net/z191726501/article/details/50411483 最近一直在学习Android的适配问题,在学习的过程中发现很多博客抄来 ...
- 华为鸿蒙适配小米2020,小米OV手机适配华为鸿蒙系统不被看好,魅族员工一针见血!...
原标题:小米OV手机适配华为鸿蒙系统不被看好,魅族员工一针见血! 来源:机智玩机机 随着国产手机的越来越强大,不仅在国内市场完全抢下份额,只剩苹果三星孤军奋战,在国外市场也是越战越勇,疯狂抢夺份额,不 ...
- 小米为其他手机适配rom_为什么小米不给其他手机适配MIUI?答案让友商“痛心了”...
原标题:为什么小米不给其他手机适配MIUI?答案让友商"痛心了" 这两年小米已经不给其它品牌的手机适配MIUI了,MIUI官网也不再提供针对其它品牌的旧版本的MIUI ROM现在链 ...
- linux程序表白,手机适配,点赞效果,程序员表白程序,开放源码,不断更新(第五篇:第三波)...
源码地址:http://www.bigeone.cn/love/index1.html 今天给第四波的故事一:我们的爱情故事,做了手机适配,后面的故事大多都会做手机适配,毕竟现在的智能机时代. 我做了 ...
- 鸿蒙系统进度表,华为鸿蒙OS手机适配进度曝光
上个月的HDC开发者会大会上,华为正式发布了鸿蒙OS 2.0操作系统,并首次公布了智能手机适配计划.网络上给出了一份鸿蒙OS的适配流程,按照不同的麒麟芯片平台依次推进. 根据这份进度表,麒麟9000平 ...
- 小米5miui10android,小米又一款手机适配Android 10!MIUI开发版暂停,米粉别着急!...
2020年3月看到市场上的智能手机又要迎来一波新形势,更多厂家开始在手机的外观.形态.材质上下功夫. 2月发布的小米10系列,几次开卖总是遇到抢购无货状态,看来雷军的高端手机市场卓有成效. 除了硬件之 ...
- 小米Android10兼容性公告,小米又一款手机适配Android 10!MIUI开发版暂停,米粉别着急...
原标题:小米又一款手机适配Android 10!MIUI开发版暂停,米粉别着急 2020年3月看到市场上的智能手机又要迎来一波新形势,更多厂家开始在手机的外观.形态.材质上下功夫.2月发布的小米10系 ...
- 升级底层到Android10,终于来了,魅族再为10款手机适配安卓10底层内测版,你要升级吗?...
原标题:终于来了,魅族再为10款手机适配安卓10底层内测版,你要升级吗? 因为"厂小"的关系,魅族在新系统的更新换代上并不是特别快.比起大厂来说,总是要慢一拍.此前魅族17系列已经 ...
最新文章
- redis读取自增时候指定的key问题
- 关于Transformer,面试官们都怎么问?
- npm install时报平台不兼容Unsupported platform for xxx的解决办法:npm install -f强制安装(centos7下安装vite2 vue依赖时出现这个问题)
- springboot 详解 (四)redis filter
- Jmeter之Bean shell使用(二)
- activemq网络桥接_ActiveMQ –经纪人网络解释–第3部分
- 两个矩阵相乘的乘法次数_C ++程序将两个数字相乘而不使用乘法运算符
- 商淘多b2b2c商城系统怎么在个人电脑上安装_企业怎么做好b2b2c商城网站建设?...
- cacti实现微信告警功能
- 深度学习推荐模型-WideDeep
- 迷途指针 new delete
- 网页上的文本不让你复制下载?老司机教你几招,轻松免费复制
- 桑佛德大学计算机科学,桑佛德大学
- php容器下安装gd库
- 【MOOC-生物信息学-生物数据库】
- 杨校老师课堂之集群内SSH免密登录功能配置
- linux执行rm -rf /*命令后的效果原来是这样
- Intrinsic Relationship Reasoning for Small Object Detection
- AR应用开发--EasyAR初体验(新手向)
- 教授专栏54 | 香港科大商学院绿色金融研究小组:借鉴外地经验,培育绿色金融人才...
热门文章
- canvas动画科技园_使用 canvas 实现精灵动画
- 2020-2021学年第二学期期末考试《道路勘测设计》大作业
- COSCon'22第七届中国开源年会火热筹备中,第一波赞助伙伴已集结,一起上车共赴开源盛宴吧~...
- SEO篇如何生成site.txt文本文件批量提交url加快百度网站收录wordpress文章
- 编译器大神 Chris Lattner 官宣新编程语言:Mojo,比 Python 快 35000 倍!
- 机械臂-碰撞检测- 研发记录
- D3D10 截图功能 保存Texture到本地
- 数字化“战疫”进行时,美创产品打造精准数据底座
- 力控和oracle,力控与Oracle数据库的连接
- App Crawler