Windows 10 應用開發使用快捷訪問鍵

uwp 雖然主要面向觸控操作，但 windows 裝置是萬能工具，不用手指不用筆的時候，也可能會接上鍵盤耍耍。因此，給應用介面上的一些元素弄個快捷訪問鍵也挺不錯的。為了使用 windows 上的各類應用具備統一性，uwp 應用的快捷訪問鍵延續了傳統，啟用方法也是先按 alt 鍵，然後在不鬆開 alt 鍵的前提下再按訪問鍵。

咱們先用乙個示例來表演一下。

下面 xaml 宣告了乙個按鈕，並設定了訪問鍵。

<
button 
content
="update"
click
="onupdate"
accesskey
="u"
/>

訪問鍵多用於按鈕和選單項，因此使用按鈕時，訪問鍵被啟用後，會關聯地自動引發 click 事件。

下面我們處理一下 click 事件，彈乙個對話方塊。

private
async
void onupdate(object
sender, routedeventargs e)

現在這個訪問鍵就能使用了。執行程式，然後按 alt + u ，就能看到如下圖所示的效果了。

按鈕比較特殊，訪問鍵啟用時會自動與 click 事件關聯，可是，對於一般的 ui 元素就不行了。比如

<
rectangle 
fill
="red"
height
="30"
width
="100"
horizontalalignment
="left"
accesskey
="r"
/>

對於以上矩形，按下 alt + r 系統是無法判斷其要完成的行為的，那要是我真想讓這個矩形也能響應訪問鍵，怎麼弄？這時候就要處理 accesskeyinvoked 事件，當訪問鍵被正確識別，就會引發這個事件，我們可以處理這個事件，然後寫上自己的**。

比如我這裡，同樣是彈出對話方塊。

<
rectangle 
fill
="red"
…… accesskey
="r"accesskeyinvoked
="rectangle_accesskeyinvoked"/>

下面是事件處理**。

private

async

void

rectangle_accesskeyinvoked(uielement sender, accesskeyinvokedeventargs args)

執行程式後，按 alt + r，就會引發事件了。如下圖

要想顯示訪問鍵提示，只需按一下 alt 鍵即可，如下圖。

有大夥伴會說，我要是不想用系統預設的訪問鍵提示呢，我想自己處理。

當然是可以的，首先，你得在**裡面執行這一行**。

windows.ui.xaml.input.accesskeymanager.arekeytipsenabled = false;

這樣，預設的顯示提示就被禁用了。

然後，你要處理兩個事件：

accesskeydisplayrequested ——當要顯示訪問鍵提示時，引發該事件，這時候可以新增你的處理**，向使用者顯示訪問鍵提示。

accesskeydisplaydismissed—— 當提示要關閉（消失）時引發，在此事件中，你要用你的**來隱藏訪問鍵提示。

來，我們改改上面的矩形。

<
rectangle 
fill
="red"
height
="30"
width
="100"
horizontalalignment
="left"
accesskey
="r"
accesskeyinvoked
="rectangle_accesskeyinvoked"
margin
="0,13"accesskeydisplayrequested="onaccesskeydisplayreq"accesskeydisplaydismissed="onaccesskeydisplaydism"
>
<
rectangle.contextflyout
><
flyout 
placement
="bottom"
>
<
flyout.content
>
<
textblock 
fontsize
="16"
foreground
="red"
/>
flyout.content
>
flyout
>
rectangle.contextflyout
>
rectangle
>

我選用了乙個 flyout 類來顯示提示。

下面是處理事件**。

private
void
onaccesskeydisplayreq(uielement sender, accesskeydisplayrequestedeventargs args)
】鍵";
fly.showat(ele);
}private
void
onaccesskeydisplaydism(uielement sender, accesskeydisplaydismissedeventargs args)

好，現在再次執行，然後按一下 alt 鍵。效果如圖。

好了，今天的話題就聊到這裡吧，老周也餓了，該填填肚子了。

Windows 10 應用開發使用快捷訪問鍵

Windows 10 使用心得

Windows10使用小技巧

Windows 10的應用體驗之二

Windows 10 應用開發 使用快捷訪問鍵

Windows 10 使用心得

Windows10使用小技巧

Windows 10的應用體驗之二

相關推薦

Windows 10 應用開發使用快捷訪問鍵