熟悉Extjs的朋友们都知道extjs又很多种经典的布局,其中fit布局就是将设置成此种布局的items属性当中的第一个元素铺满这个面板的整个空间。在我们使用extjs的时候经常会遇到这样的情况,去设定子元素的高度、宽度什么的,一旦窗口最大化以后,子元素与父元素之间就出现了完全不合比例的情况,而fit布局整好可以解决这个问题,当然这并不是说fit布局就是为了解决这个问题而出现的。下面我们来看看fit布局的具体用法和设计页面时需要考虑到的要点
工具/原料
1
extjs封装包
2
电脑
方法/步骤
1
首先我们要看的是Extjs fit布局的具体页面展示效果 有以下几个特点:八改醒 1)fit布局的面板下面子元素只显示第一个元素 2)fit布局下显示的元素将铺满剩余的父元素空间 3)设置fit布局以后再设置高度、宽度不起作用如下图我们看看fit布局的效果彩彩:
3
fit布局界面布局设计思路: 1)把握只能显示一个子元素这一特点 2)注意与tabpanel结合使用是可以达到显示多个tab的目的的 3)fit布局的铺满效果在窗口最大化的时候是会随着窗口变化而变化的
注意事项
本文纯属原创,谢绝转载,如需转载请标明出处
上一篇:fitPro怎么扫一扫绑定设备
下一篇:fitpro如何连接智能手环?