今回は、各ノードのD&Dの実装です↓。中央の”Yukun’s Blog”ノードのみドロップで位置固定します。他ノードはドロップ後、安定化に入ります。 前回と同じくRキーで全ノードがランダムに散ります。 さて、次に追加する機能はノード間の関係を視覚化してみようと思います。現在使用しているデータはこのブログのカテゴリの一部ですので、関連性と言えるものは少ないかもしれませんが・・・。 具体的には、各ノード間をつないでいる線分上に文字列なり数値なりを表示してみます。
![AS3でMind MapぽいFlashを作る (2)各ノードのドラック&ドロップ](https://cdn-ak-scissors.b.st-hatena.com/image/square/cccb47de13453e7444ca54886e020c9d44cb0243/height=288;version=1;width=512/https%3A%2F%2Fyukun.info%2Fwp-content%2Fuploads%2F2015%2F02%2Factionscript-mind-map-node.png)
今回は、各ノードのD&Dの実装です↓。中央の”Yukun’s Blog”ノードのみドロップで位置固定します。他ノードはドロップ後、安定化に入ります。 前回と同じくRキーで全ノードがランダムに散ります。 さて、次に追加する機能はノード間の関係を視覚化してみようと思います。現在使用しているデータはこのブログのカテゴリの一部ですので、関連性と言えるものは少ないかもしれませんが・・・。 具体的には、各ノード間をつないでいる線分上に文字列なり数値なりを表示してみます。
作り込んでいく内に、Flashのレイアウトとファイルサイズが大きくなったので、下記のページに用意しました。 今回追加した機能は大きく分けてタイトルに書かれている2つです。 描画できる図形の種類を直線、長方形、楕円に増やしました。また、描いた図形を任意の場所に移動することが出来ます(「配置」ボタンをクリック後、図形をドラッグ&ドロップ)。そして、配置移動も履歴に残しているのでUndo、Redoの対象になります。 以下は作成後の反省点の一部の走り書き。 問題点や改善点 図形の描画やオブジェクトのD&Dの際に、線分上に薄い青のエフェクトをかけると爽快感+視認性が上がるかなぁと試してみたんですが、実装したら煩わしい感じになってしまいました。エフェクトのON/OFFのチェックボックスをつけておこう。 図形オブジェクトがD&Dでキャンバスのサイズ外に出てしまう。Flexコンポーネントの親子関係や背景色
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く