mvp community camp 2014 - how to useenhanced features of windows 8.1 store apps
DESCRIPTION
How to useenhanced features of Windows 8.1 Store AppsTRANSCRIPT
![Page 1: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/1.jpg)
How to useenhanced features of Windows 8.1 Store Apps
2014/03/18
Microsoft MVP for Visual Basic
Akira Hatsune
知って得するWindows ストアアプリ開発の8.1 強化ポイント
![Page 2: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/2.jpg)
Agenda
1. Major changes of the Windows 8.1 Store app
2. Enhanced point of the new template
3. Changed point of traditional template
4. Enhanced point of Blend 2013
![Page 3: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/3.jpg)
Major changes of the Windows 8.1 Store app
![Page 4: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/4.jpg)
Points!
1. ViewState
2. In-app search method
3. New API
![Page 5: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/5.jpg)
Obsolete of Viewstate8.0:ViewState property
• Value
– FullScreenLandScape
– FullScreenPortrait
– Filled
– Snapped
8.1:ApplicationView Class
• Property
– IsFullScreen
– Orientation
– AdjacentToLeftDisplayEdge
– AdjacentToRightDisplayEdge
![Page 6: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/6.jpg)
Impact on the application implementation• 8.0:Full/Fill/Snapped • 8.1:
Snapped Fill AdjacentToLeftDisplayEdge AdjacentToRightDisplayEdge
![Page 7: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/7.jpg)
Changes in-app search method8.0: Search charm 8.1: SearchBox Control
SearchBox ControlSearch Charm
Search logic Search logic
CALL
CALL
![Page 8: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/8.jpg)
New APIUser interface
Fundamentals
Devices Graphics and media Communications and data Services
Geo-location
Proximity
Direct3D Direct2DDirectWrite
PlayTo
Contracts
Bing
AzureMobile
HTML5/CSS XAMLInput Controls
Authentication
Bluetooth
USB
HID WiFi direct
Point of service
3Dprinting
Scanning
WebGL
HTTP
Contacts
Appoint-ments
Speech synthesis
Diagnostics
Portable
Sensors Playback Capture
Printing
SVGCanvas
Local storage
SMS
StreamsBackground
transfer
Syndication Networking
XML and JSON
Skydrive
Live tiles and toast
Accessibility Data binding
Application services
Threading timers
Memory management
Globalization Cryptography
Xbox Live
NEW
![Page 9: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/9.jpg)
New APIUser interface
Fundamentals
Devices Graphics and media Communications and data Services
Geo-location
Proximity
Direct3D Direct2DDirectWrite
PlayTo
Contracts
Bing
AzureMobile
HTML5/CSS XAMLInput Controls
Authentication
Bluetooth
USB
HID WiFi direct
Point of service
3Dprinting
Scanning
WebGL
HTTP
Contacts
Appoint-ments
Speech synthesis
Diagnostics
Portable
Sensors Playback Capture
Printing
SVGCanvas
Local storage
SMS
StreamsBackground
transfer
Syndication Networking
XML and JSON
Skydrive
Live tiles and toast
Accessibility Data binding
Application services
Threading timers
Memory management
Globalization Cryptography
Xbox Live
NEW
Enhanced to Device Connectivity
![Page 10: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/10.jpg)
Connection to EV3, use Bluetooth LE
Bluetooth LELEGO
MINDSTORMEV3
WindowsStoreApps
![Page 11: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/11.jpg)
1. Obsolete of Viewstate
2. Changes in-app search method
3. Add New API
![Page 12: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/12.jpg)
Enhanced point of the new template
![Page 13: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/13.jpg)
New template
• Hub App Template
![Page 14: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/14.jpg)
Hub App template• 2012 Template • 2013 Template
NEW !
![Page 15: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/15.jpg)
by using Hub... Hub
![Page 16: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/16.jpg)
Point 1 - Multi SectionSection 1 Section 2 Section 3
![Page 17: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/17.jpg)
Point 2 - Different designs for each section
Image Map Listbox
![Page 18: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/18.jpg)
Point 3 - Both Scroll (vertical scroll for each section)
Horizon Scroll
vert
ical
Scr
oll
vert
ical
Scr
oll
vert
ical
Scr
oll
asynchronous
![Page 19: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/19.jpg)
Changed point of traditional template
![Page 20: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/20.jpg)
Template that exists from VS2012
• Grid App Template
• Split App Template
![Page 21: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/21.jpg)
2013 TemplateMainPage.xaml.vb
2012 TemplateMainPage.xaml.vb
LayoutAwarePage Class
Inherits base class of MainPage has changed
DefaultViewModel
ObservableDictonary
Page Class
DefaultViewModel
ObservableDictonary
Page Class
IN base classCan not delete
OUT of base classCan delete(e.g. don’t use)
![Page 22: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/22.jpg)
How to save the state has changed2012 Template
• Overrides LoadState
• Overrides SaveState
2013 Template
• NavigationHelper_LoadState
• NavigationHelper_SaveState
LayoutAwardPageLoadStatemethod
SaveStatemethod
Inh
erit
s
ove
rrid
es
ove
rrid
es
NavigationHelper
even
t
even
t
LoadState SaveState
![Page 23: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/23.jpg)
• The developer can make the application that was fitted with Windows 8.1 with Hub App Template.
• The traditional template, performance can be improved and have been shape-up in VS2013 Template.
• You make an application in the new template.
![Page 24: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/24.jpg)
Enhanced point of Blend 2013
![Page 25: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/25.jpg)
Blend for Visual Studio 2013
Blend 2012 Blend 2013
Behavior none ✔
Create sample data none ✔
![Page 26: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/26.jpg)
サポートされているBehaviorclass description
CallMethodAction Represents an action that calls a method on a specified object when invoked.
ChangePropertyAction Represents an action that will change a specified property to a specified value when invoked.
ControlStoryboardAction Represents an action that will change the state of the specified Storyboard when executed.
GoToStateAction Represents an action that will transition a FrameworkElement to a specified VisualState when executed.
InvokeCommandAction Executes a specified ICommand when invoked.
NavigateToPageAction Represents an action that switches the current visual to the specified Page.
PlaySoundAction Represents an action that will play a sound to completion.
DataTriggerBehavior Represents a behavior that performs actions when the bound data meets a specified condition.
EventTriggerBehavior Represents a behavior that listens for a specified event on its source and executes its actions when that event is fired.
IncrementalUpdateBehavior Represents a behavior that allows incremental updating of ListView and GridView contents to support faster updating.
![Page 27: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/27.jpg)
If you can use the Behaviors....<mediaelement x:name="myME" source="ms-appx:///Video/Through.mp4">
<button content="play">
<interactivity:interaction.behaviors>
<core:eventtriggerbehavior eventname="Click">
<core:callmethodaction targetobject="{Binding ElementName=myME}"
methodname="Play"/>
</core:eventtriggerbehavior>
</interactivity:interaction.behaviors>
</button>
adding interactivity to your apps.
![Page 28: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/28.jpg)
Sample data can be created by generated from an existing class
SampleDataDesignInstance orStatic Resource
![Page 29: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/29.jpg)
• Store Application Developers can design Apps with the motion/animation (such as animated buttons.) only defining XAML as well as using the Behavior.
• Sample data generation function allows developers to design Apps even while writing the code, run, deploy, App design fix, with Sample data.
• Developers, Let's try Blend 2013 and find/feel enhanced function to design XAML. Visual Studio is useful but Blend 2013 is more superior!
![Page 30: MVP Community Camp 2014 - How to useenhanced features of Windows 8.1 Store Apps](https://reader034.vdocuments.us/reader034/viewer/2022052504/54bb86924a7959372d8b4573/html5/thumbnails/30.jpg)
See you...