XAMLとC#の関係

1,226 views

Published on

0 Comments
4 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,226
On SlideShare
0
From Embeds
0
Number of Embeds
283
Actions
Shares
0
Downloads
6
Comments
0
Likes
4
Embeds 0
No embeds

No notes for slide

XAMLとC#の関係

  1. 1. XAMLとC#の関係 蜜葉 優
  2. 2. • WebでいうHTML+CSS • UI、主に画面を作るためのもの • アニメーション • 静的なリソースの定義 • インタラクション • アプリ開発をするときにC#/VBと一緒に登 場する XAML
  3. 3. • WebでいうJS • 処理 • 通信したり • データを取得したり • 変更したり • もちろん単体でもつかえる C#/VB
  4. 4. XAML 画面屋さん デザイナ C#/VB 処理屋さん プログラマ
  5. 5. • WPF • Silverlight • Windows Phone • Windows Store Apps • いわゆる最近のアプリ XAMLで作れる
  6. 6. • コンソールアプリケーション • WPF • Silverlight • Windows Phone • Windows Store Apps • クラスライブラリ • Windows Formアプリケーション • ASP.NETとかとか • ウェブに、サーバサイドに、アプリに、コンソールに C#/VBで作れる
  7. 7. • Helloボタン をクリックしたら、Worldに変更する アプリでの関係
  8. 8. • Helloボタンを表示 -> UI • ボタンがクリックされたら何かしてほしい -> UI • Worldに書き換える -> 処理 アプリでの関係
  9. 9. • HelloってContentが表示されたButton(XAML) • ButtonがClickされたら(XAML) • ButtonのContentをWorldに変更する(C#) アプリでの関係
  10. 10. • XAML • <Button x:Name=“button” Content=“Hello” Clicked=“button_Cliked”> ! • C# • public void button_Clicked(s,e){
 button.Content = “World”;
 } アプリでの関係
  11. 11. 基本的に画面が何かされたら、 何か処理する
  12. 12. • ロードされたら • クリックされたら • 右クリックされたら • タップされたら • カーソルが上にのったら • ドラッグされたら • キーが入力されたら etc… イベントドリブン
  13. 13. • ContentにHelloPropertyが表示されたButton(XAML) • ButtonがClickされたら(XAML) • HelloPropertyをWorldに変更する(C#) アプリでの関係2
  14. 14. • XAML • <Button x:Name=“button” Content=“{Binding HelloProperty}” Clicked=“button_Cliked”> • C#
 public string HelloProperty {get;set;}
 HelloProperty = “Hello”;
 public void button_Clicked(s,e){
 HelloProperty=“World”;
 } アプリでの関係2
  15. 15. 実例
  16. 16. • インターネットからXMLを取得する • XMLを加工して、プロパティに設定する • アプリにデータを保存する • アプリに保存しておいたデータを取得する • 保存しておいたデータを加工して、プロパティに設定する • データを保存する • 月齢を計算して、プロパティに設定する • リストを指定の位置までスクロールする • ブラウザを開く C#/VB
  17. 17. • テキストを表示する • タイルを表示する • タイルがタップされたら処理する • アニメーションを設定する • アニメーションを始める XAML
  18. 18. • インターネットから • XML • アプリにデータを • アプリに る • 保存 パティに • データを • 月齢 • リストを • ブラウザを C#/VB • テキストを • タイルを • タイルがタップされたら • アニメーションを • アニメーションを XAML ばらばらにつくって、 くっつけてアプリに
  19. 19. 実例
  20. 20. • XNAでゲーム画面を作成する • 当たり判定とか • 加速度センサで移動とか • SEを鳴らしたりとか プログラマ
  21. 21. • BGMを作る(GarageBand) • SEを作る(GarageBand) • 画像を作る(Ps/Ai) • スタート画面をつくる(XAML) • how to画面を作る(XAML) デザイナ
  22. 22. • アプリを作るにはXAMLが絶対必要 • 処理が必要のないアプリがXAMLだけで開発できる • たとえば絵本とか履歴書とか • ちなみにちょっとXAMLでプログラムっぽいこともできる
 (中級・あるいは興味があれば) • とはいえ処理が必要になったら、もちろんC#が必要 アプリ次第で
  23. 23. • どんな機能が必要か • どういう風に実装するか • どんなライブラリが有効か • どう書けば綺麗か C#/VB XAML • どんな画面にするか • 何画面必要か • どうすれば魅力的か • どうすれば使いたくなるか • どうすれば使いやすいか どうすればくっつけやすいか

×