[SE New Feature No.7]の変更点 - Powerful PictBear

「SE New Feature No.7」の編集履歴（バックアップ）一覧はこちら

「SE New Feature No.7」(2005/09/27 (火) 18:51:31) の最新版変更点

追加された行は緑色になります。

削除された行は赤色になります。

右クリックメニューの実装 PART２ <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://limeworld.chu.jp/neo_newfeature/images_pbse/point01.png" width="15" height="15" align="left"></td> <td> レイヤーダイアログ内での右クリックメニュー</td> </tr> </table> 1. レイヤーダイアログ内で右クリックすると下図のようなメニューが表示されます。 このメニューを使用してよく使うレイヤー操作を実行できます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details701.png" width="355" height="315" border="0" alt= "レイヤーダイアログ右クリックメニュー"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 2. ここで各機能の説明をしておきます。 <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機　　能</td> <td width="520" align="center">解　　　　　説</td> </tr> <tr> <td width="160">レイヤーの作成</td> <td width="520">新しくレイヤーを一番上に追加する機能</td> </tr> <tr> <td width="160">レイヤーの複製</td> <td width="520"> 選択したレイヤーのコピーを一番上に追加する機能</td> </tr> <tr> <td width="160">レイヤーの削除</td> <td width="520">選択したレイヤーを削除する機能</td> </tr> <tr> <td width="160">レイヤーの設定</td> <td width="520"> 選択したレイヤーのプロパティーを設定する機能</td> </tr> <tr> <td width="160">背景からレイヤーへ</td> <td width="520">背景から通常のレイヤーに変換する機能</td> </tr> <tr> <td width="160">レイヤーから背景へ</td> <td width="520">通常のレイヤーから背景に変換する機能</td> </tr> <tr> <td width="160">下のレイヤーと統合</td> <td width="520"> 選択したレイヤーの一つ下とレイヤーを結合させる機能</td> </tr> <tr> <td width="160">表示部分の結合</td> <td width="520"> 表示設定されているレイヤーだけを結合させる機能　（非表示設定のレイヤーは削除されます）</td> </tr> <tr> <td width="160">画像の統合</td> <td width="520">全てのレイヤーを一つに結合させる機能</td> </tr> </table> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 3. 今回説明に使用する画像は下図で説明させていただきます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details702.png" width="240" height="180" border="1" alt="サンプル画像"> レイヤー状態は下図になります。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details703.png" width="211" height="215" border="0" alt="レイヤーダイアログ"> 背景・・・赤い四角 レイヤー1・・・青い丸 レイヤー2・・・緑のバツ <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 4. では実際の動作を確認してみましょう。 最初に「レイヤーの作成」の動作を見てみましょう。 レイヤーダイアログのレイヤーが表示されている部分の適当な場所で、右クリックをしてメニューを出し、「レイヤーの作成」を選択します。 すると下図の様に一番上に「レイヤー3」というレイヤーが追加されたことが確認できます。 これがレイヤーの作成動作になります。 ※　この動作は必ず一番上にレイヤーが追加されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details704.png" width="211" height="252" border="0" alt="レイヤーダイアログ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 5. 次に「レイヤーの複製」の動作を見てみましょう。 レイヤーダイアログの「レイヤー3」表示の部分で、右クリックをしてメニューを出し、「レイヤーの複製」を選択します。 すると下図の様に一番上に「レイヤー3の複製」というレイヤーが追加されたことが確認できます。 これがレイヤーの複製動作になります。 ※　この動作は必ず一番上にレイヤーが複製されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details705.png" width="211" height="260" border="0" alt="レイヤーダイアログ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 6. 次に「レイヤーの削除」の動作を見てみましょう。 レイヤーダイアログの「レイヤー3の複製」表示の部分で、右クリックをしてメニューを出し、「レイヤーの削除」を選択します。 すると下図の様に一番上に有った「レイヤー3の複製」というレイヤーが削除されたことが確認できます。 これが「レイヤーの削除」動作になります。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details704.png" width="211" height="252" border="0" alt="レイヤーダイアログ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 7. 次に「レイヤーの設定」の動作を見てみましょう。 レイヤーダイアログの「レイヤー3」表示の部分で、右クリックをしてメニューを出し、「レイヤーの設定」を選択します。 すると下図の様な設定ダイアログが表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details706.png" width="428" height="143" border="0" alt= "レイヤー設定ダイアログ"> このダイアログで各種レイヤーの設定を行ないます。 このダイアログの設定についての詳しい設定方法はPictBear BeginnersRoom のLessonファイルにて説明しておりますので、そちらでご確認ください。 また、モード設定の追加されたレイヤーモードの説明は、この新機能紹介の「レイヤーモードが追加された！」で説明しております。 ここでは名前を「透明」とだけ変えて「OK」で設定してみます。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 8. 設定ダイアログが閉じられると、下図の様に名前が変わって表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details707.png" width="211" height="260" border="0" alt="レイヤーダイアログ"> これが「レイヤーの設定」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 9. 次に「背景からレイヤーへ」の動作を見てみましょう。 レイヤーダイアログのレイヤーが表示されている部分の適当な場所で、右クリックをしてメニューを出し、「背景からレイヤーへ」を選択します。 すると下図の様に「背景」という名前から「背景レイヤー」に変化したことが確認できます。 ここでいう「背景」とは、最初にPictBearで用意されている物で、レイヤーの設定や移動が出来ないように設定した物です。 これを移動やレイヤーの設定を出来るようにするには今行なった「背景からレイヤーへ」の操作を行なう事により、実現出来るようにした機能です。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details708.png" width="211" height="224" border="0" alt="レイヤーダイアログ"> これが「背景からレイヤーへ」動作になります。 ※　「背景」が存在しない場合は選択出来ないようになっています。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 10. 次に「レイヤーから背景へ」の動作を見てみましょう。 レイヤーダイアログのレイヤーが表示されている部分の適当な場所で、右クリックをしてメニューを出し、「レイヤーから背景へ」を選択します。 すると下図の様に一番下の「背景レイヤー」という名前から「背景」に変化したことが確認できます。 この操作の場合、一番下にあるレイヤーを強制的に「背景」にしてしまいますので、名前がまったく違っても「背景」という表示に変更されてしまいます <img src="http://limeworld.chu.jp/neo_newfeature/images007/details709.png" width="211" height="224" border="0" alt="レイヤーダイアログ"> これが「レイヤーから背景へ」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 11. 次に「下のレイヤーと統合」の動作を見てみましょう。 動作を確認する前に、「透明」レイヤーに黒い直線を描画しておきます。 これで統合した時に本当に統合できたか確認できます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details710.png" width="240" height="180" border="1" alt="サンプル画像"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 12. レイヤーダイアログで「透明」レイヤーの上で右クリックしてメニューを出し、「下のレイヤーと統合」を選択します。 すると下図の様にレイヤーが統合されて、下のレイヤー名になるのが確認できます。 「レイヤー2」の表示画像を見ると先程追加した黒い直線が「レイヤー2」に表示されている事が確認できます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details709.png" width="211" height="224" border="0" alt="レイヤーダイアログ"> これが「下のレイヤーと統合」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 13. 次に「下のレイヤーと統合」の動作を見てみましょう。 動作を確認する前に「レイヤー1」の青い★印をクリックして下図の様に非表示に設定します。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details711.png" width="211" height="224" border="0" alt="レイヤーダイアログ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 14. レイヤーダイアログのレイヤーが表示されている部分の適当な場所で、右クリックをしてメニューを出し、「表示部分の結合」を選択します。 すると下図の様にレイヤーが統合されて、一番下のレイヤー名になるのが確認できます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details712.png" width="211" height="224" border="0" alt="レイヤーダイアログ"> イメージを確認すると下図のようにレイヤー1に描画していた青丸が消えている事が確認できます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details713.png" width="240" height="180" border="1" alt="サンプル画像"> ※　この操作を行なうと非表示設定にしていたレイヤーは削除されます。 これが「表示部分の結合」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 15. 次に「下のレイヤーと統合」の動作を見てみましょう。 動作を確認する前に操作をのアンドゥを実行して、下図の様に一つ前の状態に戻しておきます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details709.png" width="211" height="224" border="0" alt="レイヤーダイアログ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 16. レイヤーダイアログのレイヤーが表示されている部分の適当な場所で、右クリックをしてメニューを出し、「画像の統合」を選択します。 すると下図の様にレイヤーが全て統合されて、一番下のレイヤー名になるのが確認できます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details714.png" width="211" height="224" border="0" alt="レイヤーダイアログ"> イメージを確認すると下図のように全てのレイヤーが一つになって表示されている事が確認できます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details715.png" width="240" height="180" border="1" alt="サンプル画像"> ※　この操作を行なうと非表示設定にしていたレイヤーは削除されます。 これが「画像の統合」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 17. 以上がレイヤーダイアログでの右クリックメニューの説明になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://limeworld.chu.jp/neo_newfeature/images_pbse/point01.png" width="15" height="15" align="left"></td> <td> ツールオプションダイアログ内での右クリックメニュー</td> </tr> </table> 1. ツールオプションダイアログ内で右クリックすると下図のようなメニューが表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details716.png" width="327" height="386" border="0" alt= "ツールオプションダイアログ"> このメニューは一部の設定項目のみ表示されます。 現在のところ ・自動選択－色の選択範囲 ・グラデーション－終了不透明度 ・塗りつぶし－色の範囲 以上の項目だけ有効になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 2. ここで各機能の説明をしておきます。 <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機　　能</td> <td width="520" align="center">解　　　　　説</td> </tr> <tr> <td width="160">元に戻す</td> <td width="520"> 修正後、ひとつ前の状態に戻すことが出来る機能</td> </tr> <tr> <td width="160">切り取り</td> <td width="520">選択した範囲を切り取る機能</td> </tr> <tr> <td width="160">コピー</td> <td width="520">選択した範囲をコピーする機能</td> </tr> <tr> <td width="160">貼り付け</td> <td width="520"> 切り取りやコピーしたデータを貼り付ける機能</td> </tr> <tr> <td width="160">削除</td> <td width="520">選択した範囲を削除する機能</td> </tr> <tr> <td width="160">すべて選択</td> <td width="520">選択したデータすべてを選択する機能</td> </tr> <tr> <td>右から左に読む</td> <td>※（注１</td> </tr> <tr> <td>Unicode 制御文字の表示</td> <td>※（注１</td> </tr> <tr> <td>Unicode 制御文字の挿入</td> <td>※（注１</td> </tr> <tr> <td width="160">IMEを開く</td> <td width="520">IMEを起動させる機能　※（注２</td> </tr> <tr> <td width="160">再変換</td> <td width="520">選択した文字列を再変換させる機能　※（注２</td> </tr> </table> （注１・・・　この項目は表示される場合と表示されない場合があります。 　　　　　　　お使いの環境により異なります。 　　　　　　　現在の所表示できる環境は下記の環境下で確認を取っています。 　　　　　　　・WinXP ＋ IME2002 （注２・・・　この項目は表示される場合と表示されない場合があります。 　　　　　　　お使いの環境により異なります。 　　　　　　　現在の所表示できる環境は下記の環境下で確認を取っています。 　　　　　　　・Winn2000 ＋ IME2000 　　　　　　　・WinXP ＋ IME2002　　以上 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 3. 各機能の使用感は、みなさまが実際に操作して頂いたほうが感覚がつかめますので、ここでは説明を省かせていただきます。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://limeworld.chu.jp/neo_newfeature/images_pbse/point01.png" width="15" height="15" align="left"></td> <td> メニュー表示領域での右クリックメニュー</td> </tr> </table> 1. メニュー表示領域内で右クリックすると下図のようなメニューが表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details717.png" width="246" height="239" border="0" alt= "ダイアログ表示メニュー"> このメニューは各種メニューと各種ダイアログの表示・非表示を設定できるメニューです。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 2. ここで各機能の説明をしておきます。 <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機　　能</td> <td width="420" align="center">解　　　　　説</td> </tr> <tr> <td width="160">標準ツールバー</td> <td width="420"> 標準的に使用するメニューをアイコン表示で表示する</td> </tr> <tr> <td width="160">描画ツールバー</td> <td width="420"> 描画に必要なツールをアイコン表示で表示する</td> </tr> <tr> <td width="160">パレット</td> <td width="420">パレットダイアログを表示する</td> </tr> <tr> <td width="160">ビュー</td> <td width="420">ビューダイアログを表示する</td> </tr> <tr> <td width="160">レイヤー</td> <td width="420">レイヤーダイアログを表示する</td> </tr> <tr> <td width="160">アウトプット</td> <td width="420">アウトプットダイアログを表示する</td> </tr> <tr> <td width="160">ステータスバー</td> <td width="420">各種ステータス情報を最下段に表示する</td> </tr> <tr> <td width="160">カスタマイズ</td> <td width="420">カスタマイズダイアログを表示する</td> </tr> </table> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 3. 各種表示状態を確認してみましょう。 最初は「標準ツールバー」の表示を見てみましょう。 表示設定させると下図のように表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details718.png" width="584" height="49" border="0" alt="標準ツールバー"> 表示はツールバーを独立させた時の状態です。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 4. 次に「描画ツールバー」の表示を見てみましょう。表示設定させると下図のように表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details719.png" width="538" height="49" border="0" alt="描画ツールバー"> 表示はツールバーを独立させた時の状態です。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 5. 次に「パレットダイアログ」の表示を見てみましょう。 表示設定させると右図のように表示されます。 表示はツールバーを独立させた時の状態です。 Ver2.00 Beta5 からパレットダイアログにブラシ、RGB、サンプルのダイアログが統合されました。 下図がブラシダイアログになります。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details720.png" width="251" height="274" border="0" alt="ブラシダイアログ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 6. 次がRGBダイアログになります。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/pallet701.jpg" width="251" height="274" border="0" alt="RGBダイアログ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 7. 次がサンプルダイアログになります。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details720a.png" width="251" height="274" border="0" alt="サンプルダイアログ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 8. 次に「ビューダイアログ」の表示を見てみましょう。 表示設定させると下図のように表示されます。 表示はツールバーを独立させた時の状態です。 Ver2.00 Beta5 からビューダイアログにナビゲーション、ズーム、オプションのダイアログが統合されました。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details722.png" width="266" height="386" border="0" alt= "ナビゲーションダイアログ"> 上図がナビゲーションダイアログになります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 9. 次がズームダイアログになります。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details722a.png" width="266" height="386" border="0" alt="ズームンダイアログ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 10. 次がオプションダイアログになります。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details722b.png" width="266" height="386" border="0" alt= "ツールオプションダイアログ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 11. 次に「レイヤーダイアログ」の表示を見てみましょう。 表示設定させると下図のように表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details721.png" width="211" height="224" border="0" alt="レイヤーダイアログ"> 表示はツールバーを独立させた時の状態です。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 12. 次に「アウトプットダイアログ」の表示を見てみましょう。 表示設定させると下図のように表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details724.png" width="276" height="184" border="0" alt= "アウトプットダイアログ"> 表示はツールバーを独立させた時の状態です。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 13. 次に「ステータスバー」の表示を見てみましょう。 表示設定させると下図のように表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details725.png" width="653" height="18" border="0" alt="ステータスバー"> 表示は最下段に表示されます。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 14. 次に「カスタマイズダイアログ」の表示を見てみましょう。 表示設定させると下図のように表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details726.png" width="492" height="322" border="0" alt= "カスタマイズダイアログ"> これがカスタマイズダイアログの表示になります。 カスタマイズ画面の説明は、別途詳しくさせて頂きますので、そちらでご確認ください。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 15. 以上がメニュー表示領域内での右クリックメニューの説明になります。 また、この右クリックメニューは各種ダイアログ上部でも右クリックメニューとして表示されます。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://limeworld.chu.jp/neo_newfeature/images_pbse/point01.png" width="15" height="15" align="left"></td> <td> タブ領域での右クリックメニュー</td> </tr> </table> 1. タブ領域内で右クリックすると下図のようなメニューが表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details727.png" width="388" height="193" border="0" alt= "タブ領域での右クリックメニュー"> このメニューはイメージファイルで使用される事が多いメニューを実装しています。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 2. ここで各機能の説明をしておきます。 <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機　　能</td> <td width="450" align="center">解　　　　　説</td> </tr> <tr> <td width="160">閉じる</td> <td width="450">選択したイメージファイルを閉じる機能</td> </tr> <tr> <td width="160">上書き保存</td> <td width="450"> 選択したイメージファイルを上書きで保存する機能</td> </tr> <tr> <td width="160">名前を付けて保存</td> <td width="450"> 選択したイメージファイルを名前を付けて保存する機能</td> </tr> <tr> <td width="160">復帰</td> <td width="450"> 選択したイメージファイルのデータを復帰させる機能　（開いた時の初期状態に戻る）</td> </tr> <tr> <td width="160">印刷</td> <td width="450">選択したイメージファイルを印刷する機能</td> </tr> <tr> <td width="160">印刷プレビュー</td> <td width="450"> 選択したイメージファイルを印刷プレビューする機能</td> </tr> <tr> <td width="160">イメージの複製</td> <td width="450"> 選択したイメージファイルを複製して増やす機能</td> </tr> </table> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 3. では実際の動作を確認してみましょう。 最初に「閉じる」の動作を見てみましょう。 下図の様にサンプルとして2つのファイルを開いている状態で説明します。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details728.png" width="348" height="214" border="0" alt="右クリックメニュー"> 閉じたい方のファイルのタブ上で右クリックをして、メニューの「閉じる」をクリックします <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 4. 閉じようとする画像に何か変更がある場合は閉じる前に下図のダイアログが表示されて注意を促します。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details729.png" width="309" height="121" border="0" alt="注意ダイアログ"> 特に画像の変更点がない場合にはこのダイアログは表示されません。 変更した物を保存する場合は「はい」を、変更した物を保存したくない場合は「いいえ」を、閉じる動作を中止したい場合は「キャンセル」をクリックして処理を実行します。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 5. 処理が実行されると、下図の様に指定したファイルが閉じます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details730.png" width="290" height="227" border="0" alt="サンプルイメージ"> これが「閉じる」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 6. 次に「上書き保存」の動作を見てみましょう。 上書き保存したいファイルのタブ上で右クリックをして、メニューの「上書き保存」をクリックします。 すると何事も無かったように元の画面に戻りますが、上書き保存は完了しています。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details731.png" width="355" height="214" border="0" alt="サンプルイメージ"> これが「上書き保存」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 7. 次に「名前を付けて保存」の動作を見てみましょう。 名前を付けて保存したいファイルのタブ上で右クリックをして、メニューの「名前を付けて保存」をクリックします。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details732.png" width="353" height="214" border="0" alt="サンプルイメージ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 8. すると下図のようなダイアログが表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details733.png" width="656" height="390" border="0" alt="サンプルイメージ"> ここでファイル名を決めて、保存したいフォルダを指定して保存します。 これが「名前を付けて保存」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 9. 次に「復帰」の動作を見てみましょう。 処理を確認する前に、「sample2.pbx」ファイルに何か描画しておきます。 元々白紙のキャンバスに下図のような描画をしておきました。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details734.png" width="257" height="214" border="0" alt="サンプルイメージ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 10. 復帰したいファイルのタブ上で右クリックをして、メニューの「復帰」をクリックします。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details735.png" width="353" height="214" border="0" alt="サンプルイメージ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 11. すると下図のダイアログが表示され、編集中のイメージを破棄しても良いかどうか聞いてきます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details736.png" width="221" height="121" border="0" alt="サンプルイメージ"> イメージを復帰したい場合は「はい」を、処理をキャンセルするには「いいえ」をクリックします。 ここでは処理を実行するので「はい」をクリックします。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 12. 処理が完了すると、下図の様に最初に開いた状態まで復帰することができる。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details737.png" width="257" height="214" border="0" alt="サンプルイメージ"> この動作はアンドゥを繰り返しても行なえるが、この復帰動作を行なうことによって一発で最初の状態まで戻すことが可能になる動作です。 これが「復帰」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 13. 次に「印刷」の動作を見てみましょう。 印刷したいファイルのタブ上で右クリックをして、メニューの「印刷」をクリックします。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details739.png" width="351" height="213" border="0" alt="サンプルイメージ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 14. すると下図のように印刷出力のダイアログが表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details740.png" width="510" height="322" border="0" alt="サンプルイメージ"> 後は「OK」をクリックすると印刷することが可能です。 これが「印刷」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 15. 次に「印刷プレビュー」の動作を見てみましょう。 処理を確認する前に、「sample2.pbx」ファイルに何か描画しておきます。 元々白紙のキャンバスに下図のような描画をしておきました。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details738.png" width="257" height="214" border="0" alt="サンプルイメージ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 16. 印刷プレビューしたいファイルのタブ上で右クリックをして、メニューの「印刷プレビュー」をクリックします。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details741.png" width="354" height="214" border="0" alt="サンプルイメージ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 17. すると下図のように印刷プレビュー画面が表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details742.png" width="574" height="425" border="0" alt="サンプルイメージ"> このようにプレビュー画面を見ることが出来ます。 各種ボタンの説明はここでは省かせては頂きますが、閉じる場合は「閉じる」ボタンをクリックするか、一番右上の×をクリックして下さい。 これが「印刷プレビュー」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 18. 次に「イメージの複製」の動作を見てみましょう。 イメージの複製したいファイルのタブ上で右クリックをして、メニューの「イメージの複製」をクリックします。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details743.png" width="355" height="214" border="0" alt="サンプルイメージ"> <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 19. すると下図のようなダイアログが表示されます。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details744.png" width="410" height="121" border="0" alt="サンプルイメージ"> 複製するファイルの名前を指定することが出来るダイアログです。 ここで名前を付けて「OK」で処理が実行され、「キャンセル」で処理を中止します。 ここではデフォルトの「sample2の複製」の名称のまま複製してみますので、そのまま「OK」をクリックして処理を実行します。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 20. ダイアログが閉じて処理が実行されると、下図の様に指定したファイルの複製が出来上がります。 <img src="http://limeworld.chu.jp/neo_newfeature/images007/details745.png" width="377" height="243" border="0" alt="サンプルイメージ"> これが「イメージの複製」動作になります。 <img src="http://limeworld.chu.jp/neo_tips/03_images/border01.png"> 21. 以上が右クリックメニューの紹介になります。 これらの機能を使ってさらに機能的に便利に使用できると思われますから、たくさん楽しんでください。

右クリックメニューの実装 PART２ <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://picture.sub.jp/powerful/neo_newfeature/images_pbse/point01.png" width= "15" height="15" align="left"></td> <td> レイヤーダイアログ内での右クリックメニュー</td> </tr> </table> 1. レイヤーダイアログ内で右クリックすると下図のようなメニューが表示されます。 このメニューを使用してよく使うレイヤー操作を実行できます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details701.png" width= "355" height="315" border="0" alt= "レイヤーダイアログ右クリックメニュー"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 2. ここで各機能の説明をしておきます。 <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機　　能</td> <td width="520" align="center">解　　　　　説</td> </tr> <tr> <td width="160">レイヤーの作成</td> <td width="520">新しくレイヤーを一番上に追加する機能</td> </tr> <tr> <td width="160">レイヤーの複製</td> <td width="520"> 選択したレイヤーのコピーを一番上に追加する機能</td> </tr> <tr> <td width="160">レイヤーの削除</td> <td width="520">選択したレイヤーを削除する機能</td> </tr> <tr> <td width="160">レイヤーの設定</td> <td width="520"> 選択したレイヤーのプロパティーを設定する機能</td> </tr> <tr> <td width="160">背景からレイヤーへ</td> <td width="520">背景から通常のレイヤーに変換する機能</td> </tr> <tr> <td width="160">レイヤーから背景へ</td> <td width="520">通常のレイヤーから背景に変換する機能</td> </tr> <tr> <td width="160">下のレイヤーと統合</td> <td width="520"> 選択したレイヤーの一つ下とレイヤーを結合させる機能</td> </tr> <tr> <td width="160">表示部分の結合</td> <td width="520"> 表示設定されているレイヤーだけを結合させる機能　（非表示設定のレイヤーは削除されます）</td> </tr> <tr> <td width="160">画像の統合</td> <td width="520">全てのレイヤーを一つに結合させる機能</td> </tr> </table> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 3. 今回説明に使用する画像は下図で説明させていただきます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details702.png" width= "240" height="180" border="1" alt="サンプル画像"> レイヤー状態は下図になります。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details703.png" width= "211" height="215" border="0" alt="レイヤーダイアログ"> 背景・・・赤い四角 レイヤー1・・・青い丸 レイヤー2・・・緑のバツ <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 4. では実際の動作を確認してみましょう。 最初に「レイヤーの作成」の動作を見てみましょう。 レイヤーダイアログのレイヤーが表示されている部分の適当な場所で、右クリックをしてメニューを出し、「レイヤーの作成」を選択します。 すると下図の様に一番上に「レイヤー3」というレイヤーが追加されたことが確認できます。 これがレイヤーの作成動作になります。 ※　この動作は必ず一番上にレイヤーが追加されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details704.png" width= "211" height="252" border="0" alt="レイヤーダイアログ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 5. 次に「レイヤーの複製」の動作を見てみましょう。 レイヤーダイアログの「レイヤー3」表示の部分で、右クリックをしてメニューを出し、「レイヤーの複製」を選択します。 すると下図の様に一番上に「レイヤー3の複製」というレイヤーが追加されたことが確認できます。 これがレイヤーの複製動作になります。 ※　この動作は必ず一番上にレイヤーが複製されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details705.png" width= "211" height="260" border="0" alt="レイヤーダイアログ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 6. 次に「レイヤーの削除」の動作を見てみましょう。 レイヤーダイアログの「レイヤー3の複製」表示の部分で、右クリックをしてメニューを出し、「レイヤーの削除」を選択します。 すると下図の様に一番上に有った「レイヤー3の複製」というレイヤーが削除されたことが確認できます。 これが「レイヤーの削除」動作になります。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details704.png" width= "211" height="252" border="0" alt="レイヤーダイアログ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 7. 次に「レイヤーの設定」の動作を見てみましょう。 レイヤーダイアログの「レイヤー3」表示の部分で、右クリックをしてメニューを出し、「レイヤーの設定」を選択します。 すると下図の様な設定ダイアログが表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details706.png" width= "428" height="143" border="0" alt="レイヤー設定ダイアログ"> このダイアログで各種レイヤーの設定を行ないます。 このダイアログの設定についての詳しい設定方法はPictBear BeginnersRoom のLessonファイルにて説明しておりますので、そちらでご確認ください。 また、モード設定の追加されたレイヤーモードの説明は、この新機能紹介の「レイヤーモードが追加された！」で説明しております。 ここでは名前を「透明」とだけ変えて「OK」で設定してみます。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 8. 設定ダイアログが閉じられると、下図の様に名前が変わって表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details707.png" width= "211" height="260" border="0" alt="レイヤーダイアログ"> これが「レイヤーの設定」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 9. 次に「背景からレイヤーへ」の動作を見てみましょう。 レイヤーダイアログのレイヤーが表示されている部分の適当な場所で、右クリックをしてメニューを出し、「背景からレイヤーへ」を選択します。 すると下図の様に「背景」という名前から「背景レイヤー」に変化したことが確認できます。 ここでいう「背景」とは、最初にPictBearで用意されている物で、レイヤーの設定や移動が出来ないように設定した物です。 これを移動やレイヤーの設定を出来るようにするには今行なった「背景からレイヤーへ」の操作を行なう事により、実現出来るようにした機能です。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details708.png" width= "211" height="224" border="0" alt="レイヤーダイアログ"> これが「背景からレイヤーへ」動作になります。 ※　「背景」が存在しない場合は選択出来ないようになっています。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 10. 次に「レイヤーから背景へ」の動作を見てみましょう。 レイヤーダイアログのレイヤーが表示されている部分の適当な場所で、右クリックをしてメニューを出し、「レイヤーから背景へ」を選択します。 すると下図の様に一番下の「背景レイヤー」という名前から「背景」に変化したことが確認できます。 この操作の場合、一番下にあるレイヤーを強制的に「背景」にしてしまいますので、名前がまったく違っても「背景」という表示に変更されてしまいます <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details709.png" width= "211" height="224" border="0" alt="レイヤーダイアログ"> これが「レイヤーから背景へ」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 11. 次に「下のレイヤーと統合」の動作を見てみましょう。 動作を確認する前に、「透明」レイヤーに黒い直線を描画しておきます。 これで統合した時に本当に統合できたか確認できます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details710.png" width= "240" height="180" border="1" alt="サンプル画像"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 12. レイヤーダイアログで「透明」レイヤーの上で右クリックしてメニューを出し、「下のレイヤーと統合」を選択します。 すると下図の様にレイヤーが統合されて、下のレイヤー名になるのが確認できます。 「レイヤー2」の表示画像を見ると先程追加した黒い直線が「レイヤー2」に表示されている事が確認できます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details709.png" width= "211" height="224" border="0" alt="レイヤーダイアログ"> これが「下のレイヤーと統合」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 13. 次に「下のレイヤーと統合」の動作を見てみましょう。 動作を確認する前に「レイヤー1」の青い★印をクリックして下図の様に非表示に設定します。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details711.png" width= "211" height="224" border="0" alt="レイヤーダイアログ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 14. レイヤーダイアログのレイヤーが表示されている部分の適当な場所で、右クリックをしてメニューを出し、「表示部分の結合」を選択します。 すると下図の様にレイヤーが統合されて、一番下のレイヤー名になるのが確認できます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details712.png" width= "211" height="224" border="0" alt="レイヤーダイアログ"> イメージを確認すると下図のようにレイヤー1に描画していた青丸が消えている事が確認できます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details713.png" width= "240" height="180" border="1" alt="サンプル画像"> ※　この操作を行なうと非表示設定にしていたレイヤーは削除されます。 これが「表示部分の結合」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 15. 次に「下のレイヤーと統合」の動作を見てみましょう。 動作を確認する前に操作をのアンドゥを実行して、下図の様に一つ前の状態に戻しておきます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details709.png" width= "211" height="224" border="0" alt="レイヤーダイアログ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 16. レイヤーダイアログのレイヤーが表示されている部分の適当な場所で、右クリックをしてメニューを出し、「画像の統合」を選択します。 すると下図の様にレイヤーが全て統合されて、一番下のレイヤー名になるのが確認できます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details714.png" width= "211" height="224" border="0" alt="レイヤーダイアログ"> イメージを確認すると下図のように全てのレイヤーが一つになって表示されている事が確認できます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details715.png" width= "240" height="180" border="1" alt="サンプル画像"> ※　この操作を行なうと非表示設定にしていたレイヤーは削除されます。 これが「画像の統合」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 17. 以上がレイヤーダイアログでの右クリックメニューの説明になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://picture.sub.jp/powerful/neo_newfeature/images_pbse/point01.png" width= "15" height="15" align="left"></td> <td> ツールオプションダイアログ内での右クリックメニュー</td> </tr> </table> 1. ツールオプションダイアログ内で右クリックすると下図のようなメニューが表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details716.png" width= "327" height="386" border="0" alt= "ツールオプションダイアログ"> このメニューは一部の設定項目のみ表示されます。 現在のところ ・自動選択－色の選択範囲 ・グラデーション－終了不透明度 ・塗りつぶし－色の範囲 以上の項目だけ有効になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 2. ここで各機能の説明をしておきます。 <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機　　能</td> <td width="520" align="center">解　　　　　説</td> </tr> <tr> <td width="160">元に戻す</td> <td width="520"> 修正後、ひとつ前の状態に戻すことが出来る機能</td> </tr> <tr> <td width="160">切り取り</td> <td width="520">選択した範囲を切り取る機能</td> </tr> <tr> <td width="160">コピー</td> <td width="520">選択した範囲をコピーする機能</td> </tr> <tr> <td width="160">貼り付け</td> <td width="520"> 切り取りやコピーしたデータを貼り付ける機能</td> </tr> <tr> <td width="160">削除</td> <td width="520">選択した範囲を削除する機能</td> </tr> <tr> <td width="160">すべて選択</td> <td width="520">選択したデータすべてを選択する機能</td> </tr> <tr> <td>右から左に読む</td> <td>※（注１</td> </tr> <tr> <td>Unicode 制御文字の表示</td> <td>※（注１</td> </tr> <tr> <td>Unicode 制御文字の挿入</td> <td>※（注１</td> </tr> <tr> <td width="160">IMEを開く</td> <td width="520">IMEを起動させる機能　※（注２</td> </tr> <tr> <td width="160">再変換</td> <td width="520">選択した文字列を再変換させる機能　※（注２</td> </tr> </table> （注１・・・　この項目は表示される場合と表示されない場合があります。 　　　　　　　お使いの環境により異なります。 　　　　　　　現在の所表示できる環境は下記の環境下で確認を取っています。 　　　　　　　・WinXP ＋ IME2002 （注２・・・　この項目は表示される場合と表示されない場合があります。 　　　　　　　お使いの環境により異なります。 　　　　　　　現在の所表示できる環境は下記の環境下で確認を取っています。 　　　　　　　・Winn2000 ＋ IME2000 　　　　　　　・WinXP ＋ IME2002　　以上 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 3. 各機能の使用感は、みなさまが実際に操作して頂いたほうが感覚がつかめますので、ここでは説明を省かせていただきます。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://picture.sub.jp/powerful/neo_newfeature/images_pbse/point01.png" width= "15" height="15" align="left"></td> <td> メニュー表示領域での右クリックメニュー</td> </tr> </table> 1. メニュー表示領域内で右クリックすると下図のようなメニューが表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details717.png" width= "246" height="239" border="0" alt="ダイアログ表示メニュー"> このメニューは各種メニューと各種ダイアログの表示・非表示を設定できるメニューです。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 2. ここで各機能の説明をしておきます。 <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機　　能</td> <td width="420" align="center">解　　　　　説</td> </tr> <tr> <td width="160">標準ツールバー</td> <td width="420"> 標準的に使用するメニューをアイコン表示で表示する</td> </tr> <tr> <td width="160">描画ツールバー</td> <td width="420"> 描画に必要なツールをアイコン表示で表示する</td> </tr> <tr> <td width="160">パレット</td> <td width="420">パレットダイアログを表示する</td> </tr> <tr> <td width="160">ビュー</td> <td width="420">ビューダイアログを表示する</td> </tr> <tr> <td width="160">レイヤー</td> <td width="420">レイヤーダイアログを表示する</td> </tr> <tr> <td width="160">アウトプット</td> <td width="420">アウトプットダイアログを表示する</td> </tr> <tr> <td width="160">ステータスバー</td> <td width="420">各種ステータス情報を最下段に表示する</td> </tr> <tr> <td width="160">カスタマイズ</td> <td width="420">カスタマイズダイアログを表示する</td> </tr> </table> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 3. 各種表示状態を確認してみましょう。 最初は「標準ツールバー」の表示を見てみましょう。 表示設定させると下図のように表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details718.png" width= "584" height="49" border="0" alt="標準ツールバー"> 表示はツールバーを独立させた時の状態です。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 4. 次に「描画ツールバー」の表示を見てみましょう。表示設定させると下図のように表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details719.png" width= "538" height="49" border="0" alt="描画ツールバー"> 表示はツールバーを独立させた時の状態です。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 5. 次に「パレットダイアログ」の表示を見てみましょう。 表示設定させると右図のように表示されます。 表示はツールバーを独立させた時の状態です。 Ver2.00 Beta5 からパレットダイアログにブラシ、RGB、サンプルのダイアログが統合されました。 下図がブラシダイアログになります。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details720.png" width= "251" height="274" border="0" alt="ブラシダイアログ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 6. 次がRGBダイアログになります。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/pallet701.jpg" width= "251" height="274" border="0" alt="RGBダイアログ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 7. 次がサンプルダイアログになります。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details720a.png" width="251" height="274" border="0" alt="サンプルダイアログ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 8. 次に「ビューダイアログ」の表示を見てみましょう。 表示設定させると下図のように表示されます。 表示はツールバーを独立させた時の状態です。 Ver2.00 Beta5 からビューダイアログにナビゲーション、ズーム、オプションのダイアログが統合されました。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details722.png" width= "266" height="386" border="0" alt="ナビゲーションダイアログ"> 上図がナビゲーションダイアログになります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 9. 次がズームダイアログになります。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details722a.png" width="266" height="386" border="0" alt="ズームンダイアログ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 10. 次がオプションダイアログになります。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details722b.png" width="266" height="386" border="0" alt= "ツールオプションダイアログ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 11. 次に「レイヤーダイアログ」の表示を見てみましょう。 表示設定させると下図のように表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details721.png" width= "211" height="224" border="0" alt="レイヤーダイアログ"> 表示はツールバーを独立させた時の状態です。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 12. 次に「アウトプットダイアログ」の表示を見てみましょう。 表示設定させると下図のように表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details724.png" width= "276" height="184" border="0" alt="アウトプットダイアログ"> 表示はツールバーを独立させた時の状態です。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 13. 次に「ステータスバー」の表示を見てみましょう。 表示設定させると下図のように表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details725.png" width= "653" height="18" border="0" alt="ステータスバー"> 表示は最下段に表示されます。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 14. 次に「カスタマイズダイアログ」の表示を見てみましょう。 表示設定させると下図のように表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details726.png" width= "492" height="322" border="0" alt="カスタマイズダイアログ"> これがカスタマイズダイアログの表示になります。 カスタマイズ画面の説明は、別途詳しくさせて頂きますので、そちらでご確認ください。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 15. 以上がメニュー表示領域内での右クリックメニューの説明になります。 また、この右クリックメニューは各種ダイアログ上部でも右クリックメニューとして表示されます。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="15"><img src= "http://picture.sub.jp/powerful/neo_newfeature/images_pbse/point01.png" width= "15" height="15" align="left"></td> <td> タブ領域での右クリックメニュー</td> </tr> </table> 1. タブ領域内で右クリックすると下図のようなメニューが表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details727.png" width= "388" height="193" border="0" alt= "タブ領域での右クリックメニュー"> このメニューはイメージファイルで使用される事が多いメニューを実装しています。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 2. ここで各機能の説明をしておきます。 <table border="1" cellspacing="0" cellpadding="0" bordercolor="#8080FF"> <tr bgcolor="#CCFFFF"> <td width="160" align="center">機　　能</td> <td width="450" align="center">解　　　　　説</td> </tr> <tr> <td width="160">閉じる</td> <td width="450">選択したイメージファイルを閉じる機能</td> </tr> <tr> <td width="160">上書き保存</td> <td width="450"> 選択したイメージファイルを上書きで保存する機能</td> </tr> <tr> <td width="160">名前を付けて保存</td> <td width="450"> 選択したイメージファイルを名前を付けて保存する機能</td> </tr> <tr> <td width="160">復帰</td> <td width="450"> 選択したイメージファイルのデータを復帰させる機能　（開いた時の初期状態に戻る）</td> </tr> <tr> <td width="160">印刷</td> <td width="450">選択したイメージファイルを印刷する機能</td> </tr> <tr> <td width="160">印刷プレビュー</td> <td width="450"> 選択したイメージファイルを印刷プレビューする機能</td> </tr> <tr> <td width="160">イメージの複製</td> <td width="450"> 選択したイメージファイルを複製して増やす機能</td> </tr> </table> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 3. では実際の動作を確認してみましょう。 最初に「閉じる」の動作を見てみましょう。 下図の様にサンプルとして2つのファイルを開いている状態で説明します。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details728.png" width= "348" height="214" border="0" alt="右クリックメニュー"> 閉じたい方のファイルのタブ上で右クリックをして、メニューの「閉じる」をクリックします <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 4. 閉じようとする画像に何か変更がある場合は閉じる前に下図のダイアログが表示されて注意を促します。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details729.png" width= "309" height="121" border="0" alt="注意ダイアログ"> 特に画像の変更点がない場合にはこのダイアログは表示されません。 変更した物を保存する場合は「はい」を、変更した物を保存したくない場合は「いいえ」を、閉じる動作を中止したい場合は「キャンセル」をクリックして処理を実行します。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 5. 処理が実行されると、下図の様に指定したファイルが閉じます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details730.png" width= "290" height="227" border="0" alt="サンプルイメージ"> これが「閉じる」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 6. 次に「上書き保存」の動作を見てみましょう。 上書き保存したいファイルのタブ上で右クリックをして、メニューの「上書き保存」をクリックします。 すると何事も無かったように元の画面に戻りますが、上書き保存は完了しています。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details731.png" width= "355" height="214" border="0" alt="サンプルイメージ"> これが「上書き保存」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 7. 次に「名前を付けて保存」の動作を見てみましょう。 名前を付けて保存したいファイルのタブ上で右クリックをして、メニューの「名前を付けて保存」をクリックします。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details732.png" width= "353" height="214" border="0" alt="サンプルイメージ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 8. すると下図のようなダイアログが表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details733.png" width= "656" height="390" border="0" alt="サンプルイメージ"> ここでファイル名を決めて、保存したいフォルダを指定して保存します。 これが「名前を付けて保存」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 9. 次に「復帰」の動作を見てみましょう。 処理を確認する前に、「sample2.pbx」ファイルに何か描画しておきます。 元々白紙のキャンバスに下図のような描画をしておきました。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details734.png" width= "257" height="214" border="0" alt="サンプルイメージ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 10. 復帰したいファイルのタブ上で右クリックをして、メニューの「復帰」をクリックします。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details735.png" width= "353" height="214" border="0" alt="サンプルイメージ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 11. すると下図のダイアログが表示され、編集中のイメージを破棄しても良いかどうか聞いてきます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details736.png" width= "221" height="121" border="0" alt="サンプルイメージ"> イメージを復帰したい場合は「はい」を、処理をキャンセルするには「いいえ」をクリックします。 ここでは処理を実行するので「はい」をクリックします。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 12. 処理が完了すると、下図の様に最初に開いた状態まで復帰することができる。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details737.png" width= "257" height="214" border="0" alt="サンプルイメージ"> この動作はアンドゥを繰り返しても行なえるが、この復帰動作を行なうことによって一発で最初の状態まで戻すことが可能になる動作です。 これが「復帰」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 13. 次に「印刷」の動作を見てみましょう。 印刷したいファイルのタブ上で右クリックをして、メニューの「印刷」をクリックします。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details739.png" width= "351" height="213" border="0" alt="サンプルイメージ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 14. すると下図のように印刷出力のダイアログが表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details740.png" width= "510" height="322" border="0" alt="サンプルイメージ"> 後は「OK」をクリックすると印刷することが可能です。 これが「印刷」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 15. 次に「印刷プレビュー」の動作を見てみましょう。 処理を確認する前に、「sample2.pbx」ファイルに何か描画しておきます。 元々白紙のキャンバスに下図のような描画をしておきました。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details738.png" width= "257" height="214" border="0" alt="サンプルイメージ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 16. 印刷プレビューしたいファイルのタブ上で右クリックをして、メニューの「印刷プレビュー」をクリックします。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details741.png" width= "354" height="214" border="0" alt="サンプルイメージ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 17. すると下図のように印刷プレビュー画面が表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details742.png" width= "574" height="425" border="0" alt="サンプルイメージ"> このようにプレビュー画面を見ることが出来ます。 各種ボタンの説明はここでは省かせては頂きますが、閉じる場合は「閉じる」ボタンをクリックするか、一番右上の×をクリックして下さい。 これが「印刷プレビュー」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 18. 次に「イメージの複製」の動作を見てみましょう。 イメージの複製したいファイルのタブ上で右クリックをして、メニューの「イメージの複製」をクリックします。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details743.png" width= "355" height="214" border="0" alt="サンプルイメージ"> <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 19. すると下図のようなダイアログが表示されます。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details744.png" width= "410" height="121" border="0" alt="サンプルイメージ"> 複製するファイルの名前を指定することが出来るダイアログです。 ここで名前を付けて「OK」で処理が実行され、「キャンセル」で処理を中止します。 ここではデフォルトの「sample2の複製」の名称のまま複製してみますので、そのまま「OK」をクリックして処理を実行します。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 20. ダイアログが閉じて処理が実行されると、下図の様に指定したファイルの複製が出来上がります。 <img src= "http://picture.sub.jp/powerful/neo_newfeature/images007/details745.png" width= "377" height="243" border="0" alt="サンプルイメージ"> これが「イメージの複製」動作になります。 <img src="http://picture.sub.jp/powerful/neo_tips/03_images/border01.png"> 21. 以上が右クリックメニューの紹介になります。 これらの機能を使ってさらに機能的に便利に使用できると思われますから、たくさん楽しんでください。

表示オプション

横に並べて表示：

変化行の前後のみ表示：