0

Flex モバイル アプリには 5 つのViewがあり、Google+ や Facebook など、5 つの異なるソーシャル ネットワークを介して OAuth ログインを処理します。はView、以下に示すメニューから選択されています。

ここに画像の説明を入力

ファイル名は FB.mxml、GG.mxml、MR.mxml、OK.mxml、VK.mxml で、ソース コードは非常によく似ています。

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark" 
        viewActivate="loadInfo(event)"
        viewDeactivate="closeSWV(event)"
        title="Facebook.com">
....
            private function closeSWV(event:Event=null):void {
                _busy.visible = _busy.includeInLayout = false;
                _reload.visible = _reload.includeInLayout = true;

                stage.removeEventListener(Event.RESIZE, resizeSWV);
                if (! _swv)
                    return;
                _swv.removeEventListener(Event.COMPLETE, extractAccessToken);
                _swv.removeEventListener(LocationChangeEvent.LOCATION_CHANGE, extractAccessToken);
                _swv.removeEventListener(IOErrorEvent.IO_ERROR, closeSWV);
                _swv.removeEventListener(ErrorEvent.ERROR, closeSWV);
                _swv.dispose();
                _swv = null;
            }           

            private function resizeSWV(event:Event=null):void {
                if (! _swv)
                    return;
                // align to the right-bottom corner
                _swv.viewPort = new Rectangle(stage.stageWidth - Preferans.SCALE * width, 
                    stage.stageHeight - Preferans.SCALE * height, 
                    Preferans.SCALE * width, 
                    Preferans.SCALE * height);
            }
....
        <s:VGroup>
            <s:Label id="_first"  fontWeight="bold" text="Your name:" />
            <s:Label id="_gender" fontWeight="bold" text="Gender:" />
            <s:Label id="_city"   fontWeight="bold" text="City:" />
        </s:VGroup>

    <s:Button id="_play"
              label="Play" 
              click="startGame(event)"
              includeInLayout="false"
              visible="false" />
</s:View>

私の問題:上記の 5 つの mxml ファイルには、類似したメソッド、変数、および UI 要素が多数あり、異なるメソッドと変数はほとんどありません。

私はすでに何度かそれらすべてに「基本クラス」を導入しようとしましたが、(純粋な AS3 クラスに対して) mxml ファイルの場合は簡単ではないため、常にあきらめていました。

これにどのようにアプローチするか、誰かアイデアを教えてください。

4

1 に答える 1

3

リストの各行で使用するUIコンポーネントを拡張する抽象クラスを定義できます。あなたの場合、それは拡張されViewます。

package your.package{
    public class SocialAccountView extends View{

        // in this class you can add the generic methods
        // that you want the view to have

    }
}

その後、mxmlファイルでは、作成したクラスをメインタイプとして使用できます。View

<your.package:SocialAccountView
    xmlns:fx="http://ns.adobe.com/mxml/2009" 
    xmlns:s="library://ns.adobe.com/flex/spark" 
    viewActivate="loadInfo(event)"
    viewDeactivate="closeSWV(event)"
    title="Facebook.com">

</your.package:SocialAccountView>

これにより、リスト内のすべてのアイテムがそのタイプであり、親クラスのメソッドを持っていることがわかります。各ビューのメソッドをオーバーライドすることもできます。

UIコンポーネントに関して、（私が知っている）最大の抽象化レベルは、追加のコンポーネントを作成し、それをすべてのビューで使用することです。何かのようなもの...

Labels.mxml

    <s:VGroup>
        <s:Label id="_first"  fontWeight="bold" text="Your name:" />
        <s:Label id="_gender" fontWeight="bold" text="Gender:" />
        <s:Label id="_city"   fontWeight="bold" text="City:" />
    </s:VGroup>

そしてそれを次のような各コンポーネントで使用します

<your.package:Labels 
              id="labelsComponent"/>

お役に立てれば。

于 2013-02-03T18:30:22.660 に答える