قبل از خواندن این مقاله، خواندن قسمت های قبلی مجموعه را به شدت توصیه می کنم.
- آموزش برنامه نویسی ویندوز جهانی از طریق C++ مدرن
- آموزش برنامه نویسی ویندوز جهانی از طریق C++ مدرن (کنترل دکمه)
- آموزش برنامه نویسی ویندوز جهانی از طریق C++ مدرن (Stackpanel)
- آموزش برنامه نویسی ویندوز جهانی از طریق C++ مدرن (CheckBox)
- آموزش برنامه نویسی جهانی ویندوز از طریق C++ مدرن (رادیو دکمه)
- آموزش برنامه نویسی جهانی ویندوز از طریق C++ مدرن (Combobox)
- آموزش برنامه نویسی ویندوز جهانی از طریق C++ مدرن (Border)
- آموزش برنامه نویسی ویندوز جهانی از طریق C++ مدرن (CommandBar)
در این مقاله قصد داریم با کنترل SplitView در C++ مدرن آشنا شویم.
SplitView
SplitView برای ایجاد یک ناوبری سطح بالا استفاده می شود. این کنترل به دو حوزه اصلی زیر تقسیم می شود.
- منطقه پانل.
- حوزه محتوا
ناحیه پانل - ناحیه پنل نمایانگر منویی است که کاربران می خواهند با آن تعامل داشته باشند.
ناحیه محتوا - ناحیه محتوا برای نمایش صفحات مختلف یا کنترل های مختلف بر اساس منوی صفحه انتخاب شده توسط کاربر استفاده می شود.
- SplitView sView;
- auto txtPane = CreateTextBlock(L"Pane area");
- txtPane.HorizontalAlignment(HorizontalAlignment::Center);
- txtPane.VerticalAlignment(VerticalAlignment::Center);
- txtPane.Margin(CreateThickness(20, 0, 0, 0));
- txtPane.FontSize(25);
- txtStatus = CreateTextBlock(L"Modern C++ (SplitView) Content area");
- txtStatus.HorizontalAlignment(HorizontalAlignment::Center);
- txtStatus.VerticalAlignment(VerticalAlignment::Center);
- txtStatus.TextWrapping(TextWrapping::WrapWholeWords);
- txtStatus.FontSize(75);
- txtStatus.Foreground(SolidColorBrush(Colors::Red()));
- sView.Pane(txtPane );
- sView.Content(txtStatus);
![](http://pezhvak24.ir/dl/10kcor/cscd/article/learn-universal-windows-programming-via-modern-cpp-splitview-control/Images/SplitPane.png)
صفحه
معمولاً از قسمت Pane برای نمایش آیتم های منو برای ناوبری برای بارگیری موارد مختلف در ناحیه محتوا استفاده می شود.
در زیر برخی از خواص مهم ذکر شده است.
- CompactPaneLength: عرض صفحه نمایش عادی ناحیه قاب.
- OpenPaneLength: کاربر در پانل تعامل می کند، نمایش عرض را تغییر می دهد.
- IsPaneOpen: پنجره را در حالت CompactPaneLength یا OpenPaneLength پیدا کنید.
- SplitView sView;
- sView.IsPaneOpen(true);
- sView.OpenPaneLength(200);
- sView.CompactPaneLength(50);
![](http://pezhvak24.ir/dl/10kcor/cscd/article/learn-universal-windows-programming-via-modern-cpp-splitview-control/Images/Pane.png)
نمایش حالت های کنترل SplitView.
- پوشش.
- CompactOverlay.
- درون خطی.
- فشرده درون خطی.
حالت CompactOverlay
پوشش در ناحیه دید برای استفاده در نسخه موبایل یا پنجره با اندازه کوچک خوب است. به عنوان مثال، کامپیوتر (برنامه ماشین حساب).
![](http://pezhvak24.ir/dl/10kcor/cscd/article/learn-universal-windows-programming-via-modern-cpp-splitview-control/Images/CompactOverlay.png)
حالت CompactInline به یک ناحیه SplitView تقسیم شده است و خوب است که برای نسخه رایانه شخصی از آن استفاده کنید.
Inline و Overlay برای مخفی کردن قسمت پنجره استفاده می شود. ویژگیهای «مخفی کردن ناحیه پنجره» معمولاً در نسخه موبایل یا پنجره کوچک استفاده میشود. به عنوان مثال، در یک برنامه ماشین حساب، ناحیه Pane پنهان است. وقتی روی دکمه همبرگر (“؟“) کلیک میکنید، صفحه حالت CompactOverlay در برنامه باز میشود.
این کد نمونه برای تنظیم حالت نمایش است.
- SplitView sView;
- sView.DisplayMode(SplitViewDisplayMode::CompactInline);
دکمه منوی همبرگر در کنترل SplitView
برای یک دکمه منوی همبرگر در UAP، میتوانیم این کنترل را در موسیقی Groove یا ماشینحساب مشاهده کنیم (در تصویر قبلی، قسمت Pane یک دکمه منوی همبرگر است). این کنترل در کنترل SplitView محبوبیت بیشتری دارد. اجازه دهید نحوه ایجاد دکمه همبرگر را ببینیم.
- فونت "Character map" را باز کنید (جستجو در سیستم عامل ویندوز).
- نوع فونت "Segoe MDL2 Assets" را انتخاب کنید.
- فونت Hamburger را انتخاب کنید (در تصویر زیر مشخص شده است).
- کاراکتر یونیکد "E700" را در انتهای تصویر کپی کنید.