Гибкая компоновка: ширина может составлять 100% * видимой * области большего контейнера

Question

У меня следующая ситуация, когда у меня есть внешний Vbox с фиксированной шириной, а затем внутри него есть заголовок, сделанный из HBox, и область содержимого (Canvas), которая намного шире включающий VBox (и поэтому для просмотра всего этого требуются полосы прокрутки на внешнем VBox).

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

Может кто-нибудь сказать мне, как я могу это сделать, пожалуйста

    ______________________________
   |  _________________________   |       
   | |_________________________|  |
   |                     |     
   |  ____________________________|_ _ _ _ _ 
   | |                            |         |
   | |                            |         |
   | |                            |         |
   | |                            |         |
   |  ---------------------------------------
   |                              |
   |______________________________|
   |<|__________________________|>|

Answer 1

Создайте VBox с 1) заголовком вверху и 2) VBox под заголовком с вашим холстом внутри.Другой ответ также будет работать.И эта графика очень помогает, хороший человек.

Answer 2

Использовать группу в качестве оболочки:

<Child1/>

<s:Group width="100%">
    <Child2 left="0" right="0'/>
</s:Group>

<Child3/>

Answer 3

Если вам нужен фиксированный заголовок над VBox, просто не добавляйте его. Поместите его выше (создайте оболочку Canvas для VBox и заголовок).Вместо заголовка поместите UIComponent с соответствующей высотой вместо заголовка.

Кстати, +1 за терпение с псевдографией:)