используя компоновку ограничений и процентную компоновку вместе - PullRequest
Новая
       16

используя компоновку ограничений и процентную компоновку вместе

1 голос
/ 08 июля 2010

Я пытаюсь использовать макет, основанный на процентах, и макет на основе противопоказаний, чтобы получить следующий макет

http://imgur.com/rgoBe.jpg

В моем приложении установлено 3 холста с правильными процентами, ноУстановка таких параметров, как top = 10 left = 10, для создания «полей границ» не имеет никакого эффекта.

Как это исправить?

EDIT 

    <containers:GradientVBox width="820"
                             height="625"
                             id="vbox">
        <containers:GradientCanvas width="100%"
                     height="25%"
                     id="wave"
                     click="collapseWaveform(event)"
                     buttonMode="true" cornerRadiusBottomLeft="16"
                             cornerRadiusBottomRight="16"
                             cornerRadiusTopLeft="8"
                             cornerRadiusTopRight="8"
                             gradientFrom="0xffffff"
                             gradientTo="0xf5f5f5" top="10" />
        <mx:HBox width="100%"
                 height="75%"
                 id="myhbox"
                 paddingTop="0">
            <containers:GradientCanvas width="50%"
                          height="100%"
                          alpha="1.0"
                          id="left"
                          buttonMode="true" cornerRadiusBottomRight="8"
                             cornerRadiusTopLeft="8"
                             cornerRadiusTopRight="8"
                             gradientFrom="0xffffff"
                             gradientTo="0xf5f5f5" left="10">
                <content:Content width="95%"
                                 height="95%"
                                 id="content"
                                 verticalCenter="0"
                                 horizontalCenter="1"
                                 horizontalScrollPolicy="off"
                                 resize="resizeIt()">
                    <mx:ViewStack id="contentviewstack"
                                  width="100%"
                                  height="100%">

                        <containers:ContentContainerSoundCloud id="soundcloudcontent"
                                                               width="100%"
                                                               height="100%"
                                                               cornerRadius="5"
                                                               borderThickness="0"
                                                               borderStyle="solid"/>
                        <containers:ContentContainerLoopMasters id="loopmasterscontainer"
                                                                cornerRadius="5"
                                                                borderThickness="0"/>
                        <containers:ContentContainerClips id="clipscontents"
                                                          cornerRadius="5"
                                                          borderThickness="0"/>

                    </mx:ViewStack>
                </content:Content>
            </containers:GradientCanvas>
            <containers:GradientCanvas width="50%"
                           height="100%"
                           id="right"
                           buttonMode="true" cornerRadiusBottomRight="8"
                             cornerRadiusTopLeft="8"
                             cornerRadiusTopRight="8"
                             gradientFrom="0xffffff"
                             gradientTo="0xf5f5f5" right="10" left="10"/>
        </mx:HBox>

    </containers:GradientVBox>


</mx:Application>

1 Ответ

0 голосов
/ 08 июля 2010

Чтобы добавить разрыв сверху, установите top="10" на vbox, а не wave.

Чтобы получить 10-пиксельный разрыв в середине, установите gap="10" на vbox.

Чтобы получить 10-пиксельный разрыв справа, установите right="10" на vbox.

Это должно создать макет, который вы ищете.

...