23
22

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Blend for Visual Studio 2017 を試用してみた!

Posted at

#はじめに
Visual Studio 2017 にひっそり寄り添うように Blend for Visual Studio 2017 が添付されています。
Blend と言えば、最初は有料のツールで主に Silverlight の画面設計のためのデザイナー向けツールという位置づけだったかと思います。
その後、Silverlight が終了してしまい、現在はどうなっているのか試用してみました。

#Blend 2017 を開いてみる
スタートメニューから次のアイコンを探してクリックします。(Windows 10 なら Bグループにあります)

BlendIcon.png

起動すると、下のような画面が開きます。Visual Studio そっくりですが、微妙に違ってます。
Blend2017.png

ファイルメニューの「新規プロジェクト」から「新しいプロジェクト」ダイアログを開きます。テンプレートは実にシンプルです。

NewProject.png

「WPF アプリ」を選んでOKボタンをクリックすると、WPF アプリにデザイン画面が開きます。

Blend2017-p.png

#画面をデザインしてみる
画面のデザインは Visual Studio 同様、部品を貼り付けていく方式です。部品はデザイン画面の左隣に縦に並んでいます。

DesignWindow.png

これだけじゃ足りないと思いそうですが、一番下の >> ボタンをクリックすると隠れていた部品がずらりと出てきます。あまり数が多いのでどこに何があるのか覚えるのも大変そうです。

ToolBox.png

部品を貼り付けて適当に作った画面が下のイメージです。この画面では、「閉じる」ボタンをクリックしたとき、ウィンドウが閉じるだけですが、部品の色を変えたりアニメーションを行ったりいろいろできるようです。

DesignWindow2.png

#イベントハンドラを追加してみる
イベントハンドラを追加すればいろいろできそうですが、ここはお試しということで、ボタンをクリックしたらウィンドウを閉じるイベントハンドラを追加します。まず、ボタンの名前を付けなくてはなりませんが、プロパティウィンドウの一番上に「名前」があるので、そこにボタンの名前(ここでは btnClose)を入力します。

さらに「名前」横のカミナリマークをクリックすると、イベントハンドラ一覧が表示されるので、Click のところに btnClose_Click と入力します。

Property.png

「表示」メニューでコードを選ぶと、コード画面に切り替わります。コードを見ると、イベントハンドラが追加されているはずなので、処理として "Close();" を入力します。

private void btnClose_Click(object sender, RoutedEventArgs e)
{
    Close();
}

#実行してみる
実行してみると、下のイメージのように何やら見慣れない黒いボタンが表示されますが、これはビジュアル的ないろいろな確認に使うツールのようです。

RunApp1.png

このツールの下の方をクリックすると、下のイメージのように隠すことができます。

RunApp2.png

#使い道
業務系アプリケーションでは、地味な画面で十分なので通常 WPF は不要です。

Blend を使えば、デザインの労力はたいしたことがないので、強力な PowerPoint として使えます。もし、マクロを使うような PowerPoint プレゼンテーションを作るなら Blend を使うのも選択肢かもしれません。

電子看板などにも使えますね。きれいな画面と複雑なアニメーションを表現できます。

HTTP クライアント機能を組み込めば、単なる看板でなく対話型のアプリを作れます。ブラウザで複雑な JavaScript のプログラムを組むより C# や VB.NET のほうが開発効率も高いし、WPF の表現力も高いです。WPF は Direct-X ベースなのでスピードも速いはずです。

23
22
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
23
22

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?