今回は、今まで解說してきたsilverlight 4のサンプルで紹介しきれなかったものを、10回に亙ってtipsという形で紹介します。いろいろな表現方法を紹介していますので、きっと表現豊かなページ作成に役立つと思います。
第1回では、畫像の「裡」を表示するプログラムを紹介します。
今回の筆者の開発環境は、windows 7 professional+sp1、visual studio ultimate+sp1、expression blend4、silverlight 4です。
windows 7のsp1は下記urlよりダウンロードできます。
→ windows 7 および windows server 2008 r2 service pack 1
visual studio 2010のsp1は下記urlよりダウンロードできます。
→ microsoft visual studio 2010 service pack 1
以上を必要に応じてインストールしてください。
まず初めに、このプログラムで実裝する機能の動作を、下記に解說しておきます。通常、expression blend4（以下blend4）で、畫像等を180度反転させると、畫像が裡向きに透けて表示されます（図1）。このサンプルでは、[裡畫面へ]ボタンをクリックすると、畫像が反転し、何もない真っ黒な面に文字が表示された裡を表示させます。[表畫面へ]ボタンをクリックすると畫像が表示されます（図2）。
図1：通常は畫像を180度反転させると、畫像が裡向きに透けて表示される（クリックで拡大）
図2：畫像の裡面が表示される（クリックで拡大）
今回のサンプルは以下よりダウンロードできます。
→ 今回のサンプルファイル（963kb）
早速サンプルを作っていきましょう。本稿では開発言語にvisual basicを用います。
visual studio 2010（以下vs 2010）のメニューから[ファイル(f)／新規作成(n)／プロジェクト(p)]を選択します。次に、「silverlight アプリケーション」を選択して、「名前(n)」に任意のプロジェクト名を指定します。ここでは「sl4_imagefrontback」という名前を付けています。
ソリューションエクスプローラー內にimageというフォルダを作成して、「菜の花」の畫像と、裡面となる黒い畫像の2枚を追加しておきます。ダウンロードされたサンプル・ファイルには畫像は追加済みです。
要素のwidthに800、heightに600と指定します。ツールボックスからborder、grid、image、textblock、buttonコントロールを図3のように配置します。imageコントロールにはimageフォルダ內の畫像を指定します。xamlコードはリスト１のように書き出されます。
図3：border、grid、image、textblock、buttonコントロールを配置した（クリックで拡大）
リスト１ 書き出されたxamlコード（mainpage.xaml）
01（１）表（おもて）となる面には、要素內に要素を配置し、要素內にと要素を配置しています。それぞれの要素には任意のx:nameを指定しています。表となる要素にはimageborderというx:nameを付けています。
02
03（２）裡となる面には、（１）の要素以外に要素を配置しています。裡となる要素にはbackborderというx:nameを付けています。
04
05
06xmlns=""
07xmlns:x=""
08xmlns:d=""
09xmlns:mc=""
10mc:ignorable="d"
11d:designheight="300" d:designwidth="400" width="800" height="600">
12
13
14■（１）
15
16
17
18
19
20
21■（２）
22
23
24
25
26
27
28
29
次に、裡となる面を要素ごと表となる面の上に重ねます（図4）。
図4：表となる面に裡となる面を重ねる
裡の面が前面に表示されます。裡の面に該當する、borderコントロールのプロパティの[可視性]を展開して表示される、visibilityプロパティに、collapsedを指定して非表示としておきます。sp1の入っていないvs2010上では裡面が非表示になりませんが、blend4上では非表示となって表面（おもてめん）が表示されます。sp1の入ったvs2010ではvs2010上でも裡面が非表示になり、表面が表示されます。
ソリューションエクスプローラー內の、mainpage.xamlを選択し、マウスの右クリックで表示されるメニューの、「expression blendを開く(x)」を選択し、blend4を起動します。
count 1 裡的1表示什麼
count 1 其實就是計算一共有多少符合條件的行.1並不是表示第乙個字段,而是表示乙個固定值.其實就可以想成表中有這麼乙個字段,這個字段就是固定值1,count 1 就是計算一共有多少個1.同理,count 2 也可以,得到的值完全一樣,count x count y 都是可以的.一樣的理解方式....
第1回 V模型，我的完整詮釋
2006年07月23日 21 04 00 萬事開頭難，第一回起頭自然比較難，我選擇了 v模型，我的完整詮釋 作為開始。因為，軟體測試的思想方法是建立在軟體開發過程模型 思想 基礎之上，例如測試驅動開發 於敏捷開發思想。在這裡，也是假定 v模型是大家更好理解軟體測試思想和方法的基礎。現在談v模型，是否...
第1回 V模型，我的完整詮釋
萬事開頭難，第一回起頭自然比較難，我選擇了 v模型，我的完整詮釋 作為開始。因為，軟體測試的思想方法是建立在軟體開發過程模型 思想 基礎之上，例如測試驅動開發 於敏捷開發思想。在這裡，也是假定v模型是大家更好理解軟體測試思想和方法的基礎。現在談v模型，是否落後於時代？不一定，實際許多軟體過程思想是相...