如何設置“鍵盤選項卡邊框”不覆蓋UI的其余部分？

Question

我正在開發UWP應用程序，但是某些UI控件的視覺狀態遇到了一些麻煩，特別是按鈕和切換按鈕。

基本上，我希望當您按TAB鍵（使用鍵盤進行導航）時邊框變得可見，使其具有與其余控件相同的ZIndex，即。 如果覆蓋了控件的一部分，則也應以相同的方式覆蓋它們。 但是，無論如何，這些邊框似乎總是顯示在UI頂部。 這是一個屏幕：

您可以看到邊框覆蓋了UI的其余部分，而該切換按鈕的其余部分已正確覆蓋。 按鈕也一樣（不僅是切換按鈕），請參見此處：

我已經看過這些控件的模板，但是找不到與這些特定邊框相關的任何內容，也沒有與顯式Canvas.ZIndex設置等類似的內容。

我猜這種行為是故意的，但是有沒有辦法改變它並使這些邊界像UI的其余部分一樣運行？

謝謝！

編輯：在這里，您可以看到陰影和右側的其他UI元素如何正確地覆蓋顯示高光效果，但TAB邊框會忽略它並顯示在它們的頂部。

Answer 1

我注意到“開始”菜單中也曾出現過類似的行為（盡管它沒有焦點邊框，但是顯示效果顯然“繼續”到了按鈕的截止部分）。

我想到的一種解決方法是觀察SplitView的狀態以及關閉后的狀態，以實際更改按鈕的寬度（例如，通過StateTrigger ）。 這樣，按鈕的區域將不再被“隱藏”，並且焦點邊框將正常工作，因為按鈕將在應有的位置結束。