Article directory
Show Toolbox
Click View > Toolbox on the menu bar.
Toolbox location
Pictured, far left.
Toolbox
The role of Toolbox
Toolbox is a visual tool for developers that provides a series of reusable controls, components, and tools that can help us quickly build and design application interfaces.
Toolbox supported projects
Toolbox works with multiple project types and frameworks. Here are some common project types that can use the visual editing capabilities of Toolbox:
-
Windows Forms Project: Windows Forms is a technology for creating Windows applications using the .NET Framework. Toolbox can provide visual editing for Windows Forms projects, including form designers, control tools, etc.
-
WPF Project: WPF is a technology used for building desktop applications. Toolbox provides WPF form designer, control tools, etc. for visually designing the user interface of WPF applications.
-
ASP.NET Web Forms Project: Web Forms is the traditional ASP.NET Web application development model. Toolbox provides a Web form designer and control tools for visually editing and laying out the views and controls of a Web page.
-
ASP.NET MVC Project: ASP.NET MVC is a Web application development model based on the Model-View-Controller (MVC) architecture. Toolbox provides template tools, view component tools and controller tools for quickly creating and editing views and controllers in the MVC mode.
-
Database project: Toolbox provides database-related designers and tools, such as data source designer, interactive query designer, etc., for visually designing and editing database schemas, query statements, etc.
-
Class Designer: Provides a visual interface for building and designing classes, interfaces, and members.
Toolbox in WPF projects
The toolbox controls that can be used in WPF are shown in the figure below:
Pointer: This is a special tool that allows us to select and move added controls on the design interface. This tool usually appears as a small arrow icon. When the Pointer Tool is selected, we can click and select the added control to edit, adjust, and set properties. You can also use the pointer tool to move a control's position, change its size, or delete controls you no longer need.
Button: used to trigger events or perform actions for user interaction.
Calendar: used to select and display dates.
Canvas: Provides free space for drawing and laying out elements.
CheckBox: used to provide multiple options.
Drop-down box (ComboBox): Provides a drop-down list from which the user can select an option.
Custom Control (CustomControl): Used to create reusable custom controls or panels.
Data Grid: used to display and edit large data collections.
Date Picker (DatePicker): used to select dates.
Expander: Can collapse and expand its content, used to display folded details.
Grid: A layout container that helps organize and arrange other controls.
Image: used to display images.
Label: used to display text labels and can be used to identify other controls.
ListBox: Used to display list items, and the user can select one or more options.
List View (ListView): used to display collection data, and users can select items.
Media Element (MediaElement): used to play audio and video files.
Menu: Used to create menus to provide navigation and operation of application functions.
Progress Bar: Used to display the progress of the operation.
RadioButton: Used to provide radio options.
Rich text box (RichTextBox): used to display and edit rich text content.
ScrollViewer: Provides a scrollable area for displaying content beyond the visible range.
Slider: allows the user to select a range of values by sliding.
StackPanel: used to arrange child elements vertically or horizontally.
Tab control (TabControl): used to create multiple tabs, and different content can be placed in each tab.
TextBlock: used to display static text.
TextBox: Allows users to enter and edit text.
ToolBar: Used to create tool buttons and provide quick access to commonly used functions.
Toolbar tray (ToolBarTray): used to accommodate toolbars and provide support for their layout and positioning.
TreeView (TreeView): used to display data in a tree structure, and users can expand and collapse nodes.