AppBar Painters (16 Styles)

Overview

The BeepWebHeaderAppBar control provides a web-style application header bar with 16 distinct visual styles, each implemented as a painter class conforming to IWebHeaderStylePainter. Every painter extends WebHeaderStylePainterBase, which provides shared drawing primitives for logos, search boxes, tabs, and buttons.

The styles range from startup hero headers to SaaS professional, ecommerce, material design, multi-row compact, and mobile-first layouts. Each style controls header background, logo rendering, tab/breadcrumb rendering, search bar, action buttons, and responsive layout behavior.

IWebHeaderStylePainter Contract

public interface IWebHeaderStylePainter
{
    void PaintHeader(Graphics g, Rectangle bounds, WebHeaderAppBarConfig config);
    Rectangle GetTabBounds(int index, Rectangle headerBounds, WebHeaderAppBarConfig config);
    Rectangle GetButtonBounds(string buttonKey, Rectangle headerBounds, WebHeaderAppBarConfig config);
    string GetHitElement(Point point, Rectangle headerBounds, WebHeaderAppBarConfig config);
}

WebHeaderStylePainterBase

All 16 painters extend WebHeaderStylePainterBase, which provides 5 shared helper methods:

Painter Catalog (16 Total)

Helper Classes (8)

The AppBar system is supported by 8 coordination and utility classes:

Examples

Header Style Switching

var appBar = new BeepWebHeaderAppBar();

appBar.LogoText = "MyApp";
appBar.Pages = new[] { "Dashboard", "Reports", "Settings", "Admin" };

appBar.HeaderStyle = HeaderStyle.SaaSProfessional;

appBar.HeaderStyle = HeaderStyle.EcommerceModern;
appBar.ShowSearchBox = true;
appBar.NotificationCount = 5;

appBar.HeaderStyle = HeaderStyle.MaterialDesign3;

appBar.HeaderStyle = HeaderStyle.StartupHero;

appBar.HeaderStyle = HeaderStyle.MultiRowCompact;
appBar.SearchPlaceholder = "Search everything...";

appBar.Host = this;
appBar.TabClicked += (s, e) =>
{
    var pageName = appBar.Pages[e.TabIndex];
    NavigateToPage(pageName);
};