Silverlight 4 いろいろTips集

記事一覧

Silverlight 4 いろいろTips集
X軸を中心に画像が回転して入れ替わる

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

PROJECT KySS

2011年5月31日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集
アニメーションを伴ったページナビゲーション

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

PROJECT KySS

2011年5月30日 20:00

  • 開発ツール
  • 技術解説

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

2011年5月25日 20:00

  • 開発ツール
  • 技術解説

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

2011年5月24日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集
スライドによるページナビゲーション

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

PROJECT KySS

2011年5月23日 20:00

  • 開発ツール
  • 技術解説

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

2011年5月18日 20:00

  • 開発ツール
  • 技術解説

カードがめくられるように数値を表示する

まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面が表示されると、カードが折りたたまれ、加算された数値が表示されます。背面のカードに加算された数値が表示されており、折りたたまれると加算された数値が前面に表示されます(図1)。数値は60まで加算され、60に達する、とまた1

PROJECT KySS

2011年5月17日 20:00

  • 開発ツール
  • 技術解説

Silverlight 4 いろいろTips集
特殊効果(Radial Blur)を伴った画像の切り替え

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

PROJECT KySS

2011年5月16日 20:00

  • 開発ツール
  • 技術解説

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

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

PROJECT KySS

2011年5月10日 20:00

  • 開発ツール
  • 技術解説

画像の裏を表示する

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

PROJECT KySS

2011年5月9日 20:00

  • 開発ツール
  • 技術解説

人気記事トップ10

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