ByteArray to Image显示Flex - SQLite

时间:2011-08-02 19:29:54

标签: flex image air bytearray

我最近想出了如何在Flex中使用SQLite数据库。现在我无法正确显示数据。我已经尝试了几种绑定策略,而且我已经很简单了。我有未定义的属性错误,无法使用的错误,最后!代码没有错误!此外,代码没有显示图像。任何帮助一如既往地受到赞赏。 到目前为止,这是我的代码;试图保持它整洁,异步,我已经留下了一个未使用的变量或我的乱七八糟。感谢您的任何见解。

            <?xml version="1.0" encoding="utf-8"?>
            <s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
            xmlns:s="library://ns.adobe.com/flex/spark"

            title="NM1"
            >

          <fx:Declarations>
               <!-- Place non-visual elements (e.g., services, value objects) here -->
          </fx:Declarations>

<fx:Script>
    <![CDATA[
        import flash.data.SQLConnection;
        import flash.data.SQLResult;
        import flash.data.SQLStatement;
        import flash.filesystem.File;

        import mx.collections.ArrayCollection;

        private var conn:SQLConnection;
        private var createStmt:SQLStatement;
        private var selectStmt:SQLStatement;
        [bindable] private var dataField:ArrayCollection;
        [bindable] private var row:Object;
        [bindable] private var pngIndex:int; 
        [bindable] public  var pngTitle:String; 
        [bindable] private var pngByteArray:ByteArray; 

        private function init():void
        {
            conn = new SQLConnection();
            conn.addEventListener (SQLEvent.OPEN, openSuccess);
            conn.addEventListener (SQLErrorEvent.ERROR, openFailure);

            var dbFile:File = File.applicationDirectory.resolvePath("assets/NM.sqlite");
            conn.openAsync(dbFile);
        }

        private function openSuccess(event:SQLEvent):void
        {
            conn.removeEventListener(SQLEvent.OPEN, openSuccess);
            conn.removeEventListener(SQLErrorEvent.ERROR, openFailure);

            getData();
        }

        private function openFailure(event:SQLErrorEvent):void
        {
            conn.removeEventListener(SQLEvent.OPEN, openSuccess);
            conn.removeEventListener(SQLErrorEvent.ERROR, openFailure);

            // Make an alert Dialog
            // = "Error opening database";

            trace("event.error.message:", event.error.message);
            trace("event.error.details:", event.error.details);
        }

        private function getData():void
        {
            //status = "Loading data";

            selectStmt = new SQLStatement();
            selectStmt.sqlConnection = conn;
            var sql:String = "SELECT Picture FROM Data WHERE 'Index' = 0";
            selectStmt.text = sql;

            selectStmt.addEventListener(SQLEvent.RESULT, selectResult);
            selectStmt.addEventListener(SQLErrorEvent.ERROR, selectError);

            selectStmt.execute();
        }

        private function selectResult(event:SQLEvent):void
        {
            //status = "Data loaded";

            selectStmt.removeEventListener(SQLEvent.RESULT, selectResult);
            selectStmt.removeEventListener(SQLErrorEvent.ERROR, selectError);

            var result:SQLResult = selectStmt.getResult();
            // dataField = new ArrayCollection(selectStmt.getResult().data);


            if (result.data != null) {
                row = result.data[0];
                pngIndex = result.data[0].Index;
                pngTitle = result.data[0].Title;
                pngByteArray = result.data[0].Picture;

                Pic.source = pngByteArray;

            }

        }

        private function selectError(event:SQLErrorEvent):void
        {
            //status = "Error loading data";

            selectStmt.removeEventListener(SQLEvent.RESULT, selectResult);
            selectStmt.removeEventListener(SQLErrorEvent.ERROR, selectError);

            trace("SELECT error:", event.error);
            trace("event.error.message:", event.error.message);
            trace("event.error.details:", event.error.details);
        } 



    ]]>
</fx:Script>


<s:Image id="Pic" x="0" y="0" width="263" height="99"/>
<s:TextArea id="text1" x="0" y="313"
            />

编辑我现在更新了代码,使用完美无误的代码,无法显示我的图像。救命!!

1 个答案:

答案 0 :(得分:0)

确保在程序启动时调用initialize()函数中的第一个函数! 我在代码测试中忘记了它。 :/