作者tga123 (叛帝)
看板AndroidDev
标题Re: [闲聊] 排版的方式
时间Thu Jun 26 11:30:35 2014
之前讲解的方式似乎没有附图表达不太清楚
今天拉了一张图来讲解
http://ppt.cc/ju-r
目的:介面会跟UI设计的近似相同,即便在不同解析度不同尺寸下也是相同的背景
UI在排版的时候只要有变动可以很准确的更换
(方法一)
每个元件都佣有一个对应的Imageview来做元件图
Imageview的图的设置为:
http://pastebin.com/EW56VLGm
也就是说在不同萤幕大小看到的元件大小都会等比例缩放
再来就是元件的部分则是用透明的背景
然後在人工去定义元件大小之後再使用
marginLeft 或 marginTop来进行对齐...
之後再使用Style搭配不同解析度hdpi..xhdpi去做等比例调整就可以了..
昨天实做的时候发现..就算相同解析度...但是会因为萤幕尺寸受到影响(?)
导致元件对不齐...
(我原本在4.65 Galaxy nexus排版好在预览layout切换至4.7 WXGA 就会发现这个问题)
(刚刚看一下又似乎跟下方的三个控件有关???)
(方法二)
http://pastebin.com/5KrQ4KuL
我改用权重的方式去设定...也就是利用LinearLayout去排版...
而且每个元件都用独一的RelativeLayout层
好处:就是不用去设Style在不同解析度下透明元件的大小都会等比例相同
在不同的解析度还是不同的尺寸都不用再做更动...
坏处:layout_weight是使用人工微调..不知道怎麽去算...
现在在测试(方法三)
UI使用我萤幕的解析度拉好介面之後给我每个元件的四角座标..
然後我利用这个座标再程式内算好
假如这个元件的座标刚好等於我解析度高的四分之一
那也就是说在每个装置上刚好都是四分支一的位置....
尺寸也是相同的做法...
http://pastebin.com/mmS12zfa
个人觉得第二种做法就已经很好了
但是UI觉得这种方式维护不就每次都要人工重新排版,不够逻辑化
改介面改了两个礼拜了...
android的介面设计起来真的超麻烦..
--
ボ ◢ ◥══
◢ ◥═══
◢ ◥◣ ══
◥◣◢◤◣
═ ◣◢═Vocaloi
d╮
║
◣ ◤◥ ◢◢◢▼ quetzal◤◥◥﹨◣ ◢◥◤ ◥ ▼◥ ◣◢ ║
║
● ●▼ ● ●◥ ロ ● ● ;│ ▼◥︽﹨ ◆▼◥▼﹨ ▃▃
║
◣▄ ◢◤ ◤◣▆ ◢◥ ◥
◣▃ ▉
◤ ═● ● ▌ ◤● ● ▌ ◢
ド!
║
◤◤◢ ◣
カ ████▆≡ ◤▆ ◥ ◢
◣▁ ▉
◥ ◣▄ ▉
◤ ▅▅
╰══
◣︶●═══
▊█▎◥◣══
▼ ◢/△ ◤═イ═△▅/◥══
△▅/◣ ═══
╯
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 114.34.164.154
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/AndroidDev/M.1403753440.A.153.html
※ 编辑: tga123 (114.34.164.154), 06/26/2014 11:34:13
1F:推 tac0wu:android 的UI 你要把它当网页来写 设计出发点错了 单然麻烦 07/05 16:42