WPF simulates Windows 7 desktop taskbar

This program is similar to the Windows 7 desktop taskbar. When you double-click a shortcut on the desktop, a new subinterface is opened and a taskbar icon linked to this interface is created in the taskbar, when you move the cursor to the icon on the taskbar, the popup real-time image thumbnail is displayed. When you click the taskbar icon, the interface can be maximized or minimized, as shown in the following figure. The source code is downloaded from here.

Use visualbrush to fill the real-time image of the sub-interface into the rectangle when you create a thumbnail of this taskbar interface.

1 rectangle emptyrectangle = new rectangle
2 {
3 width = 250d,
4 Height = 130d,
5 fill = new visualbrush {visual = Child },
6 margin = New thickness (2)
7 };

We also used two border to simulate the rounded corner of the thumbnail in the Windows 7 taskbar.

Use rounded corner

// Apply the rounded corner to the thumbnail of the popup interface of the taskbar
Border visualborder = new border
{
Borderbrush = brushes. Transparent,
Borderthickness = New thickness (1 ),
Cornerradius = new cornerradius (10 ),
Margin = New thickness (10 ),
Height = 150d,
Width = 270d,
Child = emptyrectangle,
Horizontalalignment = horizontalalignment. Center,
Verticalalignment = verticalignment. Center,
Background = This. findresource ("transparentcolor") as lineargradientbrush
};
// Apply the rounded corner to the background of the thumbnail on the popup interface of the taskbar
Border host = new border
{
Borderbrush = brushes. Transparent,
Borderthickness = New thickness (1 ),
Cornerradius = new cornerradius (8 ),
Child = visualborder,
Horizontalalignment = horizontalalignment. Center,
Verticalalignment = verticalignment. Center,
Background = This. findresource ("thumbnailbackground") as imagebrush
}; Copy the code

Define a thumbnail of A tooltip used to host the interface

Tooltip

// Add a tooltip for the host subinterface
Tooltip visualtooltip = new tooltip
{
Content = host,
Background = brushes. Transparent,
Borderbrush = brushes. Transparent,
Placement = placementmode. Top,
Horizontalcontentalignment = horizontalalignment. Center,
Verticalcontentalignment = verticalignment. Center,
Hasdropshadow = false,
Verticaloffset = 3
};
// Design the popup delay of tooltip to 20 ms
Tooltipservice. setinitialshowdelay (thumbnail, 20 );
Thumbnail. tooltip = visualtooltip; copy the code

Define events. When the subinterface is closed, move the icons on the taskbar from the taskbar. When you click the mouse on the taskbar icon, the interface is maximized or minimized.

Define events

// When the opened sub-interface is closed, you need to remove the icon on this interface from the taskbar
Child. Closed + = delegate
{
This. statusbar. Children. Remove (hostborder );
};
// Maximize or minimize the subinterface when you click the task icon on the taskbar
Hostborder. mouseleftbuttondown + = delegate (Object sender, mousebuttoneventargs E)
{
If (E. clickcount = 1)
{
If (child. windowstate = windowstate. Minimized)
{
// The Sub-interface is displayed normally.
Child. windowstate = windowstate. normal;
Child. topmost = true;
}
Else
// Minimize the subinterface
Child. windowstate = windowstate. minimized;
}
}; Copy the code

This program is easy to implement, but it should be noted that when adding the sub-interface taskbar icon to the taskbar, it should be added in the order from top to bottom, so as to avoid repeated Rendering
The leaf point of the logical tree,