1

私は何か間違ったことをしていますが、何がわかりません。Flex4 の単純なプロジェクト。これにより、スキン コンボボックス (最後にフラグメント) を作成します。

3 つのスキン参照 (オーバースキン、アップスキン、ダウンスキン) をオンにすると、コンボボックスが機能しなくなったように見えます。アップスキンを削除すると、コンボにカーソルを合わせるとちらつき効果が発生し、スタイルが適用されたように見え、すぐに削除されます。

コンボの代わりにボタンでも同じことができます。

本当に単純なことだと思いますが、それは私を回避しています。

    <?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" minWidth="955" minHeight="600" xmlns:containers="flexlib.containers.*">
        <fx:Declarations>
            <!-- Place non-visual elements (e.g., services, value objects) here -->
        </fx:Declarations>
        <fx:Style>
            @namespace s "library://ns.adobe.com/flex/spark";
            @namespace mx "library://ns.adobe.com/flex/mx";
            #myCombo
            {   
                over-skin: ClassReference("nmx.MyComboSkin");
                up-skin: ClassReference("nmx.MyComboSkin");  
                down-skin: ClassReference("nmx.MyComboSkin");
            }

        </fx:Style>
        <fx:Script>
            <![CDATA[
                [Bindable]
                public var items:Array = ["A","B","C"];
            ]]>
        </fx:Script>

        <mx:Canvas backgroundColor="#ff0000" width="726" height="165" x="20" y="41">

            <mx:ComboBox  id="myCombo" x="10" y="10" prompt="Hospital" dataProvider="{items}">

            </mx:ComboBox>

        </mx:Canvas>

    </s:Application>

肌の定義:

    package nmx
    {
        import flash.display.GradientType;
        import flash.display.Graphics;

        import mx.skins.Border;
        import mx.skins.ProgrammaticSkin;
        import mx.skins.halo.ComboBoxArrowSkin;
        import mx.skins.halo.HaloColors;
        import mx.utils.ColorUtil;

        public class MyComboSkin extends ProgrammaticSkin
        {

                public function MyComboSkin()
                {
                    super();
                }

                override protected function updateDisplayList(w:Number, h:Number):void
                {
                    trace(name);

                    super.updateDisplayList(w, h);

                    var arrowColor:int = 0xffffff;

                    var g:Graphics = graphics;

                    g.clear();



                    // Draw the border and fill.
                    switch (name)
                    {
                        case "upSkin":
                        case "editableUpSkin":
                        {

                            g.moveTo(0,0);
                            g.lineStyle(1,arrowColor);
                            g.lineTo(w-1,0);
                            g.lineTo(w-1,h-1);
                            g.lineTo(0,h-1);
                            g.lineTo(0,0);

                        }
                        break;

                        case "overSkin":
                        case "editableOverSkin":
                        case "downSkin":
                        case "editableDownSkin":
                        {

                            // border
                            /*drawRoundRect(
                                0, 0, w, h, cr,
                                [ themeColor, themeColor ], 1);
                            */
                            g.moveTo(0,0);
                            g.lineStyle(1,arrowColor);
                            g.lineTo(w-1,0);
                            g.lineTo(w-1,h-1);
                            g.lineTo(0,h-1);
                            g.lineTo(0,0);


                            // Draw the triangle.
                            g.beginFill(arrowColor);
                            g.moveTo(w - 11.5, h / 2 + 3);
                            g.lineTo(w - 15, h / 2 - 2);
                            g.lineTo(w - 8, h / 2 - 2);
                            g.lineTo(w - 11.5, h / 2 + 3);
                            g.endFill();

                        }
                        break;  

                        case "disabledSkin":
                        case "editableDisabledSkin":
                        {


                            break;
                        }
                    }


                }
            }


    }
4

2 に答える 2

0

実際に何かを描画するデフォルトをswitchステートメントに追加しますが、それは奇妙な問題のようです。設定するだけです：

skin: ClassReference("nmx.MyComboSkin");

問題を解決しますか？スキン自体が実際に状態を処理しているため、個々の状態のそれぞれに割り当てる必要はありません。

于 2010-04-16T18:40:16.957 に答える
0

あはは！それを見つけた..

私のスキンは中空の長方形を描いているだけだったので、ヒット テストは明らかに失敗していました。IE: マウス ポインタがコンボ ボタンのテキストの上にある場合、それはオーバースキンであり、それ以外の場合は通常のアップスキンでした。

以下を追加すると、これが修正されます。

g.beginFill(0x0000ff,0);
g.drawRect(0,0,w,h);
g.endFill();

完全に透明な長方形 (!) を描画します。

于 2010-04-17T09:01:24.660 に答える