0

Flex 4.6 で開発した Web アプリケーションに関連する小さな問題があります。

800 x 600 px のアプリを使用していますが、一部の画面ではすべてのコンテンツが表示されず、ブラウザにスクロールが表示されません。

ブラウザで y スクロールを表示できるようにアプリを設定するにはどうすればよいですか?

よろしく。

4

2 に答える 2

1

同様の問題がありました-Flex 4 Webアプリ700 x 525 pxのカードゲームで-主に年配の人がプレイし、フォント/Webページをズームしていることがよくあります（たとえば、ブラウザーでCTRLキーと+キーを使用することにより）-UIがオフセット (中央に配置されていない PopUpWindow など) など。

私の解決策は、カスタム アプリ スキンを使用することでした。

ここに私のコードの抜粋があります：

MyApp.mxml:

<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"
    width="700" height="525" 
    initialize="systemManager.stage.scaleMode=StageScaleMode.SHOW_ALL" 
    skinClass="MySkin">
    ...

MySkin.mxml: (全画面モードでも動作します)

<?xml version="1.0" encoding="utf-8"?>
<s:Skin xmlns:fx="http://ns.adobe.com/mxml/2009" 
        xmlns:s="library://ns.adobe.com/flex/spark"
        xmlns:fb="http://ns.adobe.com/flashbuilder/2009"
        xmlns:mx="library://ns.adobe.com/flex/mx">

    <fx:Metadata>
    <![CDATA[ 
        [HostComponent("spark.components.Application")]
    ]]>
    </fx:Metadata> 

    <fx:Script fb:purpose="styling">
        <![CDATA[
            ....
        ]]>
    </fx:Script>

    <s:states>
        <s:State name="normal" />
        <s:State name="disabled" />
        <s:State name="normalWithControlBar" />
        <s:State name="disabledWithControlBar" />
    </s:states>

    <s:Group id="mainGroup" x="0" y="0" width="700" height="525">
        <s:layout>
            <s:VerticalLayout gap="0" horizontalAlign="justify" />
        </s:layout>

        <s:Group id="contentGroup" width="700" height="100%" minWidth="0" minHeight="0" />

        <s:Group id="topGroup" minWidth="0" minHeight="0"
                    includeIn="normalWithControlBar, disabledWithControlBar" >

            <s:Rect left="1" right="1" top="1" bottom="1" >
               <s:fill>
                    <s:LinearGradient rotation="90">
                        <s:GradientEntry color="#66BBEE" />
                        <s:GradientEntry color="#3399CC" />
                    </s:LinearGradient>
               </s:fill>
            </s:Rect>

            <s:Rect left="2" right="2" bottom="0" height="1" alpha="0.5">
                <s:fill>
                    <s:SolidColor color="#333333" />
                </s:fill>
            </s:Rect>

            <s:Group id="controlBarGroup" left="0" right="0" top="1" bottom="1" minWidth="0" minHeight="0">
                <s:layout>
                    <s:HorizontalLayout paddingLeft="6" paddingRight="6" paddingTop="6" paddingBottom="6" gap="10" />
                </s:layout>
            </s:Group>
        </s:Group>

    </s:Group>
</s:Skin>
于 2013-04-18T11:38:01.477 に答える