0

背景画像を追加するにはどうすればよいですか？私はちょうど次のようなコードに結びついています：

.bg{
backgroundImage:Embed(source="../../assets/Interaction-Screen_BG_pump.png");
}

<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        actionBarVisible="true" enterFrame="view1_enterFrameHandler(event)"
        initialize="view1_initializeHandler(event)" menuKeyPressed="onMenu(event)"
        overlayControls="false" tabBarVisible="true" title="Interact"
                styleName="bg"
>

しかし、それは機能しません。

また、画像ボタンの作成方法は？

4

1 に答える 1

5

Flex Mobile Viewまたはアプリに背景画像を追加するには、最初にスキンクラスを作成します（これを「ViewBackgroundSkin.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">

<fx:Metadata>
    [HostComponent("spark.components.View")]
</fx:Metadata>

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

<s:Rect id="backgroundRect" left="0" right="0" top="0" bottom="0"  >
    <s:fill>
        <s:BitmapFill source="@Embed('assets/images/BackgroundImage.png')"/>
    </s:fill>
</s:Rect>

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

画像に背景を並べて表示する場合は、fillModeをBitmapFillで繰り返すように設定します。

    <s:BitmapFill source="@Embed('assets/images/BackgroundImage.png')" fillMode="repeat" />

cssファイル（MyStyle.cssと呼びましょう）で、スキンクラスを参照します。

s|View
{   
    skinClass: ClassReference("ViewBackgroundSkin");
}

ビューで、スタイルソースをcssファイルに設定します。

<fx:Style source="MyStyle.css"/>

または、アプリケーションファイルにスタイルを追加して、アプリ全体の背景を設定します。

于 2012-05-03T10:34:58.640 に答える