Embed Size (px)
DESCRIPTION
Citation preview
Geo-location
Proximity
Direct3D Direct2DDirect Write
PlayTo
Contracts
Bing
Azure Mobile
HTML5/CSS XAMLInput Controls
Authentication
Portable
Sensors Playback Capture
Printing
SVGCanvas
Local storage
SMS
StreamsBackground transfer
SyndicationNetworkin
g
XML and JSON
Skydrive
Live tiles and toast
Accessibility Data binding
Application services
Threading/timers
Memory management
Globalization Cryptography
Xbox Live
既有 API
Geo-location
Proximity
Direct3D Direct2DDirect Write
PlayTo
Contracts
Bing
Azure Mobile
HTML5/CSS XAMLInput Controls
Authentication
Portable
Sensors Playback Capture
Printing
SVGCanvas
Local storage
SMS
StreamsBackground transfer
SyndicationNetworkin
g
XML and JSON
Skydrive
Live tiles and toast
Accessibility Data binding
Application services
Threading/timers
Memory management
Globalization Cryptography
Xbox Live
8.1 更新既有 API
Geo-location
Proximity
Direct3D Direct2DDirect Write
PlayTo
Contracts
Bing
Azure Mobile
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
SyndicationNetworkin
g
XML and JSON
Skydrive
Live tiles and toast
Accessibility Data binding
Application services
Threading/timers
Memory management
Globalization Cryptography
Xbox Live
8.1 更新 8.1 新增既有 API
8.1 新增
DatePicker and TimePicker
Date and Time Pickers
<DatePicker Header="Select a date:"
CalendarIdentifier="JapaneseCalendar"
DayFormat="{}{day.integer} {dayofweek.abbreviated}" />
<TimePicker ClockIdentifier="24HourClock" />
CalendarIdentifier
Orientation
ComboBox
Slider
DatePicker
TimePicker
TextBox
PasswordBox
RichEditBox
8.1 新增
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 新增
8.1 新增
Flyout 是一種輕量型 UI (或稱「飛出視窗」)。飛出視窗與對話方塊不同，您只要按一下或點選視窗外的地方，就可以輕鬆地將它關閉。
您可以使用飛出視窗收集使用者輸入、顯示項目的詳細資料，或是要求使用者確認動作。
飛出視窗應該只在回應使用者點選或按一下的動作時顯示，而且只要使用者在視窗外點選就會關閉。
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>
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>
MenuFlyout
<Button Content="Show">
<Button.Flyout>
<MenuFlyout>
<MenuFlyoutItem Text="Option 2"/>
<MenuFlyoutSeparator />
<ToggleMenuFlyoutItem Text="Option 3"/>
</MenuFlyout>
</Button.Flyout>
</Button>
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 控制項。
SettingsPane.CommandsRequested
SettingsCommand
ApplicationCommands
AreTransportControlsEnabled="True"
• IsFullWindow="True"
8.1 更新
8.1 新增
Hub Template (中樞應用程式)
<Hub Header="My App Name">
<HubSection Header="Section 1">
<DataTemplate>
<!-- your content here -->
http://blogs.windows.com/windows/b/appbuilder/archive/2013/07/17/what-s-new-in-webview-in-windows-8-1.aspx
8.1 更新
TOP 3!
TOP 3!
RenderTargetBitmap (Windows.UI.Xaml.Media.Imaging)
適用於所有 UIElement控制項
RenderTargetBitmap render = new RenderTargetBitmap();
await render.RenderAsync(grid1);
var pixelBuffer = await render.GetPixelsAsync();
8.1 新增
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();
}
TOP 3!
PDF 檔「建置動作」設為內容(content)
作業系統
Windows 8 Windows 8.1
O O
X O
不改Code的情況，Windows 8.1 apps 就是跑的比較快!
2x fasterList panning
5-30% fasterStartup time of an app with a ListView
10-20% lowerMemory usage in XAML
15-35% fasterEditing in a WinJS ListView
Windows 8
Windows 8.1
Visual Studio 2012及Visual Studio 2013可以同時安裝並執行在同一台機器上!
Geo-location
Proximity
Direct3D Direct2DDirect Write
PlayTo
Contracts
Bing
Azure Mobile
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
SyndicationNetworkin
g
XML and JSON
Skydrive
Live tiles and toast
Accessibility Data binding
Application services
Threading/timers
Memory management
Globalization Cryptography
Xbox Live
8.1 更新 8.1 新增既有 API
• BUIDL 2013 全錄影及投影片: http://buildwindows.com
• 中文部落格:• BIGeek x 程式筆記:
http://www.dotblogs.com.tw/hungys/Default.aspx
• .Net 海角點部落:
• 開發者之魂:
• Meng-Ru Tsai's Blog:
馬上啟用 http://aka.ms/startmsdn
• 免費Windows Store & Phone 開發者帳號
• Windows Azure 免費點數
• Team Foundation Service 服務
填妥大會背包中的大會問卷，可於活動第三天兌換問卷禮哦！
請協助完成「本課程問卷」，並在離開教室時交給工作人員！
感謝您的合作。
