VPF::VDividedBox, нестандартное положение разделителя

habzdec

Дата 11.11.2008, 09:34 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 11.11.2008

Репутация: нет
Всего: нет

Есть VDividedBox и 2 вложеннных компонента. Требуется сделать так чтобы разделитель за который изменяется размеры вложенных компонентов в VDividedBox наползал на нижний компонент.

Попробовал изменить значение verticalGap, получился такой код:

Код


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
    <mx:VDividedBox width="100%" height="100%"  verticalGap="-30" dividerThickness="3">
        <mx:Panel width="100%" height="50%" layout="absolute">
        </mx:Panel>
        <mx:TabNavigator  width="100%" height="200">
            <mx:Canvas label="Tab 1" width="100%" height="100%">
            </mx:Canvas>
            <mx:Canvas label="Tab 2" width="100%" height="100%">
            </mx:Canvas>
        </mx:TabNavigator>        
    </mx:VDividedBox>    
</mx:Application>

Получается что заголовок нижней панели работает как разделитель. Но область для разделителя получается слишком широкой и переключение вкладок не доступно. :(
Требуется чтобы заголовок TabNavigator наползал на верхний компонент, а менять размеры можно было наводя на нижнюю линию под вкладками (верхнюю границу вложенных в TabNavigator объектов Canvas ).
Возможно ли это осуществить? Может есть другой способ изменять высоту TabNavigator перетаскивая за линию под вкладками?

habzdec

Дата 11.11.2008, 11:38 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 11.11.2008

Репутация: нет
Всего: нет

Если кому интересно, решил проблему с помощью биндинга.

Код


<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
            <mx:TabNavigator  width="100%" height="{cid.height+24}" bottom="0" id="tbn">
                <mx:Canvas label="Tab 1" width="100%" height="100%">
                </mx:Canvas>
                <mx:Canvas label="Tab 2" width="100%" height="100%">
                </mx:Canvas>
            </mx:TabNavigator>        

    
    <mx:VDividedBox x="0" y="0" height="100%" width="100%">
        <mx:Canvas width="15" height="50%">
        </mx:Canvas>
        <mx:Canvas width="545" height="50%" id="cid">
        </mx:Canvas>
    </mx:VDividedBox>
    
</mx:Application>

gargon2008

Дата 17.11.2008, 10:37 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 10
Регистрация: 28.1.2008

Репутация: нет
Всего: нет

есть статья http://int-info.ws/index.php?cat=23. работа с redirect

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Flex \| Следующая тема »