简单了解程序员如何布局页面
2017-11-02 19:32:42 来源:易采站长用户投稿 作者:产品100
有些伴侣会有疑问,做UI到底需没有需求把握一些开辟常识呀?
我以为理解是有须要的,但没有需求研讨的太深化。
那怎样理解呢?我去教您个办法(需求有安卓脚机才止,但苹果脚机也不妨,看了此文也会有所播种!)
明天的纲领以下:
1.先找到翻开页里规划的开闭
2.熟悉规划中的三个内容
3.举个例子
4.留意事项
1.先找到翻开页里规划的开闭
我们需求先翻开显现页里规划的开闭,那是我们明天进修的根底。
先翻开安卓体系脚机的设置页里:

找到“开辟者选项”,面击进进:

再找到“显现规划鸿沟”,翻开开闭后,您会的获得上面那个各类框框的页里:

那便是我们明天要研讨的结果,能够如今看着有面受,但等我上面给您引见完,您便晓得开辟真现页里的根本本理了!
屌没有屌?
2.熟悉规划中的三个内容
念弄大白本理,便必需晓得,那上里各类情势的框框、色彩皆是啥意义!
实在,只需我们存心不雅察,便会发明,内里只要三种情势的内容。
第一种:

那种矩形便是控件区,内里能够是笔墨呀、按钮呀、图片呀等等!
第两种:

那种紫色矩形是控告件取控件之间的间距。
第三种:

剩下便只剩红色地区了,实在严厉去道是通明地区,那部门内容是控件内部的间距:
熟悉了那三个内容,您再去看那个页里是否是便晓得,开辟哥哥是怎样真现页里的了?
假如借没有懂,我们上面去举个例子。
3.举个例子
我们便去看上面那个地区怎样真现的:

那样,一条内容的规划便完成,以后便往响应的处所内里放工具便止了!
4.留意事项
道个留意事项吧,我们事情中常常逢到的一个成绩,看下图:

两排笔墨之间是有间距的(白色部门12像素),可是当我们看开辟规划的时分:

两个笔墨控件之间是出有间距的。
也便是道,实在字体控件自己高低是带有必然间距的,假如那时分我们借标注间距为12像素,那真现出去的止间距便会比设想稿要年夜,以是正在做结果图标注的时分必然思索好,前期真现出去不免会有微调的状况。
总结
出事的时分能够多看看开辟的规划状况,让本人对页里的真现有更深的理解。











闽公网安备 35020302000061号