作者dementia (妖精尾巴魔导士)
看板AndroidDev
标题Re: [闲聊] 排版的方式
时间Thu Jun 19 17:44:59 2014
你好像把xxhdpi、xhdpi...当成"四种尺寸"罗
不对吧...
以下小弟凭自己有限的知识回答一下
有错请高手指正
首先是萤幕长宽比
这个部分小弟不客气地讲
你们的设计师应该要有以下的概念喔
其实只要稍微调查一下就会晓得
手机部分
长宽比大约落在3:5 ~ 9:16之间
如果扣掉电量显示的话萤幕会再小一点点喔
平板部分
长宽比以8:5 (解析度1920*1200) 最多
不过还是有4:3的
(还有一些奇妙的老旧规格就别理他们了...)
知道这些之後
设计师要决定哪些元件和间距要随萤幕尺寸缩放
又哪些地方做弹性的留白
有底图的话当然就是在绘图时设好"出血"
(别告诉我你们的设计师不懂什麽叫出血 XD )
才能保证在不同尺寸萤幕上的显示效果是相同的
然後我们回到你所谓的"四种尺寸"
这其实不是尺寸喔
"dpi"是dots per inch
说的是画质细致的程度喔
基本上你们的美工需要把图片等比例缩放四种尺寸
比例为4:6:8:12
让工程师把这些图丢进layout
所以接下来就是你这位工程师的事罗
以下是常用的一些排版方法
元件置中
将元件用RelativeLayout包起来,再设置中
元件填满空白
方法1:将元件用LinearLayout包起来,再设weight
方法2:将元件长(宽)设为wrap_content
再将上下(左右)对齐其他元件
图片填满元件
在ImageView设定scaleType为centerCrop或centerInside
两者都是把图等比例缩放後填满元件
不同在於一个对齐元件内侧、一个对齐外侧
效果你可以试看看
以上希望对你们的新app开发有点帮助
如果还有问题
欢迎寄信给我喔
[email protected]
--
上帝又命令... [照着自己的形象造人]
◢
ˇ ◥ 三 西西 位
▃▃▃▃▃ 发发发中白白白
四组面子加一组雀头... 依照神的形象创造的生物
◣ ◤ 中
也就是人类
◥▂) (▂◤ 一 ∕
中﹨
体
让他们支配一切...
╭∪╮ 鸟鸟鸟
http://thisblogexist.pixnet.net/blog 这是第六天
◥│︹│◢ 大∕∕
三﹨﹨
元
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 60.245.65.198
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/AndroidDev/M.1403171120.A.FD5.html
1F:推 redok:喔喔喔 06/19 19:26
2F:推 tga123:哦哦喔啊哦哦专业文啊!!! 06/20 09:56
3F:→ tga123:专业乡民。我想请教说,如果我Genymotion上开SONY某手机测 06/20 09:59
4F:→ tga123:跟实机相较之下元件的位置会不同吗?? 06/20 10:00
小弟还在用BlueStacks
不知道是不是小弟的笔电太旧
Genymotion开了狂当机... (就可怜捏...)
基本上我要说一个观念
"模拟器就是模拟器,不是手机"
因此如果模拟器上呈现的效果与实机不同
在所难免
别说什麽跑版的问题了
有时候一些widget根本不支援
这时候你要相信模拟器而去改你的程式吗?
千万别这麽做
你只要多找两支手机实测一下就行了
模拟器是很方便
但我建议在开发时手机还是要在一旁待命
※ 编辑: dementia (60.245.65.142), 06/20/2014 22:02:25