做响应式网站图片需要做几版,网线制作实训总结,wordpress排行榜前面小图标,wordpress 禁用谷歌本节包含关于如何用DevExpress控件模拟许多流行的应用程序ui的教程。
Windows 11 UI
Windows 11和最新一代微软Office产品启发的UI。 Office Inspired UI
Word、Excel、PowerPoint和Visio等微软Office应用程序启发的UI。 如何#xff1a;手动构建Office风格的UI
本教程演示… 本节包含关于如何用DevExpress控件模拟许多流行的应用程序ui的教程。
Windows 11 UI
Windows 11和最新一代微软Office产品启发的UI。 Office Inspired UI
Word、Excel、PowerPoint和Visio等微软Office应用程序启发的UI。 如何手动构建Office风格的UI
本教程演示如何构建一个典型的受Office启发的UI如下所示。请注意您还可以使用Template Gallery来构建相同的UI类型。
In Visual Studio, go to “File | New | Project” or press CTRLSHIFTN to create a new project. Select the default Visual Studio “Windows Forms Application” template and click OK. Use the Visual Studio Toolbox to add Navigation Frame, Navigation Bar and Office Navigation Bar controls to your form. Arrange the controls as illustrated below. Use the Navigation Bar smart tag to switch the bar to the Navigation Pane View. Change captions for automatically created NavBarGroup and NavigationPage controls to “Employees” and “Customers”. Assign the same text strings to the Tag property of both pages, as demonstrated in the code below. navigationPage1.Tag navBarGroup1.Caption navigationPage1.Caption Employees;
navigationPage2.Tag navBarGroup2.Caption navigationPage2.Caption Customers; Click the Navigation Frame’s chevron buttons to select different pages and drop a LabelControl on each page, then customize label captions. At runtime, these labels will allow you to identify Navigation Frame pages. Use the Office Navigation Bar smart tag to remove automatically generated “Item1” and “Item2” elements. Assign the Navigation Bar to the OfficeNavigationBar.NavigationClient property to bind both controls together. You will notice that the bar now has “Employees” and “Customers” elements based on existing Navigation Bar groups. Launch the app and click an element to see that the corresponding group is activated. Handle the NavBarControl.ActiveGroupChanged event to switch the selected Frame page. The code below uses page tags to find the required page. private void navBarControl1_ActiveGroupChanged(object sender, DevExpress.XtraNavBar.NavBarGroupEventArgs e) {navigationFrame1.SelectedPage (NavigationPage)navigationFrame1.Pages.FindFirst(x (string)x.Tag e.Group.Caption);
} Test your application at runtime. Note that, by default, animation effects are enabled. Return to design time, invoke the form smart tag (you may need to rebuild the project and reload the form to see it) and click “Convert to Ribbon Form”. This will convert your main form to a Ribbon Form, which will add Ribbon and Ribbon Status Bar controls. Add a BarSubItem with two child BarButtonItems to the Ribbon Page Group. End-users will be able to toggle between “Employees” and “Customers” Navigation Frame pages by clicking these buttons. At design time, double-click the first button to create a BarItem.ItemClick event handler. The code sample below illustrates how to switch active Navigation Bar groups. Coupled with the previously handled NavBarControl.ActiveGroupChanged event, this button also changes Navigation Frame pages. private void barButtonItem1_ItemClick(object sender, DevExpress.XtraBars.ItemClickEventArgs e) {navBarControl1.ActiveGroup navBarControl1.Groups.First(x x.Caption e.Link.Caption);
} Select the second BarButtonItem and locate the ItemClick event in the Visual Studio Properties window. Use the combo box to choose the same event handler as for the first button, so that both sub-menu items are functional. Launch the application and make sure the Navigation Frame changes its pages correctly.
如何使用DevExpress模板库构建Office风格的UI In Visual Studio, go to “File | New | Project” or press CTRLSHIFTN to create a new project. Select the DevExpress Template Gallery option and click OK. In the DevExpress Template Gallery, select the “Blank Application” option and proceed to the next step. The selected template creates a project with an empty skinnable XtraForm and enables the Layout Assistant Extension. Open the form’s Smart Tag menu and click “Predefined Form Templates” under Layout Assistant Actions. Select the “Navigation Container” template (the “Office Inspired UI” group) and click Apply. Run the application and try the newly created UI. Try switching the themes using the In-Ribbon Gallery, navigate between the modules using the Ribbon menu or the bottom navigation control, and notice the animation effect when switching frames. Visual Studio Inspired UI
一种Microsoft Visual studio风格的布局在主工作区中包含一个选项卡或MDI界面在表单的一侧包含面板在顶部包含一个主菜单。
Windows Modern UI
一个平面干净和轻量级的UI灵感来自Windows商店应用程序。
Touch-Enabled Tile UI
支持触摸的应用程序有时被称为混合应用程序是易于在台式机和触摸设备上使用的应用程序。构建支持触摸的应用程序没有严格的模式只是应用程序中的控件应该针对触摸输入进行优化。本节描述了一种常见的应用程序模式并显示了一些最适合创建此类应用程序的DevExpress控件。
Fluent Design UI
