2013/11/14 於松仁路7號台灣微軟進行之 MSDN 講座

1. 蔡孟儒 Microsoft Taiwan
鐘俊次 Microsoft MVP
2013/11/14

2. Windows 8.1 自 2013/10/18 全球推出以
來…
Source: NetMarketShare.com
http://www.netmarketshare.com/operating-system-market-share.aspx?qprid=10&qpcustomd=0

3. Windows Store Apps 的近況?
Microsoft by the Numbers
MetroStore Scanner

4. iOS 及 Android 平台上皆已超過 100 個萬個 Apps
但是…有 66% 是「僵屍」Apps:
Windows Store Apps 的下載率則超過9成 (聚光燈效應?藍海市場!?)

7. API
Accessibility
Data binding
Live tiles and
toast
Input
Controls
HTML5/CSS
XAML
Portable
Geolocation
Direct3D
Direct2D
Direct
Write
Local
storage
SMS
Skydrive
Sensors
Proximity
Playback
Capture
PlayTo
Streams
Backgroun
d transfer
Bing
Canvas
SVG
Syndication
Networkin
g
Azure
Mobile
XML and
JSON
Contracts
Xbox Live
Printing
Application
services
Threading/time
rs
Memory
management
Globalization
Cryptography
Authentication

8. API
Accessibility
Data binding
Live tiles and
toast
Input
8.1
Controls
HTML5/CSS
XAML
Portable
Geolocation
Direct3D
Direct2D
Direct
Write
Local
storage
SMS
Skydrive
Sensors
Proximity
Playback
Capture
PlayTo
Streams
Backgroun
d transfer
Bing
Canvas
SVG
Syndication
Networkin
g
Azure
Mobile
XML and
JSON
Contracts
Xbox Live
Printing
Application
services
Threading/time
rs
Memory
management
Globalization
Cryptography
Authentication

9. API
Accessibility
Data binding
Live tiles and
toast
Input
8.1
Controls
8.1
HTML5/CSS
XAML
Speech
synthesis
Portable
Geolocation
Point of
service
Direct3D
Direct2D
Direct
Write
Local
storage
SMS
HTTP
Skydrive
Sensors
Proximity
USB
Playback
Capture
PlayTo
Streams
Backgroun
d transfer
Contacts
Bing
HID
WiFi direct
Bluetooth
Canvas
SVG
WebGL
Syndication
Networkin
g
Appointments
Azure
Mobile
Printing
3D
printing
Scanning
XML and
JSON
Contracts
PDF
Xbox Live
Application
services
Threading/time
rs
Memory
management
Globalization
Cryptography
Authentication
Diagnostics

11. 8.1

13. <DatePicker Header="Select a date:"
CalendarIdentifier="JapaneseCalendar"
DayFormat="{}{day.integer} {dayofweek.abbreviated}" />
<TimePicker ClockIdentifier="24HourClock" MinuteIncrement="15" />

14. CalendarIdentifier
Orientation

15. 8.1
ComboBox
Slider
DatePicker
TimePicker
TextBox
PasswordBox
RichEditBox

16. 8.1
<RichTextBlock>
<Paragraph>
<Run>
</Run>
<Hyperlink
NavigateUri="http://dev.windows.com">
<Run>
</Run>
</Paragraph>
</RichTextBlock>
</Hyperlink>

19. 8.1
 Flyout 是一種輕量型 UI (或稱「飛出視窗」)。飛出視窗與
對話方塊不同，您只要按一下或點選視窗外的地方，就可
以輕鬆地將它關閉。
 您可以使用飛出視窗收集使用者輸入、顯示項目的詳細資
料，或是要求使用者確認動作。
 飛出視窗應該只在回應使用者點選或按一下的動作時顯
示，而且只要使用者在視窗外點選就會關閉。

21. <Button Content="Show">
<Button.Flyout>
<Flyout>
<StackPanel>
<TextBlock FontWeight="Light" Text="Select a name..." />
<TextBox PlaceholderText="Choose a name..." Width="300" />
<Button HorizontalAlignment="Right" Content="Rename" />
</StackPanel>
</Flyout>
</Button.Flyout>
</Button>

22. <Button Content="Show">
<Button.Flyout>
<Flyout Placement="Right">
<StackPanel>
<TextBlock FontWeight="Light" Text="Select a name..." />
<TextBox PlaceholderText="Choose a name..." Width="300" />
<Button HorizontalAlignment="Right" Content="Rename" />
</StackPanel>
</Flyout>
</Button.Flyout>
</Button>

23. <Button Content="Show">
<Button.Flyout>
<MenuFlyout>
<MenuFlyoutItem Text="Option 2"/>
<MenuFlyoutSeparator />
<ToggleMenuFlyoutItem Text="Option 3"/>
</MenuFlyout>
</Button.Flyout>
</Button>

24. CommandBar – 更簡單的實作App Bar8.1
:
•
AppBarButton AppBarToggleButton
CommandBar
•
(
AppBarSeparator
)
AppBar
<Page.BottomAppBar>
<CommandBar>
<CommandBar.PrimaryCommands>
<!-- app bar buttons here -->
</CommandBar.PrimaryCommands>
<CommandBar.SecondaryCommands>
<!-- app bar buttons here -->
</CommandBar.SecondaryCommands>
</CommandBar>
</Page.BottomAppBar>
•
•
Primary Commands
SecondaryCommands

26. 8.1
SettingsPane.CommandsRequested
SettingsCommand
ApplicationCommands

28. 8.1
AreTransportControlsEnabled="True"
• IsFullWindow="True"

30. 8.1

33. <Hub Header="My App Name">
<HubSection Header="Section 1">
<DataTemplate>
<!-- your content here -->

35. 8.1
http://blogs.windows.com/windows/b/appbuilder/archive/2013/07/17/what-s-new-in-webview-in-windows-8-1.aspx

38. TOP 3!

39. TOP 3!

40. Windows.UI.Xaml.Media.Imaging
8.1
適用於所有 UIElement 控制項
RenderTargetBitmap render = new RenderTargetBitmap();
await render.RenderAsync(grid1);
var pixelBuffer = await render.GetPixelsAsync();

41. // Encode the image to the selected file on disk
var savePicker = new FileSavePicker();
savePicker.SettingsIdentifier = "Save File";
savePicker.DefaultFileExtension = ".jpg";
savePicker.SuggestedFileName = "insta大元";
savePicker.SuggestedStartLocation = PickerLocationId.Desktop;
savePicker.FileTypeChoices.Add("JPG", new List<string> { ".jpg" });
var saveFile = await savePicker.PickSaveFileAsync();
using (var fileStream = await
saveFile.OpenAsync(FileAccessMode.ReadWrite))
{
var encoder = await
BitmapEncoder.CreateAsync(BitmapEncoder.PngEncoderId, fileStream);
encoder.SetPixelData(
BitmapPixelFormat.Bgra8,
BitmapAlphaMode.Ignore,
(uint)render.PixelWidth,
(uint)render.PixelHeight,
DisplayInformation.GetForCurrentView().LogicalDpi,
DisplayInformation.GetForCurrentView().LogicalDpi,
pixelBuffer.ToArray());
await encoder.FlushAsync();
}

43. TOP 3!

45. PDF 檔「建置動作」設為內容
(content)

50. Windows 8.1 New API! 3D 列印

52. 作業系統
Windows 8
Windows 8.1
O
O
X
O
所有的 Win8 Apps，都能直接在 Win8 及 Win8.1 機器的市集中下載並且順
利運行；然而 Win8.1 Apps ，則只能運行在 Win8.1 的機器上。
以這樣的角度看來，繼續開發 Win 8 App 以能同時在 Win8 及 Win8.1 的機
器上運行，就會是很明智的作法，以同時讓最多的使用者有機會下載使用。

53. 不改Code的情況，Windows 8.1 apps 就是跑的比較
快!
5-30% faster
Startup time
of an app with
a ListView
2x faster
List
panning
10-20%
lower
Memory
usage in
XAML
15-35%
faster Editing
in a WinJS
ListView

54. Windows 8
Windows 8.1

55. Visual Studio 2013
!
Visual Studio 2012 及Visual Studio 2013 可以同時安裝並執行
在同一台機器上! (使用 Visual Studio 2012 開發 Win8 App，或
是使用 Visual Studio 2013 開發 Win8.1 App)

58. API
Accessibility
Data binding
Live tiles and
toast
Input
8.1
Controls
8.1
HTML5/CSS
XAML
Speech
synthesis
Portable
Geolocation
Point of
service
Direct3D
Direct2D
Direct
Write
Local
storage
SMS
HTTP
Skydrive
Sensors
Proximity
USB
Playback
Capture
PlayTo
Streams
Backgroun
d transfer
Contacts
Bing
HID
WiFi direct
Bluetooth
Canvas
SVG
WebGL
Syndication
Networkin
g
Appointments
Azure
Mobile
Printing
3D
printing
Scanning
XML and
JSON
Contracts
PDF
Xbox Live
Application
services
Threading/time
rs
Memory
management
Globalization
Cryptography
Authentication
Diagnostics

59. Windows Store App Asia
Developers

60. • 中文部落格:
• .Net 海角點部落:
• Meng-Ru Tsai's Blog:
• 開發者之魂:
• BIGeek x 程式筆記:
http://www.dotblogs.com.tw/hungys/Default.aspx

63. 台幣 NT$568元 ($19 美元)
 已註冊的 Windows Phone 開發者
 已註冊的 Windows Store 開發者
 新的開發者、或是既有的開發者
 已使用相同的 Microsoft Account 同時在 Windows Store 和 Windows
Phone 註冊的開發人員
 學生

64. http://aka.ms/appbattle

65. http://dev.windows.com