获取 Scroller 容器视图中的 HGroup 子组件 Adob​​e Flex 4.5

Question

我已经在 HGroup 标签周围设置了一个 Scroller 容器。滚动条设置为一次仅显示一个标签。我想要做的是确定单击按钮时滚动器视图中的标签。我已经搜索了有关 Scrollers 和 HGroups 的参考资料，但无法制定程序化策略来确定所考虑的组元素。

供参考的滚动代码：

<local:Scroller id="imageViewer" includeIn="startState" left="411" right="411" top="241"
                    bottom="356" depth="2"> 
    <s:HGroup id="imageGroup" gap="0" width="100%" height="100%"> 
        <s:Label id="vin1337" width="201" height="104" color="white" fontSize="30"
                 text="Vehicle ID:1337" textAlign="center" verticalAlign="middle"/>
        <s:Label id="vin2567" width="199" height="104" color="white" fontSize="30"
                 text="Vehicle ID:2567" textAlign="center" verticalAlign="middle"/>
        <s:Label id="vin9456" width="199" height="104" color="white" fontSize="30"
                 text="Vehicle ID:9456" textAlign="center" verticalAlign="middle"/>
    </s:HGroup> 
</local:Scroller>

最终这些标签将是图像，但目前使用标签进行概念验证。

任何帮助将不胜感激，并感谢您的阅读。

编辑： 因此，在使用lastIndexInView实现方法后，我不断收到“TypeError：错误#1009：无法访问空对象引用的属性或方法”。在“vehicleID.text = Label(lObj).text;”行上。下面是涉及的代码：

功能：

        protected function idSelect_clickHandler(event:MouseEvent):void
        {
            var hLay:HorizontalLayout = imageGroup.layout as HorizontalLayout;
            var lIndex:int = hLay.lastIndexInView;
            var lObj:Object = imageGroup.getElementAt(lIndex);

            vehicleID.text = Label(lObj).text;

            currentState="selectedState";
        }

组件：

<local:SnapScroller id="imageViewer" includeIn="startState" left="411" right="411" top="241"
                    bottom="356" depth="2"> 
    <s:HGroup id="imageGroup" gap="0" width="100%" height="100%"> 
        <s:Label id="vin1337" width="201" height="104" color="white" fontSize="30"
                 text="Vehicle ID:1337" textAlign="center" verticalAlign="middle"/>
        <s:Label id="vin2567" width="199" height="104" color="white" fontSize="30"
                 text="Vehicle ID:2567" textAlign="center" verticalAlign="middle"/>
        <s:Label id="vin9456" width="199" height="104" color="white" fontSize="30"
                 text="Vehicle ID:9456" textAlign="center" verticalAlign="middle"/>
    </s:HGroup> 
</local:SnapScroller>

<s:Button id="idSelect" includeIn="startState" x="367" y="608" width="290" height="67"
          label="Select" click="idSelect_clickHandler(event)" color="#00008F" fontSize="24"/>

<s:Label id="vehicleID" includeIn="selectedState" x="425" y="453" color="#00008F" fontSize="24"
         text="Vehicle ID: ____"/>

Answer 1

我认为这应该回答您的问题http://blog.flexexamples.com/2009/10/31/确定-how-much-of-an-item-is-visible-in-a-scrolling-vgroup-container-in- flex-4/

基本上布局有firstIndexInView和lastIndexInView属性，它会告诉你哪些项目是可见的。

Answer 2

我遇到的第二个问题是由于我试图在vehicleID组件实际初始化之前访问它。换句话说，我试图更改一个不包含在当前状态中的元素，但实际上它是下一个状态的成员。

通过先改变状态，然后分配标签来解决这个问题。