■ TabView 엘리먼트의 KeyboardAccelerators 속성에서 KeyboardAccelerator 객체를 사용해 단축키를 만드는 방법을 보여준다.
• CTRL + T 키 : 새 탭을 생성한다.
• CTRL + W 키 : 선택 탭을 닫는다.
• CTRL + 1 ~ CTRL + 8 키 : N번째 탭을 선택한다.
• CTRL + 9 키 : 마지막 탭을 선택한다.
▶ MainPage.xaml
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 |
<?xml version="1.0" encoding="utf-8"?> <Page x:Class="TestProject.MainPage" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:local="using:TestProject" Background="{ThemeResource ApplicationPageBackgroundThemeBrush}" FontFamily="나눔고딕코딩" FontSize="16"> <TabView Name="tabView" Margin="10"> <TabView.KeyboardAccelerators> <KeyboardAccelerator Key="T" Modifiers="Control" Invoked="newTabKeyboardAccelerator_Invoked" /> <KeyboardAccelerator Key="W" Modifiers="Control" Invoked="closeSelectedTabKeyboardAccelerator_Invoked" /> <KeyboardAccelerator Key="Number1" Modifiers="Control" Invoked="navigateToNumberedTabKeyboardAccelerator_Invoked" /> <KeyboardAccelerator Key="Number2" Modifiers="Control" Invoked="navigateToNumberedTabKeyboardAccelerator_Invoked" /> <KeyboardAccelerator Key="Number3" Modifiers="Control" Invoked="navigateToNumberedTabKeyboardAccelerator_Invoked" /> <KeyboardAccelerator Key="Number4" Modifiers="Control" Invoked="navigateToNumberedTabKeyboardAccelerator_Invoked" /> <KeyboardAccelerator Key="Number5" Modifiers="Control" Invoked="navigateToNumberedTabKeyboardAccelerator_Invoked" /> <KeyboardAccelerator Key="Number6" Modifiers="Control" Invoked="navigateToNumberedTabKeyboardAccelerator_Invoked" /> <KeyboardAccelerator Key="Number7" Modifiers="Control" Invoked="navigateToNumberedTabKeyboardAccelerator_Invoked" /> <KeyboardAccelerator Key="Number8" Modifiers="Control" Invoked="navigateToNumberedTabKeyboardAccelerator_Invoked" /> <KeyboardAccelerator Key="Number9" Modifiers="Control" Invoked="navigateToNumberedTabKeyboardAccelerator_Invoked" /> </TabView.KeyboardAccelerators> </TabView> </Page> |
▶ MainPage.xaml.cs
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 |
using Microsoft.UI.Xaml; using Microsoft.UI.Xaml.Controls; using Microsoft.UI.Xaml.Input; namespace TestProject { /// <summary> /// 메인 페이지 /// </summary> public sealed partial class MainPage : Page { //////////////////////////////////////////////////////////////////////////////////////////////////// Constructor ////////////////////////////////////////////////////////////////////////////////////////// Public #region 생성자 - MainPage() /// <summary> /// 생성자 /// </summary> public MainPage() { InitializeComponent(); this.tabView.Loaded += tabView_Loaded; this.tabView.AddTabButtonClick += tabView_AddButtonClick; this.tabView.TabCloseRequested += tabView_TabCloseRequested; } #endregion //////////////////////////////////////////////////////////////////////////////////////////////////// Method ////////////////////////////////////////////////////////////////////////////////////////// Private //////////////////////////////////////////////////////////////////////////////// Event #region 탭 뷰 로드시 처리하기 - tabView_Loaded(sender, e) /// <summary> /// 탭 뷰 로드시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void tabView_Loaded(object sender, RoutedEventArgs e) { for(int i = 0; i < 3; i++) { (sender as TabView).TabItems.Add(CreateNewTab(i)); } } #endregion #region 탭 뷰 추가 버튼 클릭시 처리하기 - tabView_AddButtonClick(sender, e) /// <summary> /// 탭 뷰 추가 버튼 클릭시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void tabView_AddButtonClick(TabView sender, object e) { sender.TabItems.Add(CreateNewTab(sender.TabItems.Count)); } #endregion #region 탭 뷰 탭 닫기 요청시 처리하기 - tabView_TabCloseRequested(sender, e) /// <summary> /// 탭 뷰 탭 닫기 요청시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void tabView_TabCloseRequested(TabView sender, TabViewTabCloseRequestedEventArgs e) { sender.TabItems.Remove(e.Tab); } #endregion #region 새 탭 키보드 가속기 호출시 처리하기 - newTabKeyboardAccelerator_Invoked(sender, e) /// <summary> /// 새 탭 키보드 가속기 호출시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void newTabKeyboardAccelerator_Invoked(KeyboardAccelerator sender, KeyboardAcceleratorInvokedEventArgs e) { TabView tabView = e.Element as TabView; tabView.TabItems.Add(CreateNewTab(tabView.TabItems.Count)); e.Handled = true; } #endregion #region 선택 탭 닫기 키보드 가속기 호출시 처리하기 - closeSelectedTabKeyboardAccelerator_Invoked(sender, e) /// <summary> /// 선택 탭 닫기 키보드 가속기 호출시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void closeSelectedTabKeyboardAccelerator_Invoked(KeyboardAccelerator sender, KeyboardAcceleratorInvokedEventArgs e) { TabView tabView = e.Element as TabView; if((tabView.SelectedItem as TabViewItem).IsClosable) { tabView.TabItems.Remove(tabView.SelectedItem); } e.Handled = true; } #endregion #region 번호 지정 탭으로 탐색 키보드 가속시 호출시 처리하기 - navigateToNumberedTabKeyboardAccelerator_Invoked(sender, e) /// <summary> /// 번호 지정 탭으로 탐색 키보드 가속시 호출시 처리하기 /// </summary> /// <param name="sender">이벤트 발생자</param> /// <param name="e">이벤트 인자</param> private void navigateToNumberedTabKeyboardAccelerator_Invoked(KeyboardAccelerator sender, KeyboardAcceleratorInvokedEventArgs e) { TabView tabView = e.Element as TabView; int tabIndex = 0; switch(sender.Key) { case Windows.System.VirtualKey.Number1 : tabIndex = 0; break; case Windows.System.VirtualKey.Number2 : tabIndex = 1; break; case Windows.System.VirtualKey.Number3 : tabIndex = 2; break; case Windows.System.VirtualKey.Number4 : tabIndex = 3; break; case Windows.System.VirtualKey.Number5 : tabIndex = 4; break; case Windows.System.VirtualKey.Number6 : tabIndex = 5; break; case Windows.System.VirtualKey.Number7 : tabIndex = 6; break; case Windows.System.VirtualKey.Number8 : tabIndex = 7; break; case Windows.System.VirtualKey.Number9 : tabIndex = tabView.TabItems.Count - 1; break; } if(tabIndex < tabView.TabItems.Count) { tabView.SelectedIndex = tabIndex; } e.Handled = true; } #endregion //////////////////////////////////////////////////////////////////////////////// Function #region 새 탭 생성하기 - CreateNewTab(index) /// <summary> /// 새 탭 생성하기 /// </summary> /// <param name="index">인덱스</param> /// <returns>새 탭</returns> private TabViewItem CreateNewTab(int index) { TabViewItem newItem = new TabViewItem { Header = $"Document {index}", IconSource = new SymbolIconSource() { Symbol = Symbol.Document } }; switch(index % 3) { case 0 : newItem.Content = new SamplePage1(); break; case 1 : newItem.Content = new SamplePage2(); break; case 2 : newItem.Content = new SamplePage3(); break; } return newItem; } #endregion } } |