Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Raphael Fontaine

Problema com tamanho

Por , em Flash, ActionScript e tecnologias Adobe

Recommended Posts

Raphael Fontaine    0

Raphael Fontaine
Postado

Pessoal, estou com um problema no tamanho dos meus componentes !

 

Eu tenho um panel com um grafico de pizza ao lado e dois graficos de coluna dentro, um em cima do outro, todos os valores de altura e largura da aplicação estão setados com percentual, porém, ele não esta respeitando isso. Quando os graficos de colunas são criados eles excedem o tamanho pre-definido que é de 100%, eles não respeitam os 100% de visualização do container pai e simplesmente crescem mais do que deveriam.

 

Estou tentando entender como funciona esse procedimento, se alguém sabe o motivo ou tem algum link que explique isso, agradeço.

 

Att

Compartilhar este post

Link para o post
Compartilhar em outros sites

Raphael Fontaine    0

Raphael Fontaine
Postado

Estou falando de flash builder 4.

 

Não está online. =/

 

Pra entender onde está o problema, no groupGeral eu tenho dois VGroup cada um possui um grafico de coluna alem de outras coisas, e é exatamente esses dois compenentes que não estão respeitando o tamanho de 100% de visualização, eu entendo que ele teria que reduzir oq tem dentro ate caber no browser, porem ele nao respeita isso.

 

<?xml version="1.0" encoding="utf-8"?>
<s:Application 
              xmlns:fx="http://ns.adobe.com/mxml/2009" 
               xmlns:s="library://ns.adobe.com/flex/spark" 
               xmlns:mx="library://ns.adobe.com/flex/mx"
               xmlns:dbmax="com.prana.flex.indicadores.components.*"
               preinitialize="init();"
               creationComplete="initTemplate();">
    
    <fx:Declarations>
        
        <mx:SeriesSlide id="seriesSlide" duration="2000" direction="up"/>
        <mx:SeriesInterpolate id="seriesInterpolate" duration="1000"/>
        <mx:SeriesInterpolate id="Elastico" duration="3000" easingFunction="{Elastic.easeOut}"/>

        <mx:SolidColorStroke id="s1" color="0xCCCCCC" weight="1" />    

        <!-- Declare a CurrencyFormatter and define parameters.-->
        <mx:CurrencyFormatter id="dinheiro" precision="0"
                              rounding="none"
                              decimalSeparatorTo=","
                              thousandsSeparatorTo="."
                              useThousandsSeparator="true"
                              useNegativeSign="true"
                              currencySymbol="R$ "
                              alignSymbol="left"/>
        
        <mx:NumberFormatter id="percentual" precision="2"
                            rounding="nearest" decimalSeparatorTo=","
                            thousandsSeparatorTo="." useThousandsSeparator="true"
                            useNegativeSign="true"/>
        
        <mx:NumberFormatter id="quantidade" precision="0"
                            rounding="nearest" decimalSeparatorTo=","
                            thousandsSeparatorTo="." useThousandsSeparator="true"
                            useNegativeSign="true"/>
        
        <mx:DateFormatter id="competencia" formatString="MM/YYYY"/>
        
    </fx:Declarations>
    
    <fx:Script source="../db/setupIndicador.as" />
    <fx:Script source="drillPizzaBarra.as" />
    
    <fx:Style>
        @namespace mx "library://ns.adobe.com/flex/mx";
        .myBarChartDetalhe {
            fill:haloBlue;
        }
        global
        {
            font-weight: bold;
            font-size: 9;
        }
    </fx:Style>    

    <s:Panel id="pPublicoAlvo" title="{labels.getItemAt(0)}" height="100%" width="100%" fontSize="14" borderVisible="true" fontFamily="Verdana"
             fontWeight="normal" backgroundColor="#FFFCFC" chromeColor="#D5D5D5" dropShadowVisible="false"
             borderColor="#0C27F2" contentBackgroundColor="#A1BEF8" color="#4993F8" fontStyle="normal">
        
        <s:layout>
            <s:VerticalLayout/>
        </s:layout>
        
        <mx:ControlBar width="100%">
            <dbmax:DbDropDownList id="dbComboGeral" elemento="opcoes" bridge="{db_bridge}" onError="{db_erroCallback}" change="onChangeDbComboGeral(event)" fontSize="10"  width="170" fontWeight="bold" fontFamily="Verdana" color="#25006F"/> 
            <mx:Spacer width="100%"/>
            <s:Label text="{textoPeriodo}" fontSize="15" color="#330099" fontFamily="Verdana" fontWeight="bold" verticalAlign="middle" textAlign="center"/>
            <s:Button label="{labels.getItemAt(2)}" click="openPopupPeriodo()"  fontSize="10" fontWeight="bold" fontFamily="Verdana" color="#25006F"/>
        </mx:ControlBar>
        
        <s:HGroup width="100%" height="100%">
            
            <s:VGroup height="100%" width="40%" horizontalAlign="center">
                <s:Label id="labelPizza" text="{labels.getItemAt(1) + ' - ' + dropGeralEsc}" fontSize="12" color="#010101" fontWeight="bold"/>
                <dbmax:DbPieChart id="dbPizza" height="80%" elemento="pizza" bridge="{db_bridge}" onError="{db_erroCallback}"
                                  showDataTips="true" itemClick="onPieSliceClick(event)" color="#000000"
                                  dataLoaded="onDataLoadedGeral(event)" customData="setupPizza"
                                  fontStyle="normal" fontWeight="normal" fontSize="10" fontFamily="Verdana" >
                    <dbmax:series>
                        <dbmax:DbPieSeries id="dbPizzaSeries" labelPosition="inside" creationCompleteEffect="{Elastico}"
                                           showDataEffect="{Elastico}" fills="{pieFillColors}" labelFunction="formatPizzaDataLabel"
                                           fontSize="10" fontStyle="normal" stroke="{s1}" explodeRadius=".03"/>
                    </dbmax:series>
                </dbmax:DbPieChart>
                <mx:Legend id="legendaPizza" width="100%" height="20%" dataProvider="{dbPizza}" itemClick="legendClick(event)"
                           color="#000000" textAlign="left" fontWeight="normal" fontSize="10" fontFamily="Verdana"/>
            </s:VGroup>
            
            <s:VGroup id="groupGeral" height="100%" width="894"  horizontalAlign="left"  paddingLeft="5" paddingRight="5" paddingTop="5" paddingBottom="5">
                <s:VGroup height="50%" width="100%" >
                    <s:VGroup height="10%" width="100%" verticalAlign="middle" horizontalAlign="center">
                        <s:Label id="lblSituacao" text="{dropGeralEsc + ' ' + categEsc}" color="#010101" fontWeight="bold"/>
                    </s:VGroup> 
                    <s:HGroup height="80%" verticalAlign="top" width="100%">
                        <dbmax:DbColummChart id="dbColunaGeral" elementoSeries="series" elementoCategorias="categGeral" bridge="{db_bridge}" onError="{db_erroCallback}"
                                             customSeries="personalizaSeries" showDataTips="true"
                                             seriesLoaded="loadGeralChart(event)" height="100%"
                                             selectionMode="single" itemRollOverColor="haloBlue" itemSelectionColor="haloBlue"
                                             color="#000000" fontWeight="normal" fontSize="10" chromeColor="#D5D5D5" width="100%">
                            <mx:ColumnSet type="stacked"/>
                            <dbmax:horizontalAxis>
                                <mx:CategoryAxis/>
                            </dbmax:horizontalAxis>
                            <dbmax:backgroundElements>
                                <mx:GridLines gridDirection="horizontal">
                                    <mx:horizontalStroke>
                                        <mx:Stroke color="#C1CDC1" weight=".05"/>
                                    </mx:horizontalStroke>
                                    <mx:horizontalFill>
                                        <mx:SolidColor color="0xCCCCCC" alpha=".25"/>
                                    </mx:horizontalFill>
                                </mx:GridLines>
                            </dbmax:backgroundElements>
                            <dbmax:verticalAxis>
                                <mx:LinearAxis labelFunction="formataValoresGeral" title="{formatoGeral}"/>
                            </dbmax:verticalAxis>
                        </dbmax:DbColummChart>
                        <s:Scroller>
                            <s:Group width="{groupGeral.width*0.07}">
                                <mx:Legend id="lgnGeral" height="100%" width="100%" dataProvider="{dbColunaGeral}" color="#000000" textAlign="left"/>
                            </s:Group>                    
                        </s:Scroller>
                    </s:HGroup>
                    <s:VGroup height="10%" width="100%" verticalAlign="middle" horizontalAlign="right">
                        <s:CheckBox id="chkGeral" label="{labels.getItemAt(5)}" click="showAllDataTipsGeral(event)" fontSize="10" fontWeight="bold" fontFamily="Verdana" color="#25006F"/>
                    </s:VGroup> 
                </s:VGroup>
                <s:VGroup height="50%" verticalAlign="top" width="100%">
                    <s:VGroup height="10%" width="100%" verticalAlign="middle" horizontalAlign="center">
                        <s:Label id="lbDetalhes" text="{labels.getItemAt(2) + ' - ' + dropGeralEsc + ' X ' + dropDetalheEsc}" color="#010101" fontWeight="bold"/>
                    </s:VGroup>
                    <s:HGroup height="80%" verticalAlign="top" width="100%">
                    <dbmax:DbColummChart id="dbColunaDetalhe" elementoSeries="series" elementoCategorias="categDetalhe" bridge="{db_bridge}" onError="{db_erroCallback}" customSeries="personalizaSeries"
                                         seriesLoaded="loadDetalheChart(event)" height="100%"  width="100%" showDataTips="true"
                                         selectionMode="single" itemRollOverColor="haloBlue" itemSelectionColor="haloBlue"
                                         color="#000000" fontWeight="normal" fontSize="10" chromeColor="#D5D5D5">
                        <mx:ColumnSet type="stacked"/>
                        <dbmax:horizontalAxis>
                            <mx:CategoryAxis/>
                        </dbmax:horizontalAxis>
                        <dbmax:backgroundElements>
                            <mx:GridLines gridDirection="horizontal">
                                <mx:horizontalStroke>
                                    <s:Stroke color="#C1CDC1" weight=".05"/>
                                </mx:horizontalStroke>
                                <mx:horizontalFill>
                                    <s:SolidColor color="0xCCCCCC" alpha=".25"/>
                                </mx:horizontalFill>
                            </mx:GridLines>
                        </dbmax:backgroundElements>
                        <dbmax:verticalAxis>
                            <mx:LinearAxis labelFunction="formataValoresDetalhe" title="{formatoDetalhe}"/>
                        </dbmax:verticalAxis>
                        </dbmax:DbColummChart>
                        <s:Scroller>
                            <s:Group width="{groupGeral.width*0.07}">
                                <mx:Legend id="lgnDetalhe" height="100%" width="100%" dataProvider="{dbColunaDetalhe}" color="#000000" textAlign="left"/>
                            </s:Group>
                        </s:Scroller>    
                    </s:HGroup>
                    <s:VGroup height="10%" width="100%" verticalAlign="middle" horizontalAlign="right">
                        <dbmax:DbDropDownList id="dbComboDetalhe" elemento="opcoes" bridge="{db_bridge}" onError="{db_erroCallback}" change="onChangeDbComboDetalhe(event)" fontSize="10" width="170" fontWeight="bold" fontFamily="Verdana" color="#25006F"/>
                        <s:Button id="bCampanha" label="{labels.getItemAt(3)}" click="openPopupListaColuna()" fontSize="10" fontWeight="bold" fontFamily="Verdana" color="#25006F"/>
                        <s:CheckBox id="chkDetalhe" label="{labels.getItemAt(6)}" click="showAllDataTipsDetalhe(event)" fontSize="10" fontWeight="bold" fontFamily="Verdana" color="#25006F"/>
                    </s:VGroup> 
                </s:VGroup>                
            </s:VGroup>                
        </s:HGroup>
    </s:Panel>            
</s:Application>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Raphael Fontaine    0

Raphael Fontaine
Postado

??????

 

Se ta falando de que??? flash isso ou CSS???

Pq se for flash e você usar porcentagem você amarrou seu burro no muro sem lugar pra prender...

 

Abraços

 

 

Você poderia me explicar o motivo ?

Até agora não consegui encontrar nada que me esclarecesse o motivo dos componentes não respeitarem o tamanho imposto em seu container pai.

 

Att,

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Flash, ActionScript e tecnologias Adobe
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito