Question

I’m currently trying to create a screen similar to this:

Using this tool to browse visual style parts and states, I found the bottom area to be a FLYOUT_LINKPANEL.

But what about the refresh button? I can’t find any buttons that have the same behaviour; no background until hover. In addition, I’ve tried looking through the dlls in shell32 for icons replicating that refresh icon – no dice. The refresh icon is a bitmap in ExplorerFrame.dll.

I also tried giving WinSpy++ a go to poke around the window, but that won’t work since it disappears immediately on disactivation.

Advice?

Answer 1

Here is an example implementation. As for the image, it can be extracted from ExplorerFrame.

The first attempt of this class simply flipped the button’s FlatStyle when hovering, but the image shifted position whenever the button was hovered over.

Also, the class does not faithfully replicate that button in the flyout; it has a pressed state instead of shifting the image, and it also doesn’t draw a dotted outline when it’s active. That however goes against how buttons typically function in Windows, so this did not replicate the behaviour.

    public class FlyoutImageButton : Button
    {
        bool _isHovering = false;
        public FlyoutImageButton() : base()
        {
            MouseEnter += (sender, e) => _isHovering = true;
            MouseLeave += (sender, e) => _isHovering = false;
        }
        protected override void OnPaint(PaintEventArgs e)
        {
            if (_isHovering)
                base.OnPaint(e);
            else
            {
                if (this.Image != null)
                {
                    e.Graphics.Clear(BackColor);
                    if (this.Enabled)
                        e.Graphics.DrawImageUnscaled(
                            this.Image,
                            (this.Width - this.Image.Width) / 2,
                            (this.Height - this.Image.Height) / 2);
                    else
                        ControlPaint.DrawImageDisabled(
                            e.Graphics,
                            this.Image,
                            (this.Width - this.Image.Width) / 2,
                            (this.Height - this.Image.Height) / 2,
                            BackColor);
                }
                if (this.DesignMode)
                    ControlPaint.DrawBorder(
                        e.Graphics, ClientRectangle, SystemColors.ControlDarkDark, ButtonBorderStyle.Dashed);
            }
        }
    }