チェンジセット 1306: as3/ThreadViewer

コミット日時:

2008/09/13 18:51:11 (3 年前)

コミッタ:

daoki2

ログメッセージ:

機能追加＆アイコン作成

ファイル:

• as3/ThreadViewer/ThreadViewer-app.xml (更新) (2 diffs)
• as3/ThreadViewer/ThreadViewer.air (更新) (変更前)
• as3/ThreadViewer/ThreadViewer.as (更新) (20 diffs)
• as3/ThreadViewer/ThreadViewer.mxml (更新) (1 diff)
• as3/ThreadViewer/icons (追加)
• as3/ThreadViewer/icons/NEW.png (追加)
• as3/ThreadViewer/icons/RUNNABLE.png (追加)
• as3/ThreadViewer/icons/TERMINATED.png (追加)
• as3/ThreadViewer/icons/TIMED_WAITING.png (追加)
• as3/ThreadViewer/icons/ThreadViewer_128.png (追加)
• as3/ThreadViewer/icons/ThreadViewer_16.png (追加)
• as3/ThreadViewer/icons/ThreadViewer_32.png (追加)
• as3/ThreadViewer/icons/ThreadViewer_48.png (追加)
• as3/ThreadViewer/icons/WAITING.png (追加)
• as3/ThreadViewer/icons/clear_downSkin.png (追加)
• as3/ThreadViewer/icons/clear_overSkin.png (追加)
• as3/ThreadViewer/icons/clear_upSkin.png (追加)
• as3/ThreadViewer/icons/info_downSkin.png (追加)
• as3/ThreadViewer/icons/info_overSkin.png (追加)
• as3/ThreadViewer/icons/info_upSkin.png (追加)
• as3/ThreadViewer/icons/rec_disabledSkin.png (追加)
• as3/ThreadViewer/icons/rec_downSkin.png (追加)
• as3/ThreadViewer/icons/rec_selectedDownSkin.png (追加)
• as3/ThreadViewer/icons/rec_selectedSkin.png (追加)
• as3/ThreadViewer/icons/rec_upSkin.png (追加)
• as3/ThreadViewer/org/libspark/snippets/AIRUtils/PreferenceUtil.as (更新) (1 diff)
• as3/ThreadViewer/style.css (追加)
• as3/ThreadViewer/thread.db (更新) (変更前)

as3/ThreadViewer/ThreadViewer-app.xml

@@ -2 +2 @@
-<application xmlns="http://ns.adobe.com/air/application/1.0">
-<id>org.libspark.ThreadViewer</id>
-5
+6
-<filename>ThreadViewer</filename>
-<name>Thread Viewer</name>
-Viewer a
+Library Viewer A
-<copyright>(c) daoki2 2008</copyright>
-
@@ -14 +14 @@
-  <transparent>false</transparent>
-  <visible>false</visible>
-64
-1
+78
+2
-</initialWindow>
+<icon>
+  <image16x16>icons/ThreadViewer_16.png</image16x16>
+  <image32x32>icons/ThreadViewer_32.png</image32x32>
+  <image48x48>icons/ThreadViewer_48.png</image48x48>
+  <image128x128>icons/ThreadViewer_128.png</image128x128>
+ </icon>
-</application>

as3/ThreadViewer/ThreadViewer.as

@@ -3 +3 @@
- *
- * @author      Copyright (c) 2008 daoki2
-5
-snippets.libspark.org/
+6
+www.libspark.org/wiki/daoki2/ThreadViewer
- * @link        http://homepage.mac.com/daoki2/
- *
@@ -32 +32 @@
-import flash.data.*;
-import flash.desktop.NativeApplication;
+import flash.net.LocalConnection;
-
-import mx.events.*;
-import mx.collections.ArrayCollection;
-
-
-
+
+
-import org.libspark.snippets.AIRUtils.PreferenceUtil;
-import org.libspark.thread.ThreadState;
@@ -43 +43 @@
-import org.libspark.snippets.controls.ChartData.FusionCharts.SingleChartData;
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+ // スレッド名のX座標
+ // LocalConnection接続用
+ // スレッドリスト
+ // スレッド名Labelのリスト
+ // スレッド状態のリスト
+ // スレッド遷移グラフのリスト
+ // スレッド遷移グラフのX座標
+ // ログ収集中か否か
+ // フレーム/秒
+ // 時間(ms)/フレーム
+
+
+
-
-/*
@@ -61 +61 @@
- */
-private function init():void {
+    //　イベントハンドラの登録
-    addEventListener(Event.CLOSING, onAppClosing);
+    addEventListener(FlexNativeWindowBoundsEvent.WINDOW_RESIZE, onWinResize);
+    threadName.addEventListener(MouseEvent.MOUSE_DOWN, threadName_MouseDownHandler);
+
+    // プリファレンス(初期値)の読み込み
-    var result:Object = PreferenceUtil.load(this, "preference.xml");
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
-    this.visible = true;
-
+
+
-    _conn = new LocalConnection();
-    _conn.client = this;
+
-    try {
-
-
-
+
+
+
+
+
-        createNop();
+
+        // ローカルデータベースをオープン
-        var dbFile:File = File.applicationDirectory.resolvePath("thread.db");
-        _dbconn = new SQLConnection();
-        _dbconn.open(dbFile, SQLMode.UPDATE);
-
-
+
+
+
+
-        threadStateHtml = File.applicationStorageDirectory.resolvePath("threadState.html");
-        threadStateData = File.applicationStorageDirectory.resolvePath("threadState.xml");
@@ -95 +114 @@
-
-/*
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-
-/*
@@ -117 +151 @@
- */
-public function threadEntryHandler(name:String, newThread:Boolean = true):void {
-
+
+
-    if (!isLogging)
-        return;
-
+
+
-    if (threadList.contains(name)) {
-
+ // 既に同名のスレッドが存在する
-    } else {
+        // スレッド名のLabelを生成
-        var t:Label = new Label();
-        t.x = LEFT_PADD;
-2
+6
-        t.text = name;
-        threadName.addChild(t);
-        threadNameLabel.addItem(t);
-
-
+
+
+
-        s.x = 8;
-.y
+hreadList.length * 16 + 1
-        if (newThread)
-text = "[N]";
+source = "icons/NEW.png"; // 新規のスレッド
-        else
-
+
+
-        threadName.addChild(s);
-        threadStatus.addItem(s);
+        
+        // スレッドリストに登録
+        threadList.addItem(name);
-    }   
-}
@@ -147 +189 @@
- */
-public function threadNameHandler(name:String, newName:String):void {
-
+
+
-    if (!isLogging)
-        return;
-
+    // スレッドリスト中にあるか？
-    if (!threadList.contains(name))
-
+
+
+
-    var index:int = threadList.getItemIndex(name);
-
-
-
+
+
+
+
+
-    n.text = newName;
-}
@@ -164 +212 @@
- */
-public function threadStateHandler(name:String, status:uint, time:int):void {
-
+
+
+
+
+
+
-    if (!isLogging)
-        return;
-
+    // スレッドリスト中にあるか？
-    if (!threadList.contains(name))
-
+
+
+
-    var index:int = threadList.getItemIndex(name);
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
-    SqlUtil.executeSQLStatement(_dbconn, "insert into threadState(name, state, time) values ('" + name + "', " + status + ", " + time + ")");
-}
-
-
+ // スレッド遷移グラフのデフォルト色
-
-/*
@@ -201 +240 @@
- */
-public function threadTimeHandler(name:String, startTime:int, endTime:int):void {
-
+
+
-    if (!isLogging)
-        return;
-
-var pos_y:Number = 0;
+// スレッドリスト中にあるか？
-    if (!threadList.contains(name))
-
-
+
+
+
+
+
-    var b:VBox = new VBox();
-    b.x = pos_x;
@@ -214 +257 @@
-    b.toolTip = String(endTime - startTime) + "ms";
-    b.width = (endTime - startTime) * hsScale.value;
-2
+6
-    b.setStyle("backgroundColor", b_color);
-    threadTime.addChild(b);
-
-
+
+
+
+
+
+
-    if (name == "nop") {
+        checkInterval(endTime, endTime - startTime); // フレーム同期間隔の確認
+
+        // フレーム毎に色を入れ替える
-        if (b_color == 0x0000ff)
-                b_color = 0x8888ff;
@@ -225 +275 @@
-                b_color = 0x0000ff;
-    }
-
+
+
-    SqlUtil.executeSQLStatement(_dbconn, "insert into threadTime(name, startTime, endTime, elapse) values ('" + name + "', " + startTime + ", " + endTime + ", " + (endTime - startTime) + ")");
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
-    if (isLogging) {
-
-
+
+
+
+
-        if (threadList.length != 0) {
+            // スレッド選択コンボボックスの更新
-            cbThread.dataProvider = threadList;
-            cbThread.selectedItem = threadList.getItemAt(0);
+
+            // スレッド状態Chartの作成
-            createThreadStateChart(String(threadList.getItemAt(0)));
+
+            // スレッド実行時間のアップデート
-            updateThreadTimes(String(threadList.getItemAt(0)));
+
+            // スレッド実行時間Chartの作成
-            createThreadTimeChart();
-        }
-    } else {
-
-
-
-
+
+
+
+
+
-}
-
@@ -273 +322 @@
- */
-private function bClear_ClickHandler(event:MouseEvent):void {
-
+
+
-    threadLog.removeAll();
-    threadList.removeAll();
-    threadNameLabel.removeAll();
-    threadStatus.removeAll();
+
+    // スレッド遷移グラフの削除
-    threadName.removeAllChildren();
-
-
-
+
+
+
+
+
-    cbThread.dataProvider = null;
-    createNop();
-    tIssue.text = "";
-    tElapse.text = "";
@@ -291 +344 @@
-    htmlState.htmlText = "";
-    htmlTime.htmlText = "";
+    tElapseTime.text = "00:00:00.000";
+    tElapseMax.text = "Max 00.000";
+    tElapseMin.text = "Min 00.000";
+    tElapseAve.text = "Ave 00.000";
+    tFPS.text = "FPS: 000";
+    threadName.y = 0;
+    threadTime.y = 0;
+
+    // 内部変数の初期化
+    frameGet = false;
+    maxInterval = 0;
+    maxIntPos = 0;
+    minInterval = 10000;
+    minIntPos = 0;
+    lastNopTime = 0;
+    totalInterval = 0;
+    intervalCount = 0;
+
+    // ローカルデータベースの古いデータを削除
-    SqlUtil.executeSQLStatement(_dbconn, "delete from threadTime");
-    SqlUtil.executeSQLStatement(_dbconn, "delete from threadState");
-
-
+
+
+
-}
-
@@ -301 +374 @@
- */
-private function hsScale_ChangeHandler(event:SliderEvent):void {
-
+
+
-    pos_x = 0;
+
+    // スレッド遷移グラフの位置とサイズを更新
-    for each (var val:* in threadLog) {
-        var b:VBox = VBox(val.bar);
-        var time:int = int(val.time);
-        b.x = pos_x;
-
+ // 縮尺と時間からサイズを計算
-        pos_x += b.width;
-    }
-
-/*
-    var f:VBox = VBox(threadTime.getChildAt(firstNop));
-    grid_x = f.x + f.width;
-    var children:Array = threadTime.getChildren();
-    for each (val in children) {
-      if (val is VRule) {
-        val.x = grid_x;
-        grid_x += frameInterval * event.value;
-      }
-    }
-*/
-}
-
@@ -328 +392 @@
- */
-private function cbThread_CloseHandler(event:Event):void {
+    
+    // スレッド状態Chartの作成
-    createThreadStateChart(String(ComboBox(event.target).selectedItem));
+
+    // スレッド実行時間の更新
-    updateThreadTimes(String(ComboBox(event.target).selectedItem));
-}
-
-/*
+ * インフォメーション表示
+ */
+private function bInfo_ClickHandler(event:MouseEvent):void {
+    // Publisher IDをアラートで表示
+    Alert.show(NativeApplication.nativeApplication.publisherID, 'Publisher ID');
+}
+
+/*
+ * Interval Maxラベルのクリックハンドラ
+ */
+private function tElapseMax_ClickHandler(event:MouseEvent):void {
+    // フレーム同期間隔が最大の場所にスクロール
+    threadTimeContainer.horizontalScrollPosition = maxIntPos * hsScale.value;
+}
+
+/*
+ * Interval Minラベルのクリックハンドラ
+ */
+private function tElapseMin_ClickHandler(event:MouseEvent):void {
+    // フレーム同期間隔が最小の場所にスクロール
+    threadTimeContainer.horizontalScrollPosition = minIntPos * hsScale.value;
+}
+
+/*
+ * threadNameのドラッグ制御
+ */
+private var m_x:Number;
+private var m_y:Number;
+private function threadName_MouseDownHandler(event:MouseEvent):void {
+
+    // 現座標の登録
+    m_x = event.stageX;
+    m_y = event.stageY;
+
+    // イベントハンドラの登録
+    threadName.addEventListener(MouseEvent.MOUSE_MOVE, threadName_MouseMoveHandler);
+    threadName.addEventListener(MouseEvent.MOUSE_UP, threadName_MouseUpHandler);
+}
+
+private var chata:Array = new Array(1, -1); // チャタリング防止用のバッファ
+private var chata_cancel:int = 0; // チャタリング防止キャンセルのカウンタ
+private function threadName_MouseMoveHandler(event:MouseEvent):void {
+
+    // もしスレッド名が表示領域に収まらないなら
+    if (threadName.height > threadName.parent.height) {
+        var delta_y:Number = event.stageY - m_y; // 移動量の計算
+        var pos_y:Number = threadName.y + delta_y; // Y座標を求める
+
+        // チャタリング防止のアルゴリズム:
+        // 過去2回のドラッグ方向(上もしくは下)と違ったらチャタリングと判断してキャンセル
+        // ただし、同じ方向に2回続けば、チャタリングじゃないと判断
+        if (chata[0] < 0 && chata[1] < 0) {
+            if (delta_y >= 0 && chata_cancel < 2) {
+                pos_y = 1;
+                chata_cancel++;
+            } else {
+                chata[0] = chata[1];
+                chata[1] = delta_y;
+                chata_cancel = 0;
+            }
+        } else if (chata[0] >=0 && chata[1] >= 0) {
+            if (delta_y < 0 && chata_cancel < 2) {
+                pos_y = 1;
+                chata_cancel++;
+            } else {
+                chata[0] = chata[1];
+                chata[1] = delta_y;
+                chata_cancel = 0;
+            }
+        } else {
+            chata[0] = chata[1];
+            chata[1] = delta_y;
+        }
+
+        // 移動可能か？
+        if ((pos_y <= 0) && (pos_y > (threadName.parent.height - threadName.height))) {
+            threadName.y = pos_y;
+            threadTime.y = pos_y;
+        }
+    }
+
+    // 現座標を更新
+    m_x = event.stageX;
+    m_y = event.stageY;
+}
+
+private function threadName_MouseUpHandler(event:MouseEvent):void {
+
+    // イベントハンドラを削除
+    threadName.removeEventListener(MouseEvent.MOUSE_MOVE, threadName_MouseMoveHandler);
+    threadName.removeEventListener(MouseEvent.MOUSE_UP, threadName_MouseUpHandler);
+
+    // チャタリング防止解除
+    chata[0] = 1;
+    chata[1] = -1;
+    chata_cancel = 0;
+}
+
+/* ######## ローカル関数 ####### */
+
+/*
- * スレッドの状態の割合グラフの生成
- */
-
-
+ // 作業ファイル
+ // 作業ファイル
-private function createThreadStateChart(name:String):void {
-
+
+
-    var result:ArrayCollection = getThreadStateTime(name);
+
+    // スレッドの状態が1つ以上あればChartを生成
-    if (result.length != 0) {
-        var chartData:SingleChartData = new SingleChartData();
@@ -345 +517 @@
-        chartData.graphAttribute.formatNumberScale = "0";
-        for each (var val:* in result) {
-            //trace(val.name, val.value, val.color);
-            chartData.addSetElement(val);
-        }
-        //trace(threadStateHtml.nativePath);
-        chartData.createHtmlFile(threadStateHtml, "Doughnut2D", htmlState.width, htmlState.height, threadStateData.nativePath);
-        chartData.createDataFile(threadStateData);
-        htmlState.location = "file:///" + threadStateHtml.nativePath;
-    } else
-
+ // 空のHTMLを表示
-}
-
@@ -360 +530 @@
- */
-private function getThreadStateTime(name:String):ArrayCollection {
-
-
-
+
+
+
+
+
+
+
-    var result:Array = SqlUtil.getData(_dbconn, "select name, state, time from threadState where name == '" + name + "'");
+
-    var currentState:int = 0;
-    var lastTime:int = 0;
-    var value:ArrayCollection = new ArrayCollection();
+
+    // もし状態データが存在すれば
-    if (result[1].data != null) {
-        for each (var val:* in result[1].data) {
-
-
+
-            currentState = val.state;
-            lastTime = val.time;
-        }
+        // スレッドの状態遷移が1つ以上あれば
-        if (result[1].data.length > 1) {
-
-
-
-
-
+
+
+
-        } else {
+            // 無ければスレッドの状態時間は正しく求められないので、仕方ないからスレッドの実行時間を状態時間として求める
-            var result2:Array = SqlUtil.getData(_dbconn, "select sum(elapse) as value from threadTime where name =='" + name + "'");
-            if (result2[1].data != null) {
-
+ // ダミーデータ
-                value.addItem({name: stateName[currentState], value: result2[1].data[0].value, color: stateColor[currentState]});
-            }
@@ -395 +571 @@
- */
-private function updateThreadTimes(name:String):void {
+    // 該当スレッドの実行回数を取得
-    var result:Array = SqlUtil.getData(_dbconn, "select count(*) as issue from threadTime where name == '" + name + "'");
+
+    // もしデータがあれば
-    if (result[1].data != null) {
+        // スレッドの実行回数
-        tIssue.text = result[1].data[0].issue;
+
+        // スレッドの総実行時間を取得
-        result = SqlUtil.getData(_dbconn, "select sum(elapse) as value from threadTime where name == '" + name + "'");
-        tElapse.text = result[1].data[0].value;
-
+
+
+
+
+
-        result = SqlUtil.getData(_dbconn, "select max(elapse) as value from threadTime where name == '" + name + "'");
-        tMaxTime.text = result[1].data[0].value;
+
+        // スレッドの最短実行時間を取得
-        result = SqlUtil.getData(_dbconn, "select min(elapse) as value from threadTime where name == '" + name + "'");
-        tMinTime.text = result[1].data[0].value;
-    } else {
+        // データ無い...
-        tIssue.text = "";
-        tElapse.text = "";
@@ -420 +609 @@
-private var threadTimeData:File = null;
-private function createThreadTimeChart():void {
+
+    // スレッドの実行時間データを求める
-    var result:ArrayCollection = getThreadElapseTime();
+
+    // スレッドの実行時間Chartの生成
-    var chartData:SingleChartData = new SingleChartData();
-    chartData.graphAttribute.decimalPrecision = "0";
-    chartData.graphAttribute.formatNumberScale = "0";
-    for each (var val:* in result) {
-        //trace(val.name, val.value, val.color);
-        chartData.addSetElement(val);
-    }
-    //trace(threadStateHtml.nativePath);
-    chartData.createHtmlFile(threadTimeHtml, "Bar2D", htmlTime.width, htmlTime.height, threadTimeData.nativePath);
-    chartData.createDataFile(threadTimeData);
@@ -438 +629 @@
- */
-private function getThreadElapseTime():ArrayCollection {
+
+    // それぞれのスレッドの実行時間の合計を得る
-    var result:Array = SqlUtil.getData(_dbconn, "select name, sum(elapse) as value from threadTime group by name order by value desc");
-
+
+
+
+
+
-    for each (var val:* in result[1].data) {
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-    return value;
-}
-
-/*
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+

as3/ThreadViewer/ThreadViewer.mxml

@@ -2 +2 @@
-<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" applicationComplete="init()">
-  <mx:Script source="ThreadViewer.as"/>
+  <mx:Style source="style.css"/>
-  <mx:VBox width="100%" height="100%">
-
-
-
+
+
+
+
+
+
+
+
+
+
+
-    </mx:Canvas>
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
-    <mx:Canvas width="100%" height="240">
-      <mx:ComboBox id="cbThread" left="8" y="10" width="142" close="cbThread_CloseHandler(event)"/>

as3/ThreadViewer/org/libspark/snippets/AIRUtils/PreferenceUtil.as

@@ -74 +74 @@
-                        setupProperties(obj[val.name()], val.children(), txt == null ? null : txt + "." + val.name());
-                    } else {
-
-
-
+
-                            obj[val.name()] = val == "true" ? true : false;
-
-
+
-                            obj[val.name()] = Number(val);
-
-
+
-                            obj[val.name()] = Base64ToArrayCollection(val);
-
-
+
-                            obj[val.name()] = Base64ToArray(val);
-
-
+
-                            obj[val.name()] = Base64toXML(val);
-
-
-
-
-
+
-                            obj[val.name()] = val;
-                        }
-                    }
-                }