0
我想在我的应用程序中制作一个水平列表，它将显示图片。虽然这很琐碎，但我希望图像打开一个弹性警告框（内置于其中）并显示一些文本。例如，我将拥有.NET徽标的图像，并且我将在某处（如集合中）输入一些文本，并且此文本将显示在警告框中。制作可点击图片作为成员的水平列表
我该怎么做？似乎没有一个事件处理程序用于单击一个Flex水平列表中的项目成员？
感谢
A
回答
0
如果你问如何捕获项目的选择列表中，也有提供给你一些事件：itemClick在， itemDoubleClick，更改：
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" initialize="this_initialize()" creationComplete="this_creationComplete()">
<mx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.ListEvent;
import mx.collections.ArrayCollection;
[Bindable]
private var images:Array;
private function this_initialize():void
{
images = new Array();
images.push("myimage1.jpg");
images.push("myimage2.jpg");
images.push("myimage3.jpg");
images.push("myimage4.jpg");
images.push("myimage5.jpg");
}
private function this_creationComplete():void
{
}
private function list_itemClick(event:ListEvent):void
{
Alert.show(event.currentTarget.selectedItem as String);
}
]]>
</mx:Script>
<mx:HorizontalList id="list" dataProvider="{images}" itemClick="list_itemClick(event)">
<mx:itemRenderer>
<mx:Component>
<mx:Image source="{data}" />
</mx:Component>
</mx:itemRenderer>
</mx:HorizontalList>
</mx:Application>
这就是你要求的吗？您只需勾选其中一个列表事件（请参阅Flex文档以获取更多信息）以检索选定的项目。合理？
0
只需添加一个事件处理的图像
1
<?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"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600" >
<fx:Declarations>
<s:Sine id="sineEasing"
easeInFraction="0.3"/>
<s:Power id="powerEasing"
exponent="8"/>
<s:Animate id="anim" duration="500"
effectStart="{trace('start');lock=true}"
effectEnd="{trace('end');lock=false}"
target='{viewport}' easer="{powerEasing}" >
<s:motionPaths>
<s:SimpleMotionPath id="pth" property="horizontalScrollPosition" />
</s:motionPaths>
</s:Animate>
<s:ArrayCollection id="mydata3">
<fx:String >page 1</fx:String>
<fx:String >page 2</fx:String>
<fx:String >page 3</fx:String>
<fx:String >page 4</fx:String>
<fx:String >page 5</fx:String>
<fx:String >page 6</fx:String>
<fx:String >page 7</fx:String>
<fx:String >page 8</fx:String>
<fx:String >page 9</fx:String>
<fx:String >page 10</fx:String>
<fx:String >page 11</fx:String>
<fx:String >page 12</fx:String>
<fx:String >page 13</fx:String>
<fx:String >page 14</fx:String>
</s:ArrayCollection>
</fx:Declarations>
<fx:Script>
<![CDATA[
import mx.controls.Alert;
import mx.events.DragEvent;
import mx.events.FlexEvent;
import spark.events.IndexChangeEvent;
private const FUDGE_FACTOR:Number = 0.5;
[Bindable] private var lock:Boolean= false;
[Bindable] private var viewport ;
[Bindable] private var max:int;
[Bindable]protected var lstData:ArrayCollection = new ArrayCollection([
{label:"mmm",source:"images/DSC_0002.JPG"},
{label:"nxt",source:"images/DSC_0003.JPG"},
{label:"nxt3",source:"images/DSC_0008.JPG"},
{label:"nxt3",source:"images/DSC_0009.JPG"},
{label:"nxt3",source:"images/DSC_0010.JPG"},
{label:"mmm",source:"images/DSC_00011.JPG"},
{label:"mmm",source:"images/DSC_0011.JPG"},
{label:"nxt3",source:"images/DSC_0012.JPG"},
{label:"mmm",source:"images/DSC_0013.JPG"},
{label:"nxt3",source:"images/DSC_0014.JPG"},
{label:"mmm",source:"images/DSC_0015.JPG"},
{label:"mmm",source:"images/DSC_0016.JPG"},
]);
private function fudgeMouseWheel(event:MouseEvent):void
{
trace('list.scroller.horizontalScrollBar.value'+list.scroller.horizontalScrollBar.value);
event.delta *= FUDGE_FACTOR;
if(event.delta >0){
//list.scroller.viewport.horizontalScrollPosition+=250;
if(!lock) next();
}else{
//list.scroller.viewport.horizontalScrollPosition-=250;
if(!lock) prev();
}
//trace('delta'+event.delta);
}
protected function list1_creationCompleteHandler(event:FlexEvent):void
{
this.viewport = list.scroller.viewport;
list.scroller.horizontalScrollBar.addEventListener(Event.CHANGE, drag_handler);
this.addEventListener(MouseEvent.MOUSE_WHEEL, fudgeMouseWheel, true);
trace('list.scroller.viewport.contentWidth '+list.scroller.viewport.contentWidth);
max=list.scroller.viewport.contentWidth-250;
trace('max: '+ max);
}
private function drag_handler(e):void
{
trace('drag:'+list.scroller.horizontalScrollBar.value);
}
[Bindable] private var currentPos:int;
protected function next():void
{
currentPos = list.scroller.viewport.horizontalScrollPosition;
pth.valueTo = currentPos+250;
pth.valueFrom = currentPos;
anim.play();
scrollbar.value += 250;
tempSliderPos += 250;
}
private function prev():void
{
currentPos = list.scroller.viewport.horizontalScrollPosition;
pth.valueTo = currentPos-250;
pth.valueFrom = currentPos;
anim.play();
scrollbar.value -= 250;
tempSliderPos -= 250;
}
private var tempSliderPos:int=0;
private function change(e):void
{
//trace('e.target.value');
/* if(e.target.value > tempSliderPos )
{
pth.valueTo = tempSliderPos+250;
pth.valueFrom = tempSliderPos;
anim.play();
tempSliderPos+=250;
}else{
pth.valueTo = tempSliderPos-250;
pth.valueFrom = tempSliderPos;
anim.play();
tempSliderPos-=250;
} */
/* if(e.target.value > tempSliderPos )
{
//if(!lock) next();
pth.valueTo = tempSliderPos+250;
pth.valueFrom = tempSliderPos;
anim.play();
tempSliderPos+=250;
}else{
//if(!lock) prev();
pth.valueTo = tempSliderPos-250;
pth.valueFrom = tempSliderPos;
anim.play();
tempSliderPos-=250;
}*/
//trace(e.target.value);
}
protected function scrollbar_changeStartHandler(event:FlexEvent):void
{
//trace('start')
}
protected function scrollbar_changeEndHandler(e:Event):void
{
Event as FlexEvent;
if(e.target.value > tempSliderPos )
{
trace('tempSliderPos '+tempSliderPos+' e.target.value '+e.target.value)
//if(!lock) next();
pth.valueTo = e.target.value;
pth.valueFrom = tempSliderPos;
anim.play();
tempSliderPos = e.target.value;
}else{
trace('tempSliderPos '+tempSliderPos+' e.target.value '+e.target.value)
//if(!lock) prev();
pth.valueTo = e.target.value;
pth.valueFrom = tempSliderPos;
anim.play();
tempSliderPos = e.target.value;
}
}
]]>
</fx:Script>
<!--<mx:HorizontalList id='list'
width="250" height="281"
dataProvider='{lstData}'
itemRenderer="list_item"
x="216" y="48"
creationComplete="list1_creationCompleteHandler(event)">
</mx:HorizontalList>-->
<s:List id='list' skinClass="ListSkin" width="250" height="281"
dataProvider='{lstData}'
itemRenderer="list_item" x="216" y="48" creationComplete="list1_creationCompleteHandler(event)">
</s:List>
<s:HScrollBar id='scrollbar' changeStart="scrollbar_changeStartHandler(event)"
changeEnd="scrollbar_changeEndHandler(event)"
stepSize="250"
width="250" minimum="0" maximum="{max}" x="216" y="382" change="{change(event)}"
snapInterval="250" />
</s:Application>
相关问题
- 1. （新）制作水平列表
- 2. 制作的背景图片可点击
- 3. 制作背景图片可点击
- 4. 如何在水平滚动视图中制作可点击的图像？
- 5. 如何制作水平滚动列表
- 6. 如何制作水平描述列表？
- 7. 基本CSS：制作水平列表
- 8. 制作特色图片点击WordPress的
- 9. 可点击图片列表视图
- 10. 如何从WPF中的数据列表制作可点击图片的网格？
- 11. 水平可点击菜单
- 12. 在卡片视图内制作可回收点击的视图
- 13. 制作背景幻灯片图片单独可点击
- 14. IE中的CSS水平图片列表
- 15. 如何制作可点击的列表视图
- 16. 扑动可点击图片列表
- 17. 制作图片不可点击/不可拖拽
- 18. 是[全部]的水平藏汉作为成员
- 19. 制作可点击的图像
- 20. 点击图片作为按钮？
- 21. 如何制作可点击的主题图片
- 22. 制作的UIButton两个图片和文字可点击
- 23. 制作评分栏可点击的每个“图片”
- 24. 制作可点击的图片以打开其他活动
- 25. 水平点击动画幻灯片
- 26. 为iPhone制作可点击的HTML div
- 27. 如何为多项选择题制作水平有序列表？
- 28. 在Flex移动项目中制作图片可点击
- 29. 制作整个背景图片可点击
- 30. 如何制作饼图可点击？