SQLの窓

2013年05月03日


AppBar テンプレート / Win8 ストアアプリ(C#)

SkyDrive へ移動

ダウンロードしたテンプレートは、『C:\Users\ユーザー名\Documents\Visual Studio 2012\Templates\ProjectTemplates\Visual C#\Windows Store』に保存します。

Windows Store フォルダは最初は存在しないので作成します( 好きな名前のフォルダでも Visual Studio から利用できます )
ソースコード表示 仕様 ❶ Page.Resources で XAML 内で利用する文字列を定義 ❷ AppBar を XAML で定義 ❸ ボタンを左側3つ、右側2つ定義 ❹ それぞれのボタンにイベントを定義 ❺ 保存ボタンのイベントで、MessageDialog の利用サンプルを実装 ❻ MessageDialog のイベントを別のソースコードに定義( partial ) ❼ TextResource.cs に、StaticResource 用のクラスを定義 ❽ AutomationProperties を XAML とコードで使用して、ボタンの文字列を動的に変更
<Page.Resources>
	<local:TextResource
		x:Key="GlobalText"
		PageTitle="AppBar テンプレート"	/>
</Page.Resources>

<TextBlock
	HorizontalAlignment="Left"
	Height="61"
	Margin="76,60,0,0"
	TextWrapping="Wrap"
	Text="{Binding Source={StaticResource GlobalText},Path=PageTitle}"
	VerticalAlignment="Top"
	Width="1090"
	FontSize="40"
	FontWeight="Bold"
	FontFamily="Meiryo"
	/>
Page.Resources 内で定義している、local:TextResource は、XAML 内でクラスからインスタンスを作成する方法です。作成されたオブジェクトは、XAML 内で(ここでは) GlobalText の名前で参照されて利用されます。
( local は、『xmlns:local="using:LBOX_AppBar"』で定義 )

PageTitle="AppBar テンプレート" の記述では、TextResource クラスに定義されたプロパティ(PageTitle)にデータをセットしています。そして、利用側では Binding によって、オブジェクトの設定済みのプロパティを参照しています。
public class TextResource
{
	public string PageTitle { get; set; }
}

AutomationProperties

ボタンの文字列は、Style に定義した『StaticResource SaveAppBarButtonStyle』によって決定していますが、もともとのボタンのテキストでは無いので、AutomationProperties 経由で変更します。
<Button
	x:Name="SaveButton"
	AutomationProperties.Name="保存"
	Grid.Column="1"
	HorizontalAlignment="Stretch"
	VerticalAlignment="Stretch"
	Style="{StaticResource SaveAppBarButtonStyle}"
	Click="SaveButton_Click"
	/>

-----------------------------------------------------------------

// *************************************************
// メールボタンをロード時に、表示文字列を変更する
// *************************************************
private void MailButton_Loaded(object sender, RoutedEventArgs e)
{
	AutomationProperties.SetName(sender as Button, "メール");
}



【Win8 ストアアプリの最新記事】
posted by lightbox at 2013-05-03 08:23 | Win8 ストアアプリ | このブログの読者になる | 更新情報をチェックする
container 終わり



フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

CSS ドロップシャドウの参考デモ
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり