0

次のコードがあります (Flash Builder 4.5)

このメイン アプリケーション ファイルは、viewstack コンポーネントをテストするためのものです。

TabPanelTest 

    </fx:Declarations>
    <fx:Script> 
        <![CDATA[
            import mx.events.FlexEvent;

            protected function creationCompleteHandler(event:FlexEvent):void
            {
                tp.AddPanel("111", new Button());
                tp.AddPanel("444", new TestPanel());
                tp.AddPanel("2222222", new Button());
                tp.AddPanel("3333333333", new Button());

            }

            protected function button1_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                tp.RemoveAllPanels();
            }

        ]]>
    </fx:Script>

    <ns1:TabPanel id="tp" x="25" y="27" width="321" height="199">
    </ns1:TabPanel>
    <s:Button x="439" y="25" label="Кнопка1" click="button1_clickHandler(event)"/>

</s:Application>

これは、パブリック メソッド AddPanel および RemoveAllPanels を持つ TabPanel です。

タブパネル 

            protected function creationCompleteHandler(event:FlexEvent):void
            {
                //buttons1.dataProvider=new ArrayCollection();
            }

            public function AddPanel(name:String, element:IVisualElement):void{
                var panel:NavigatorContent=new NavigatorContent();
                panel.label=name;
                panel.addElement(element);
                panels.addElement(panel);
            }
            public function RemoveAllPanels():void{
                //panels.swapElements(swapElementsAt(0,2);
                panels.removeAllElements();
                /*var but:Button;
                but=new Button();
                but.label=name;
                buttons.addElement(but);    */          
            }           
        ]]>
    </fx:Script>

    <mx:ViewStack id="panels" x="0" y="31" width="100%" height="100%" borderColor="#000000"
                  borderStyle="solid" borderVisible="true" clipContent="true" includeInLayout="true">
    </mx:ViewStack> 
    <s:ButtonBar id="buttons1" x="0" y="0" width="100%" dataProvider="{panels}"
                 justificationStyle="pushOutOnly"/>
</s:Group>

これは、viewstack よりも大きなサイズのテスト パネルであり、クリッピングする必要があります。テストパネル

<?xml version="1.0" encoding="utf-8"?>
<s:Group xmlns:fx="http://ns.adobe.com/mxml/2009"
         xmlns:s="library://ns.adobe.com/flex/spark"
         xmlns:mx="library://ns.adobe.com/flex/mx"
         width="100%" height="100%">
    <fx:Script>
        <![CDATA[
            import spark.components.NavigatorContent;           
            protected function button1_clickHandler(event:MouseEvent):void
            {
                // TODO Auto-generated method stub
                NavigatorContent(this.parent.parent.parent).label="bebe";
            }
        ]]>
    </fx:Script>

    <fx:Declarations>
    </fx:Declarations>
    <s:Button x="163" y="35" width="315" height="209" label="Кнопка"
              click="button1_clickHandler(event)"/>

</s:Group>

ボタン バーで「444」をクリックすると、コンテンツがクリッピングされません。問題は何ですか？

4

1 に答える 1

0

問題は、TestPanelカスタムコンポーネントのこの行にあります：-

<s:Button x="163" y="35" width="315" height="209" label="Кнопка"
              click="button1_clickHandler(event)"/>

親コンテナにコンポーネントを追加する場合：-

子コンポーネントは、親に対するxとyの位置を考慮します。子コンポーネントをフィットさせたい場合は、x=0とy=0、および幅= 100％と高さ= 100％を使用する必要があります

これを試して、出力を確認してください：-

<s:Button x="163" y="35" width="100%" height="100%" label="Кнопка"
              click="button1_clickHandler(event)"/>

もう一度これを試して、出力を確認してください：-

<s:Button x="0" y="0" width="100%" height="100%" label="Кнопка"
              click="button1_clickHandler(event)"/>

コンポーネントの動作を知るようになります。

これがあなたの問題を解決するかもしれないことを願っています.....

于 2012-04-19T06:17:21.220 に答える