<
>

简单了解程序员如何布局页面

2017-11-02 19:32:42 来源:易采站长用户投稿 作者:产品100

  有些伴侣会有疑问,做UI到底需没有需求把握一些开辟常识呀?

  我以为理解是有须要的,但没有需求研讨的太深化。

  那怎样理解呢?我去教您个办法(需求有安卓脚机才止,但苹果脚机也不妨,看了此文也会有所播种!)

  明天的纲领以下:

  1.先找到翻开页里规划的开闭

  2.熟悉规划中的三个内容

  3.举个例子

  4.留意事项

  1.先找到翻开页里规划的开闭

  我们需求先翻开显现页里规划的开闭,那是我们明天进修的根底。

  先翻开安卓体系脚机的设置页里:

  

150951518729433389

 

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

  

150951520247612243

 

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

  

150951521301077815

 

  那便是我们明天要研讨的结果,能够如今看着有面受,但等我上面给您引见完,您便晓得开辟真现页里的根本本理了!

  屌没有屌?

  2.熟悉规划中的三个内容

  念弄大白本理,便必需晓得,那上里各类情势的框框、色彩皆是啥意义!

  实在,只需我们存心不雅察,便会发明,内里只要三种情势的内容。

  第一种:

  

150951522707116742

 

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

  第两种:

  

150951523521052639

 

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

  第三种:

  

150951524945043578

 

  剩下便只剩红色地区了,实在严厉去道是通明地区,那部门内容是控件内部的间距:

  熟悉了那三个内容,您再去看那个页里是否是便晓得,开辟哥哥是怎样真现页里的了?

  假如借没有懂,我们上面去举个例子。

  3.举个例子

  我们便去看上面那个地区怎样真现的:

  

150951526345001888

 

  那样,一条内容的规划便完成,以后便往响应的处所内里放工具便止了!

  4.留意事项

  道个留意事项吧,我们事情中常常逢到的一个成绩,看下图:

  

150951527992713461

 

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

  

150951529492121075

 

  两个笔墨控件之间是出有间距的。

  也便是道,实在字体控件自己高低是带有必然间距的,假如那时分我们借标注间距为12像素,那真现出去的止间距便会比设想稿要年夜,以是正在做结果图标注的时分必然思索好,前期真现出去不免会有微调的状况。

  总结

  出事的时分能够多看看开辟的规划状况,让本人对页里的真现有更深的理解。

暂时禁止评论

微信扫一扫

易采站长站微信账号