筆跡畫布與尺:結合藝術與技術

Ink-1

整合筆跡到您的 app 有多簡單呢?

就僅僅需要一行 XAML。

在這篇文章中,我們將要引導您體驗新的 Windows 10 筆跡功能,使用者透過書寫與繪畫來溝通,比以往更為容易。您將會學到如何實作這些新的功能到您的 Windows app 與他們如何改善您的使用者體驗。

對通用 Windows 平台的開發者來說,要掛接這個功能最簡單的方式就是透過筆跡畫布(Ink Canvas)。我們用一些例子來開始說明吧!

 

內建的體驗

筆跡有很多潛在的應用。作為一個開頭,思考一個典型的筆跡應用程式使用者是有幫助的,例如:一個保險公估員幾乎都不待在辦公室,他將會想要隨時能夠做筆記和在文件上做註記。

有三個內建的 Windows Ink 體驗-點擊您的筆,Windows Ink Workspace 就會出現。Windows Ink Workspace 提供 Sticky Notes、Sketchpad 與 Screen sketch 等程式,而它們全部都是用 XAML Ink Canvas 建置的。Workspace也提供了最近使用支援 Windows Ink 的應用程式連結。

Ink-2

Sticky Notes 就如同您想像的,讓您能記錄一些提醒事項並將它們放在您的桌面。最酷的是 Cortana 有與 Sticky Notes 整合,所以它可以將這些提醒事項放到您的行事曆上。

這對我們的公估員來說將會非常有幫助,他們要持續地約時間然後還要再更改他們。實際的便利貼很容易就搞丟了,而這些筆跡便利貼不只可以把所有筆記都放在同個地方,還可以數位化這些資訊,用其他應用程式整合它變成一個工作流程。

Ink-3

Sketchpad 讓您可以做筆記、塗鴉和自由發想就像一個一般的筆記本一樣。它使用一個自訂的 Windows Ink 工具列,可以新增復原、複製、儲存與分享等功能。

這也或許會是一個很棒的應用程式對於我們的公估員。他可以同時邊做筆記邊畫一些有幫助的圖表。最棒的是這些是全都在同一份文件,而不是分開在多個繪圖與文書程式。

Ink-4

最後,screen sketch 讓您能夠螢幕截圖並加上紅線、註解與塗鴉。由於它的簡單性,他可以很容易用來拍任何照片用您裝置的相機。然後您就可以新增註解像是照片的日期-例如:一張白版的照片你需要在別人擦掉之前先存下來。

因為您使用隨身攜帶的裝置,所以您不需要再回到桌上新增筆記或分享它給其他會議的參與者。甚至有一個分享的按鈕在工具列,讓您能馬上發送您的 screen sketch。

Ink-5

對於我們的保險公估員來說拍白版照似乎沒這麼有幫助。然而有辦法拍下凹陷的汽車或天花板漏水並可以根據他所觀察到的做註記,將會讓節省他的時間與煩惱。他可以同時拍照與做筆記,而這些資訊與觀察全都是新鮮的。

 

實作它有多簡單呢?

只需要一行 XAML 就可以把 Windows Ink 的功能帶到您的應用程式中。InkCanvas 讓您可以直接畫在畫布空間。只需要再多加一行 XAML 來新增一個筆跡工具列。

InkToolbar 包含繪畫、橡皮擦、螢光筆與尺的按鈕。

Ink-6

InkToolbar 也是可延展的,讓開發者可以新增自訂的工具(InkToolbarCustomPenButtonInkToolbarCustomToolButton)在螢光筆與橡皮擦按鈕之間,也可以自己切換按鈕到尺的右邊。

 

筆與觸控、藝術與技術

尺真的體現了這技術最酷的部分-但它用一個微妙的方式。就像一把實際的尺,您可以用一手的手指移動 InkToolbar 的尺,然後用另一隻手來做圖。不管您是用筆還是手指直接進行操作,您都可以將您的手掌靠在做圖的表面,就像您有紙跟筆一樣。

Ink-7

讓技術顯得自然需要很多功夫-要自然並不容易-而且很多東西都發生在同一時間。首先,Windows Ink 主動區別筆與手指。大多數的繪畫技術在這幾年還沒辦法做到這樣,無論是忽略一個或使得手寫筆與手指難以區分。

第二,Windows Ink 區別手掌與筆和觸控。遊蕩的手掌一直以來都是觸控面板的怪物。人都會很自然把手掌靠在面板上,因為 1)很舒服 2)我們不認為手掌是繪畫的工具。有了 Windows Ink,這些都不再是問題了。

藉由刪除這些底層技術的構件,Windows Ink 移除了拘束(與干擾)讓使用者可以做他的工作。因為我們使用現實生活中的筆和紙來塗鴉與溝通,這意味著藝術與工作相關的任務可以更容易完成,也可以更享受。

 

總結

這麼久以來鍵盤還是電腦運算的重要的一部份;有許多事,像是輸入資料與文書處理,使用鍵盤與滑鼠還是比較容易完成。然而很多情況,Windows Ink 是較佳的選擇,因為它提供了更自然更直覺的互動,對於沒有花大多數的時間在辦公桌前,要時常奔走的人。因為易於實作,開發人員可以快速地擴展他們目前的應用程式,使用筆跡的功能或甚至開發新的相關功能。

如果您想閱讀與看看更多有關 Windows Ink 的內容,這裡有些文章與影片您會覺得很有趣:

開始使用 Windows Visual Studio

 

本文翻譯自 The Ink Canvas and Ruler:combining art and technology


 

VS

若對以上技術及產品有任何問題,很樂意為您服務! 請洽:台灣微軟開發工具服務窗口 – MSDNTW@microsoft.com / 02-3725-3888 #4922