2

Flex モバイル アプリでリストの項目を指でドラッグして並べ替えたいと思います。

最初のステップとして、Adobe ドキュメントUsing drag-and-drop with list-based controlsから例をコピーしましたが、これらの例は Web アプリケーションとしては正常に動作しますが、以下のモバイル アプリでは何も起こりません。

スクリーンショット

機能しないのはなぜですか (モバイル テーマに一部のスキンがないなど)。

それを機能させる方法はありますか(少なくともモバイルリストのアイテムを並べ替えます)?

以下は、私が試した簡単なテスト コードです。Flash Builder の新しい空白 (つまり、ナビゲーション バーなし) の Flex モバイル プロジェクトに挿入するだけです。

<?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" 
               applicationDPI="160"
               creationComplete="initApp()">

    <s:layout>
        <s:VerticalLayout/>
    </s:layout>

    <fx:Script>
        <![CDATA[
            import mx.collections.ArrayCollection;

            private function initApp():void {
                srclist.dataProvider = 
                    new ArrayCollection(['Reading', 'Television', 'Movies']);
                destlist.dataProvider = new ArrayCollection([]);
            }
        ]]>
    </fx:Script>

    <s:HGroup>
        <s:VGroup>
            <s:Label text="Available Activities"/>
            <s:List id="srclist" 
                    allowMultipleSelection="true"
                    dragEnabled="true"
                    dragMoveEnabled="true"/>
        </s:VGroup>

        <s:VGroup>
            <s:Label text="Activities I Like"/>
            <s:List id="destlist" 
                    dropEnabled="true"/>
        </s:VGroup>
    </s:HGroup>

    <s:Button id="b1" 
              label="Reset"
              click="initApp();"/>  

</s:Application>
4

1 に答える 1

1

私はこのページで自分でスーパー回避策を見つけて試しました。

彼の例からクラスをコピーして、カスタムitemRendererをソースリストに追加するだけです。

        <s:List id="srclist" 
                allowMultipleSelection="true"
                dragEnabled="true"
                dragMoveEnabled="true">
            <s:itemRenderer>
                <fx:Component>
                    <local:DraggableIconItemRenderer decorator="{DragThumb}" />
                </fx:Component>
            </s:itemRenderer>
        </s:List>

著者を尊重してください！

結果は次のとおりです。

ここに画像の説明を入力してください

于 2013-02-28T00:18:22.823 に答える