1. MVVM UI

2. [Yuki Izumoto] Microsoft MVP for Client Development Web:http://c-mitsuba.com Windows 8 UI / UX profile 3. Windows 8.1 RTM + Blend for VS 2013 RC 4. RTM + RC 5. UI Behavior 6. Behavior Windows Form UI = XAML WPF / SL / WP 7. 8. Button Click Rectangle Visibility Visible 9. https://dl.dropboxu sercontent.com/u/ 1321204/BlendBe havior.docx 10. private void buttonPanel_Loaded(object sender, System.Windows.RoutedEventArgs e) { var RandomList = buttonPanel.Items.OrderBy(i => Guid.NewGuid()).ToArray(); buttonPanel.ItemsSource = null; foreach(var item in RandomList) { buttonPanel.Items.Add(item); } } 11. Behavior Windows Store Apps 8.1 12. WPF / SL / WP 13. Windows Store Apps Behavior Behavior TriggerBehavior = Action = 14. TriggerBehavior Behavior Action Button Click 15. Action = Rectangle Visibility Visible 16. TriggerBehavior EventTriggerBehavior ClickTappedKeyDownLostFocus etc... DataTriggerBehavior Data (Control.PropertyViewModel DataContext EqualNotEqualLessThan etc... Value 17. Action ChangePropertyAction ControlStoryboardAction GoToStateAction VisualState InvokeCommandAction Command NavigateToPageAction PlaySoundAction 18. Control GridViewItem EventTriggerBehavior = Tap ChangePropertyAction = IsSelectedOn ChangePropertyAction = ImageOpacity60 EventTriggerBehavior = MouseEnter ControlStoryboardAction = Storyboard1Play PlaySoundAction = SE.mp3Play 19. Demo 20. 21. Behavior TriggerBehavior = ElementBinding = = ElementBinding Action = Property = Property DataBindingElementBindingConverter UIXAML 22. EventTriggerBehavior ChangePropertyAction NavigateToPageAction ControlStoryboardAction 23. ElementBindingControl x:Name x:Name = rectangle1 XAML 24. Behavior UIxaml.cs UIVM VM XAML XAML MVVMView XAML