2015-03-27 5 views
0

В this example зеленый блок имеет равные top и bottom Свойства макета. Когда окно браузера изменяется, блок задерживается на вершине; это означает, что верхнее смещение остается постоянным, а нижнее смещение изменяется в соответствии с свойством виджетов maxHeight. (Блок также будет задерживаться влево, если должно быть установлено свойство макета и maxWidth. Свойства виджета должны быть установлены.)Макет и виджет холста с maxWidth/maxHeight

Как изменить поведение, чтобы виджет задерживался в нижнем/правом углу?

ответ

0
  • Добавить композит в качестве корневого виджета, дать ему макет сетки
  • добавить виджет, который вы хотите фиксированной позиции в нижнем левом углу экрана, чтобы композит с строки 1 и столбца 1
  • установлен гибкий трубопровод строки 0 и столбца 0 до 1
  • установить фиксированную высота/ширина для строк 1 и 2 и колонках 1 и 2

ширина столбца 1 и высоты строки 1 должны быть размеры вы хотите для своего виджета.

В качестве альтернативы вы можете играть со строкой/колонкой min/max height/width - см. the grid layout API для всех возможностей.

Еще одна альтернатива заключается в использовании макета холста, где виджеты остаются там, где вы их помещаете, а их положение или размер никогда не пересчитываются автоматически и добавляют слушателя к событию изменения размера контейнера, в котором вы вручную пересчитываете все , Тем не менее, я не нашел ситуации, в которой контейнеры и макеты qooxdoo не позволяли мне этого избежать.

Демо-ссылка, на которую вы ссылаетесь, представляет собой демоверсию, для которой указано ее название - минимальные и максимальные размеры виджетов, а не позиционирование. Управление позиционированием в qooxdoo происходит через макеты. (В некоторой степени макеты также могут использоваться для указания правил для калибровки.)

Смежные вопросы