3. Geo-
location
Proximity
Direct3D Direct2D
Direct
Write
PlayTo
Contracts
Bing
Azure
Mobile
HTML5/CSS XAMLInput Controls
Authentication
Portable
Sensors Playback Capture
Printing
SVGCanvas
Local
storage
SMS
Streams
Backgroun
d transfer
Syndication
Networkin
g
XML and
JSON
Skydrive
Live tiles and
toast
Accessibility Data binding
Application
services
Threading/time
rs
Memory
management
Globalization Cryptography
Xbox Live
既有 API

4. Geo-
location
Proximity
Direct3D Direct2D
Direct
Write
PlayTo
Contracts
Bing
Azure
Mobile
HTML5/CSS XAMLInput Controls
Authentication
Portable
Sensors Playback Capture
Printing
SVGCanvas
Local
storage
SMS
Streams
Backgroun
d transfer
Syndication
Networkin
g
XML and
JSON
Skydrive
Live tiles and
toast
Accessibility Data binding
Application
services
Threading/time
rs
Memory
management
Globalization Cryptography
Xbox Live
8.1 更新既有 API

5. Geo-
location
Proximity
Direct3D Direct2D
Direct
Write
PlayTo
Contracts
Bing
Azure
Mobile
HTML5/CSS XAMLInput Controls
Authentication
Bluetooth
USB
HID WiFi direct
Point of
service
3D
printing
Scanning
WebGL
HTTP
Contacts
Appoint-
ments
PDF
Speech
synthesis
Diagnostics
Portable
Sensors Playback Capture
Printing
SVGCanvas
Local
storage
SMS
Streams
Backgroun
d transfer
Syndication
Networkin
g
XML and
JSON
Skydrive
Live tiles and
toast
Accessibility Data binding
Application
services
Threading/time
rs
Memory
management
Globalization Cryptography
Xbox Live
8.1 更新 8.1 新增既有 API

7. 8.1 新增

8. DatePicker and TimePicker

9. Date and Time Pickers
<DatePicker Header="Select a date:"
CalendarIdentifier="JapaneseCalendar"
DayFormat="{}{day.integer} {dayofweek.abbreviated}" />
<TimePicker ClockIdentifier="24HourClock" />

10. CalendarIdentifier
Orientation

11. ComboBox
Slider
DatePicker
TimePicker
TextBox
PasswordBox
RichEditBox
8.1 新增

12. Hyperlink is back!
<RichTextBlock>
<Paragraph>
<Run>Please visit our</Run>
<Hyperlink
NavigateUri="http://dev.windows.com">dev center</Hyperlink>
<Run>after the conference!</Run>
</Paragraph>
</RichTextBlock>
8.1 新增

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

17. Flyout
<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>

18. Flyout
<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>

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

20. CommandBar – 更簡單的實作App Bar
• 會自動配置；其中Primary Commands會位於左側，SecondaryCommands位於右側。
• 當應用程式大小變更時，自動調整應用程式列命令大小。
<Page.BottomAppBar>
<CommandBar>
<CommandBar.PrimaryCommands>
<!-- app bar buttons here -->
</CommandBar.PrimaryCommands>
<CommandBar.SecondaryCommands>
<!-- app bar buttons here -->
</CommandBar.SecondaryCommands>
</CommandBar>
</Page.BottomAppBar>
使用時機:
• 如果您只需要 AppBarButton、AppBarToggleButton 及 AppBarSeparator 控制項，請使
用這個新的CommandBar。
• 如果需要更複雜的內容 (像是影像、進度列或文字區塊)，請使用 AppBar 控制項。

21. SettingsPane.CommandsRequested
SettingsCommand
ApplicationCommands

23. AreTransportControlsEnabled="True"
• IsFullWindow="True"
8.1 更新

25. 8.1 新增

28. Hub Template (中樞應用程式)
<Hub Header="My App Name">
<HubSection Header="Section 1">
<DataTemplate>
<!-- your content here -->

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

33. TOP 3!

34. TOP 3!

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

37. RenderTargetBitmap (續: 存成檔案)
// 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();

38. TOP 3!

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

45. Windows 8.1 New API! 3D 列印

47. 作業系統
Windows 8 Windows 8.1
O O
X O

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

49. Windows 8
Windows 8.1

52. Visual Studio 2012及Visual Studio 2013可以同時安裝並執行在同一
台機器上!

54. Geo-
location
Proximity
Direct3D Direct2D
Direct
Write
PlayTo
Contracts
Bing
Azure
Mobile
HTML5/CSS XAMLInput Controls
Authentication
Bluetooth
USB
HID WiFi direct
Point of
service
3D
printing
Scanning
WebGL
HTTP
Contacts
Appoint-
ments
PDF
Speech
synthesis
Diagnostics
Portable
Sensors Playback Capture
Printing
SVGCanvas
Local
storage
SMS
Streams
Backgroun
d transfer
Syndication
Networkin
g
XML and
JSON
Skydrive
Live tiles and
toast
Accessibility Data binding
Application
services
Threading/time
rs
Memory
management
Globalization Cryptography
Xbox Live
8.1 更新 8.1 新增既有 API

55. http://aka.ms/appbattle

56. http://dev.windows.com

57. • BUIDL 2013 全錄影及投影片:
http://buildwindows.com
• 中文部落格:
• BIGeek x 程式筆記:
http://www.dotblogs.com.tw/hungys/Default.aspx
• .Net 海角點部落:
• 開發者之魂:
• Meng-Ru Tsai's Blog:

58. 馬上啟用 http://aka.ms/startmsdn
• 免費 Windows Store & Phone 開
發者帳號
• Windows Azure 免費點數
• Team Foundation Service 服務

59. 填妥大會背包中的大會問卷，可於活動第三天兌換問卷禮哦！
請協助完成「本課程問卷」，並在離開教室時交給工作人員！
感謝您的合作。