ストアアプリのXamlを解説
•
10 recomendaciones•5,864 vistas
Windowsストアアプリを中心にSilverlight、WPFでも使うXAMLについて紹介
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Similar a ストアアプリのXamlを解説
Similar a ストアアプリのXamlを解説 (20)
Más de Makoto Nishimura
Más de Makoto Nishimura (20)
ストアアプリのXamlを解説
- 7. XAMLとは？ 6 ・Extensible Application Markup Language EAML？ だと変だから頭だけ2文字目 extreme programmingもXPか
- 13. XAML入門-記法 12 XAMLは開始タグと終了タグを持つ ○<Button>ボタン</Button> ○<Button Content="ボタン" /> ×<ButtonContent="ボタン" >
- 14. XAML入門-プロパティ 13 XAMLは「プロパティ」を持つ <Button Content="ボタン" /> ButtonコントロールのContentプロパティに「ボタン」という 文字を指定している。 プロパティの一覧はMSDNで確認できます。 (参照)Button Class http://msdn.microsoft.com/ja-JP/library/windows/apps/windows.ui.xaml.controls.button
- 21. XAML入門-コンテンツプロパティ 20 ContentControlの定義をVisualStudioで確認すると・・・ (ContentControlの定義抜粋) [ContentProperty(Name = "Content")] [MarshalingBehavior(MarshalingType.Agile)] [Threading(ThreadingModel.Both)] [Version(100794368)] [WebHostHidden] public class ContentControl : Control {
- 22. XAML入門-コンテンツプロパティ 21 ContentControlの定義をVisualStudioで確認すると・・・ [ContentProperty(Name = "Content")] ContentProperty属性が”Content”だということがわかります。 このContentProperty属性がコンテンツプロパティとしてタグ とタグの間に記述できます。 ちなみにContentプロパティは・・・ public object Content { get; set; } object型なのでテキスト以外も指定できそうな推測できます。
- 24. XAML入門-コンテンツプロパティ 23 子要素を複数持てるCanvas、StackPanelなどコントロールは Panelを継承しています。 Panelのコンテンツプロパティは、 [ContentProperty(Name = "Children")] public UIElementCollection Children { get; }
- 25. XAML入門-コンテンツプロパティ 24 同じく子要素を複数持てるTextBlockは・・・ [ContentProperty(Name = "Inlines")] public InlineCollection Inlines { get; } ちょっと変わっていてInlineCollectionを持ちます。 Inlineを継承する改行(LineBreak)や段落(Run)がInlineCollection に指定できます。 (以下の名前空間のInlineを継承しているコントロールが該当) (参考)Windows.UI.Xaml.Documents http://msdn.microsoft.com/ja-jp/library/windows/apps/br209984.aspx
- 27. XAML入門-属性構文 26 これは属性構文という形で、 プロパティの値をいい感じに変換してくれているからです。 いい感じに変換できるもの プリミティブなやつ Integer, double, Booleanなど 文字列から変換かのうなやつ Color=“AliceBlue”とか イベントハンドラーなやつ Tapped=“hogeEventHandler”
- 28. XAML入門-マークアップ拡張 27 先述の属性構文以外の型もマークアップ拡張で指定可能に、 <Grid Background="{StaticResource ApplicationPageBackgroundThemeBrush}"> XAMLコードのプロパティで{ }に囲まれているものが 「マークアップ拡張」。 (参照)XAML のWindows ランタイム名前空間拡張子 http://msdn.microsoft.com/ja-jp/library/windows/apps/hh758289.aspx
- 29. XAML入門-マークアップ拡張 28 「マークアップ拡張」の種類 タイプ 概要 Binding データバインディング CustomResource カスタムリソースを指定 RelativeSource 相対的にバインディングのソースを 指定 StaticResource 静的なリソースを利用 TemplateBinding ControlTemplate でバインディング を指定 CustomResourceはストアアプリから導入されたマークアップ 拡張(・・・だけど実際に使ったことがない)
- 31. XAML入門-リソース 30 こんな感じでC#のクラスをインスタンス化することも (strプロパティを持ったHogeクラス) <Page.Resources> <my:Hoge str="hogeStr" x:Key="hogeKey" /> </Page.Resources>
- 32. XAML入門-スタイル 31 コントロールの外見やプロパティを定義する。 概念的にはCSSみたいなものと説明すると伝えやすいけど、 Templateの設定とかもできちゃうので、かなり定義できるこ とは幅広い <Style x:Key="BasicRichTextStyle" TargetType="RichTextBlock"> <Setter Property="Foreground"Value="{StaticResource ApplicationForegroundThemeBrush}"/> </Style>
- 36. XAML入門-データバインド 35 コントロールのDataContextにC#の値を代入する (XAMLでDataContextに値を指定する例) DataContext="{Binding DefaultViewModel, RelativeSource={RelativeSource Self}}“ (C#側でやる場合) this._viewModel = new QuizPageViewModel(); this._viewModel.init(); this.DataContext = this._viewModel;
- 37. XAML入門-データバインド 36 こういうコードがなくなる hogeText.Text = “コントロールのプロパティを直接変更”; コントロールがTextBlockだということに依存して良くない
- 38. XAML入門-データバインド 37 データバインドだとこうなる message = “C#上で値を変更”; <TextBlockText={Binding message} /> 直接TextBlockを操作しないので別のコントロールプロパティ でもOK
- 42. 41 (XAML) <Button Command=“{Binding restartCommand}” /> (C#) public ICommand restartCommand { get { return new RelayCommand<string>(async (p) => { }); } } C#側はコードビハインド以外にもハンドラーを書ける XAML入門-MVVM
- 48. 宣伝 47 Windows Phone ハンズオン勉強会やってます。 月1ぐらいのペースで平日の夜に勉強会やってます。 8～10人ぐらいで気軽にやっている勉強会なので ぜひ参加してみてください。
- 50. 49