3.2.2.软件网页编辑布局模式
  2013-12-04  

之前的帮助文档已经提过软件的布局模式,是属于相对定位,虽然学起来比拖到哪就是哪的方式稍微复杂点,但是他是属于标准的网页布局模式,代码不冗余,更易被搜索引擎理解,并且在复杂的嵌套场景中比绝对定位更易操作、而且组件间的间距和尺寸更标准,是深受开发、设计、制作人员受欢迎的模式,可以说学会了本软件的这种布局模式,您也掌握了这种技艺。

这里我们详细的介绍一下软件的这种布局模式。

软件采用的相对定位模式,遵循这几个规律:从左到右依次排列、排列不下即换行、组件必须包含在布局层内。

当我们拖动一个组件时,都是相对于另外一个组件的,我们可以把他拖动到另外的这个组件的“前面”或“后面”。假设有两个“文字”组件,我们将“文字A”,用鼠标左键按住,拖动到“文字B”的后面,然后释放鼠标左键。

开始拖动:

开始拖动

拖动中:

拖动中

拖动完毕:

拖动完毕
同理,每个布局层,也是遵循相对定位。我们将鼠标移至模块边框外侧,出现橙色框后,用鼠标左键按住,拖动到另外一个布局层的后面,然后释放鼠标左键,可以看到位置已经发生变动。

开始拖动:

布局层拖动

 

拖动中:

布局层拖动中

拖动完毕:

布局层拖动完毕
组件上下排列

 

如果达不到这个效果,可以采用布局层换行的方式,这个牵涉到布局层嵌套,这里先了解下,接下来的章节中会详细介绍,如图:

布局层上下排列

 

 

 

相关文章
友情链接
版权所有 ©2013-2020 anydrag.com All Rights Reserved.
苏ICP备13023584号 Email:masteranydrag.com
本站由建站专家v1.0.4定制  安全联盟
服务热线:400-8585-012
可信网站
防黑联盟