Expression Blend 4 とは 意味/解説/説明

全 14 記事中 1 ~ 14 を表示中

状態の追加とTransitionEffectによる特殊効果(Silverlight4+Expression Blend4) TransitionEffectによる特殊効果を伴った画像表示

今回はExpression Blend 4(以下Blend4)に実装されているTransitionEffectを使って、画像に対して特殊効果を持たす処理を全5回に亘って解説します。筆者の環境は、Windows 7 Professional 32ビット+ SP1、Visual Studio 2010

PROJECT KySS

2011年4月14日 20:00

  • 開発ツール
  • 技術解説

状態の追加とTransitionEffectによる特殊効果(Silverlight4+Expression Blend4) TransitionEffectを使う、特殊効果を伴ったコントロールの表示(前編)

今回のサンプルは、解説が長くなるため、前編と後編の2回に亘って、1つのサンプルについて解説します。まず初めに、このサンプルで実装する機能の動作を、下記に解説しておきます。Expression Blend 4(以下Blend 4)に実装されているTransitionEffectのPixelateを使

PROJECT KySS

2011年4月19日 20:00

  • 開発ツール
  • 技術解説

状態の追加とTransitionEffectによる特殊効果(Silverlight4+Expression Blend4) TransitionEffectを使う、特殊効果を伴ったコントロールの表示(後編)

前編では、ListBox、DataGridコントロールにデータをバインドし、動作を確認するところまでを解説しました。後編では、RichTextBoxコントロールへのデータ表示について解説した後、Blend4上でTransitionEffectを使って、これらのコントロールに特殊効果を与える方法を解

PROJECT KySS

2011年4月21日 20:00

  • 開発ツール
  • 技術解説

状態の追加とTransitionEffectによる特殊効果(Silverlight4+Expression Blend4) Blend 4での特殊効果を使った選択画像の表示方法

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。Expression Blend 4(以下Blend 4)に実装されているTransitionEffectのSlideInを使って、画像を表示します。画面上には画像と画像名の一覧が表示されたListBoxコントロールがありま

PROJECT KySS

2011年4月26日 20:00

  • 開発ツール
  • 技術解説

状態の追加とTransitionEffectによる特殊効果(Silverlight4+Expression Blend4) 画像を鏡に映したように表示する

今回のサンプルでは、TransitionEffectは使用していません。状態の追加のみを使用しています。表示されている画像をクリックすると、回転して下方に倒れ、OpacityMaskのかかった画像が鏡に映したように表示されます。OpacityMaskプロパティでは、オブジェクトの領域の不透明度を変

PROJECT KySS

2011年4月28日 20:00

  • 開発ツール
  • 技術解説

画像の裏を表示する

今回は、今まで解説してきたSilverlight 4のサンプルで紹介しきれなかったものを、10回に亘ってTipsという形で紹介します。いろいろな表現方法を紹介していますので、きっと表現豊かなページ作成に役立つと思います。第1回では、画像の“裏”を表示するプログラムを紹介します。今回の筆者の開発環境

PROJECT KySS

2011年5月9日 20:00

  • 開発ツール
  • 技術解説

マウスクリックによるRippleEffect特殊効果

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。RippleEffectは、画像に波紋をシミュレートする効果です。画面に表示されている画像やタイトルをマウスでクリックすると、クリックした点を中心に波紋が広がる効果を得られます(図1)。

PROJECT KySS

2011年5月10日 20:00

  • 開発ツール
  • 技術解説

特殊効果(Radial Blur)を伴った画像の切り替え

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面上の[]ボタンをクリックすると、Radial Blur特殊効果を伴って、画像が前の画像、次の画像に切り替わります。クリックしたボタンには、現在の画像の順番が表示されます。Radial Blurは、放射状に伸びる光線のよう

PROJECT KySS

2011年5月16日 20:00

  • 開発ツール
  • 技術解説

画像のドラッグ&ドロップによるRippleEffect特殊効果

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。上段に少し大きめの画像が、下段には複数の小さめの画像が配置されています(図1)。上段の画像を下段の画像の集団にドラッグ&ドロップすると、画像のサイズが、RippleEffect効果を伴って、下段内の画像のサイズと同じになりま

PROJECT KySS

2011年5月18日 20:00

  • 開発ツール
  • 技術解説

スライドによるページナビゲーション

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面左上方に表示された、「平家物語」と「方丈記」のリンクをクリックすると、フレーム内が左から右に向かってスライドして(図1)、作成しておいた該当ページにナビゲートし、クリックした物語の冒頭の文言が表示されます(図2)。

PROJECT KySS

2011年5月23日 20:00

  • 開発ツール
  • 技術解説

ListBoxのスタイル変更と選択された項目データの表示

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面には、スタイルの変更されたListBox内に、項目名が表示されています(図1左)。ListBoxのスクロールサムは両端が丸められ、スクロールアローは円で表示されています。スクロールサムをクリックすると、背景色が変わります

PROJECT KySS

2011年5月24日 20:00

  • 開発ツール
  • 技術解説

ボタンが開閉するアコーディオンメニュー

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面には、画像とタイトルの表示されたボタンが5個並んでいます。ボタンの上にマウスカーソルを乗せると、ボタンの背景色が変化します(図1左)。ボタンをクリックすると、ボタンがアコーディオンのように展開されてテキストが表示されます

PROJECT KySS

2011年5月25日 20:00

  • 開発ツール
  • 技術解説

アニメーションを伴ったページナビゲーション

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面に表示された、「平家物語」と「方丈記」のリンクをクリックすると、先に表示されていたページが背後に倒れ、前面からクリックされたページが起き上がるように表示されます。ページには物語の冒頭の文言が表示されています(図1)。

PROJECT KySS

2011年5月30日 20:00

  • 開発ツール
  • 技術解説

X軸を中心に画像が回転して入れ替わる

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面に表示された、3分割された画像の1枚をクリックすると、クリックされた画像がX軸を中心に回転し、全てクリックすると、最初の画像とは異なった1枚の画像になります(図1)。

PROJECT KySS

2011年5月31日 20:00

  • 開発ツール
  • 技術解説

人気記事トップ10

人気記事ランキングをもっと見る