PROJECT KySS の記事(新着順)

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

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

PROJECT KySS

2011年5月30日 20:00

Silverlight 4 いろいろTips集
ボタンが開閉するアコーディオンメニュー

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

PROJECT KySS

2011年5月25日 20:00

Silverlight 4 いろいろTips集
ListBoxのスタイル変更と選択された項目データの表示

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

PROJECT KySS

2011年5月24日 20:00

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

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

PROJECT KySS

2011年5月23日 20:00

Silverlight 4 いろいろTips集
画像のドラッグ&ドロップによるRippleEffect特殊効果

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

PROJECT KySS

2011年5月18日 20:00

Silverlight 4 いろいろTips集
カードがめくられるように数値を表示する

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

Silverlight 4 いろいろTips集
マウスクリックによるRippleEffect特殊効果

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

PROJECT KySS

2011年5月10日 20:00

Silverlight 4 いろいろTips集
画像の裏を表示する

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

PROJECT KySS

2011年5月9日 20:00

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

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

PROJECT KySS

2011年4月28日 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を使う、特殊効果を伴ったコントロールの表示(後編)

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

PROJECT KySS

2011年4月21日 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による特殊効果を伴った画像表示

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

PROJECT KySS

2011年4月14日 20:00

ビヘイビアで動きのあるページを作ろう(Silverlight4+Expression Blend4)
GotoStateActionアクションを使ってトリガーを指定する

GoToStateActionアクションを使用することで、指定の表示状態をアクティブにするトリガーを適用できます。では、まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。ページが表示されると5枚の画像が、アコーディオンのように展開表示されます(図1)。[実行]ボタンが[リセッ

PROJECT KySS

2011年1月25日 20:00

ビヘイビアで動きのあるページを作ろう(Silverlight4+Expression Blend4)
画像のドラッグ機能を追加するMouseDragElementBehavior

MouseDragElementBehaviorビヘイビアを使うと、画面上での要素のドラッグ機能を、簡単に追加することができます。では、まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面上には1枚の画像が表示されています。画像上にマウスカーソルを乗せると、画像が少し透明化

PROJECT KySS

2011年1月24日 20:00

ビヘイビアで動きのあるページを作ろう(Silverlight4+Expression Blend4)
ListBox間を画像がアニメーションを伴って行き来する

では、まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。画面上には2つのListBoxが表示されています。左のListBoxには画像の一覧が表示されています。任意の画像を選択し、[>>]ボタンをクリックすると、右のListBoxにアニメーションを伴って画像が移動します。元のL

PROJECT KySS

2011年1月18日 20:00

ビヘイビアで動きのあるページを作ろう(Silverlight4+Expression Blend4)
ListBoxの画像を飛び出すアニメーションで拡大表示する

では、まず初めに、このプログラムで実装する機能の動作を、下記に解説しておきます。ListBoxに表示されている画像一覧から、任意の画像をクリックすると、選択された画像が飛び出すように拡大表示されます (図1)。

PROJECT KySS

2011年1月17日 20:00

ビヘイビアで動きのあるページを作ろう(Silverlight4+Expression Blend4)
ブラウザ上で複数の画像を自動的に並び替える

今日から5回に亘って、ビヘイビアを用いた、動きのあるページのサンプルを作っていきます。解説の手順に従って、皆さんにも、ぜひ作成実行をしていただきたいと思います。では、ビヘイビアの1つである、FluidMoveBehaviorビヘイビアを使って、動きのあるページを作ってみましょう。FluidMoveB

PROJECT KySS

2011年1月11日 20:00

Silverlight 4でWCF RIA Servicesを使う
DataGridコントロールへの新規データの追加

最終回の今回は、DataGridに新規データを追加する処理を作成します。入力ボックスがDataGridの下方に表示され、データを入力して[追加]ボタンをクリックすると、DataGridに新規データが追加されます。はじめに、第2回の図16の[更新]、[キャンセル]ボタンの横に、[追加]ボタンを追加しま

PROJECT KySS

2010年11月19日 20:00

126 記事中 81 ~ 100 を表示

人気記事トップ10

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