При программировании flex объектов возникла любопытная ситуация. Задача: сделать элемент "баян" со значением alpha=0.77 и дочерний элемент Image с нормальным значением этого параметра. Игрался по разному, через инлайн, стили, события, но в итоге ничего не получилось.
Кто пробовал или сталкивался, подскажите, может здесь есть похожая тема? Выкладываю вышеописанный каркас:
Код:
<?xml version="1.0" encoding="utf-8"?>
<!-- containers\spark\SparkBorderSimple.mxml -->
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:mx="library://ns.adobe.com/flex/mx"
xmlns:s="library://ns.adobe.com/flex/spark"
>
<fx:Script>
<![CDATA[
[Embed(source='fon2.jpg')]
public var img:Class;
import flash.display.Loader;
import flash.net.URLLoader;
import flash.net.URLRequest;
private var pathTo:String=new String("asket");
private function loadBack():void {
var rqst:URLRequest = new URLRequest("./"+pathTo+"/back.png");
var ldr:Loader = new Loader();
ldr.load(rqst);
pic.source=ldr;
pic.width=256;
pic.height=450;
}
private function loadFront():void {
var rqst:URLRequest = new URLRequest("./"+pathTo+"/front.png");
var ldr:Loader = new Loader();
ldr.load(rqst);
pic.source=ldr;
pic.width=256;
pic.height=450;
pic.alpha=1.0;
}
]]>
</fx:Script>
<fx:Style>
.main {
color:#a0a0a0;
disabledColor:#a0a0a0;
fontFamily:Verdana;
fontSize:"25";
fontWeight:bold;
horizontalAlign:center;
textAlign:center;
textRollOverColor:#ffffff;
textSelectedColor:#a0a0a0;
}
.label {
alpha:1.0;
color:#7a7a7a;
disabledColor:#7a7a7a;
fontFamily:Verdana;
fontSize:"17";
fontWeight:normal;
textAlign:center;
}
</fx:Style>
<s:BorderContainer width="100%" height="100%"
backgroundImage="{img}">
<s:layout>
<s:HorizontalLayout
paddingLeft="3" paddingRight="3"
paddingTop="3" paddingBottom="3"/>
</s:layout>
<mx:Accordion alpha="0.77" width="100%" id="main" height="100%" openDuration="555" styleName="main">
<mx:HBox label="Картинки">
<mx:VBox alpha="1.0">
<mx:VBox alpha="1.0">
<mx:Image id="pic" alpha="1.0" width="256" height="350" creationComplete="loadFront()"></mx:Image>
</mx:VBox>
<mx:HBox>
<mx:Button label="Вид сзади" id="back" click="loadBack()" styleName="label">
</mx:Button>
<mx:Button label="Вид спереди" id="front" click="loadFront()" styleName="label">
</mx:Button>
</mx:HBox>
</mx:VBox>
</mx:HBox>
</mx:Accordion>
</s:BorderContainer>
</s:Application>
Pi.S.Да! И ещё изображения не ресайзятся...