向柔性视频组件(移动摄像头)添加指南覆盖。

时间:2012-12-21 21:37:10

标签: android ios flex flex4 zxing

我正在使用flex的移动应用程序读取QRCodes。为了帮助用户对齐代码,我想在视频面板的中心放置一个引导框。我使用的PNG包含绿色矩形和透明背景。我对所有建议持开放态度。以下显示了一切如何运作。

在flash脚本之外:

<s:VGroup width="100%" horizontalAlign="center" id="vg">

        <s:SpriteVisualElement id="sv" width="100%" height="250"/>

    </s:VGroup>
创建相机方法

camera = Camera.getCamera();
camera.setMode(360, 360, 24);

videoDisplay.x = 360;
sv.addChild(videoDisplay);

videoDisplay.attachCamera(camera);
videoDisplay.rotation = 90;

任何指针都将非常感激。我已经尝试了几种方法,通常图像显示在摄像机视频窗口附近而不是它上面。

1 个答案:

答案 0 :(得分:1)

一些排名很好的小组会这样做......就像这样:

    <s:Group width="100%" height="250">
        <s:SpriteVisualElement id="sv" width="100%" height="100%"/>
        <!-- nesting in another VGroup will allow you to center the image on the video -->
        <s:VGroup verticalAlign="middle" horizontalAlign="center" 
                  width="100%" height="100%">
            <!-- depending on size of the image, you might want to set scaling/maxWidth etc here -->
            <s:Image source="{yourImagePathOrClass}" />
        </s:VGroup>
    </s:Group>