SkyDrive へ移動
ダウンロードしたテンプレートは、『C:\Users\ユーザー名\Documents\Visual Studio 2012\Templates\ProjectTemplates\Visual C#\Windows Store』に保存します。 Windows Store フォルダは最初は存在しないので作成します( 好きな名前のフォルダでも Visual Studio から利用できます )左側のリストボックスをタップ(クリック)すると、右側のリストボックスが変化します。バインド元のデータを更新してリストボックスの表示に反映させる為に、アプリケーションバーの『設定』を実行します。ソースコード表示 仕様 ❶ Page.Resources で XAML 内で利用する文字列とListBox 用の DataTemplate を定義 ❷ テキストエリアを設置( リストボックス内の内容を入力して更新 ) ❸ AppBar を XAML で定義 (ボタンを左側2つ、右側2つ定義) ❹ それぞれのボタンにイベントを定義 ❺ ListBox のデータバインド用に ListMain、ListItem、ListItem2 クラス ❻ ListBox のタップイベントを別のソースコードに定義( partial ) ❼ TextResource.cs に、StaticResource 用のクラスを定義 ❽ デザイン時の表示用に ListMainDesignData.xaml を用意 プロジェクト用固定文字列と ListBox 用テンプレート
<Page.Resources>
<local:TextResource
x:Key="GlobalText"
PageTitle="ListBox テンプレート"
AppName="lightbox サンプルアプリケーション" />
<!-- ListBox 用ビジュアル定義 -->
<DataTemplate
x:Key="ListBox2Item">
<StackPanel
Margin="0,0,0,4"
Width="432"
Height="45">
<TextBlock
Text="{Binding id}"
TextWrapping="Wrap" />
<TextBlock
Text="{Binding name}"
TextWrapping="Wrap"
Margin="12,-6,12,0"
FontSize="24" />
</StackPanel>
</DataTemplate>
</Page.Resources>
ListBox(繰り返しコントロール) 特有のもの
DataTemplate
リストボックスの表示部分の XAML 定義を DataTemplate として定義しておいて、ListBox 側の属性定義で実装しています( ItemTemplate="{StaticResource ListBox2Item}" )
DataContext
データバインドの大元となる ListMain クラスは、MainPage クラスでインスタンスを作成して、ListBox の DataContext に設定しています。XAML 側では、『ItemsSource="{Binding Items}"』でバインドされますが、実際の明細データは、Items の中に入る ListItem2 クラスが使用されます。
デザイン時のデータ定義
デザイン時に、ListBox の表示が可能なように、XAML 定義でデータ用のクラスを定義して、MainPage の XAML で設定しています。『d:DataContext="{d:DesignData ListMainDesignData.xaml}"』
|
|
【Win8 ストアアプリの最新記事】
- C# : HttpClient で Post と Get する汎用 static クラス
- Win8.1 ストアアプリ(JS) : Visual Studio 2013 で Three.js(v65) の WebGLRenderer の動作を確認しました
- WinJS ストア : Three.js を組み込んで、『画像を飛ばす』テンプレート( Bird.js を利用 )
- WinJS ストア : 『背景画像をチェンジする２画面アプリ』のテンプレート
- VS2012ストア(C#) : WebView テンプレート
- VS2012(C#)ストア : ListView Twitter 検索テンプレート
- イラストを背景にして２ページの画面遷移を解りやすくした Windows Store テンプレート
- Twitter API の自分のアプリのトークンを使って投稿するだけの class VS2012_Twitter
- Win8 ストア(C#) / PDF viewer sample (Windows 8.1)
- ストアアプリの TextBox のスクロールバー
- Win8 ストアアプリの、メモリ上にページを残す画面遷移と、前画面のコントロールの参照
- Win8 ストアアプリで、『選択肢を応答するダイアログ』を簡単に使うための MessageBox クラス
- Win8 ストアから Post 投稿
- Win8ストア XAML の AppBarButtonStyle のContent に指定する 16進数 Unicode の取得
- Win8 ストア : UrlEncode と UrlDecode
- Win8 ストア : HttpClient + XDocument で RSS の取得
- Win8 ストア : ファイルアクセス テンプレート
- Win8 ストア : ストアブランク テンプレート
- AppBar テンプレート / Win8 ストアアプリ(C#)
- Windows ストアアプリの AppBar を作成してテストする
