CODEWITHSUNDEEP
c#.netwinforms
Malfist
Malfist

Reputation: 31805

How to make a floating control

I would like to create a control the floats (potentially) outside the bounds of it's containing form. Is this possible? How may I do it?

This would function much like Context Menu's only I need to be able to add other controls to it such as buttons and images.

Upvotes: 8

Views: 26480

Answers (7)

The_Mind_Hunter
The_Mind_Hunter

Reputation: 79

here is u can made for all Control floating Style

    private void Panel_MouseMove(object sender, MouseEventArgs e)
    {
        if (e.Button == System.Windows.Forms.MouseButtons.Left)
        {
            Panel.Left += e.X - PanelMouseDownLocation.X;
            Panel.Top += e.Y - PanelMouseDownLocation.Y;
        }
    }
    private void Panel_MouseDown(object sender, MouseEventArgs e)
    {
        if (e.Button == MouseButtons.Left) PanelMouseDownLocation = e.Location;
    }


public Point PanelMouseDownLocation { get; set; }

Upvotes: 2

Efrain Marin Caro
Efrain Marin Caro

Reputation: 1

This worked for me

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Threading.Tasks;
using System.ComponentModel;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Drawing.Text;
using System.Windows.Forms;
using LollipopUIControls.UIManagers;

namespace Gamasis.Apps.Controls
{
public class FloatingButton : Button
{
    public FloatingButton()
    {
        SetStyle((ControlStyles.AllPaintingInWmPaint | ControlStyles.OptimizedDoubleBuffer | ControlStyles.ResizeRedraw | ControlStyles.SupportsTransparentBackColor | ControlStyles.UserPaint), true);
        DoubleBuffered = true;

        Size = new Size(50, 50);
        BackColor = Color.Transparent;

        SF.Alignment = StringAlignment.Center;
        SF.LineAlignment = StringAlignment.Center;

        AnimationTimer.Tick += new EventHandler(AnimationTick);
    }

    #region  Variables

    Timer AnimationTimer = new Timer { Interval = 1 };

    FontManager font = new FontManager();
    StringFormat SF = new StringFormat();
    Rectangle StringRectangle;

    bool Focus = false;
    int margintop = 0, marginleft = 0, marginright = 0, marginBottom = 0;
    int xx;
    int yy;

    float SizeAnimation = 0;
    float SizeIncNum;

    string fontcolor = "#FAFAFA";
    string Backcolor = "#039BE5";

    Color EnabledBGColor;
    Color EnabledBorderColor;
    Color StringColor;

    Color DisabledBGColor = ColorTranslator.FromHtml("#B0BEC5");
    Color DisabledStringColor = ColorTranslator.FromHtml("#FAFAFA");
    Color NonColor = ColorTranslator.FromHtml("#e3e5e7");

    Image bGImage = null;


    #endregion

    #region  Properties
    [Category("Custom")]
    public string BGColor
    {
        get { return Backcolor; }
        set
        {
            Backcolor = value;
            Invalidate();
        }
    }
    [Category("Custom")]
    public string FontColor
    {
        get { return fontcolor; }
        set
        {
            fontcolor = value;
            Invalidate();
        }
    }

    [Browsable(false)]
    public Font Font
    {
        get { return base.Font; }
        set { base.Font = value; }
    }

    [Browsable(false)]
    public Color ForeColor
    {
        get { return base.ForeColor; }
        set { base.ForeColor = value; }
    }

    [Category("Custom")]
    public Image BGImage
    {
        get { return bGImage; }
        set { bGImage = value; }
    }

    ImageSizeLevel bGimgSize = ImageSizeLevel.peque2;

    public ImageSizeLevel BGimgSize
    {
        get { return bGimgSize; }
        set { bGimgSize = value; }
    }
    #endregion

    #region Events
    protected override void OnMouseEnter(EventArgs e)
    {
        base.OnMouseEnter(e);

        EnabledBGColor = Color.FromArgb(30, ColorTranslator.FromHtml(BGColor));//StringColor);
        EnabledBorderColor = Color.FromArgb(20, ColorTranslator.FromHtml(BGColor));//StringColor);
        Refresh();
    }
    protected override void OnMouseLeave(EventArgs e)
    {
        base.OnMouseLeave(e);

        EnabledBGColor = ColorTranslator.FromHtml(BGColor);
        EnabledBorderColor = ColorTranslator.FromHtml(BGColor);
        Refresh();
    }
    protected override void OnMouseDown(MouseEventArgs e)
    {
        base.OnMouseDown(e);

        EnabledBGColor = Color.FromArgb(30, StringColor);
        Refresh();

        xx = e.X;
        yy = e.Y;

        Focus = true;
        AnimationTimer.Start();
        Invalidate();
    }
    protected override void OnMouseUp(MouseEventArgs e)
    {
        base.OnMouseUp(e);
        Focus = false;
        AnimationTimer.Start();
        Invalidate();
    }

    protected override void OnTextChanged(System.EventArgs e)
    {
        base.OnTextChanged(e);
        Invalidate();
    }
    protected override void OnSizeChanged(EventArgs e)
    {
        base.OnSizeChanged(e);
        //StringRectangle = new Rectangle(3, 0, Width - 6, Height - 6);
    }
    #endregion

    protected override void OnResize(System.EventArgs e)
    {
        base.OnResize(e);
        //SizeIncNum = Width / 34;
        SizeIncNum = Width / 10;

    }

    protected override void OnPaint(PaintEventArgs e)
    {
        base.OnPaint(e);

        var G = e.Graphics;


        #region Default rectangle
        //G.SmoothingMode = SmoothingMode.HighQuality | SmoothingMode.AntiAlias;
        //G.Clear(Parent.BackColor);

        //StringColor = ColorTranslator.FromHtml(fontcolor);

        //var BG = DrawHelper.CreateRoundRect(1, 1, Width - 3, Height - 3, 1);
        //Region region = new Region(BG);

        //G.FillPath(new SolidBrush(Enabled ? EnabledBGColor : Color.White), BG);
        //G.DrawPath(new Pen(Enabled ? EnabledBorderColor : Color.White), BG);

        //G.SetClip(region, CombineMode.Replace);

        ////The Ripple Effect
        //G.FillEllipse(new SolidBrush(Color.FromArgb(30, StringColor)), xx - (SizeAnimation / 2), yy - (SizeAnimation / 2), SizeAnimation, SizeAnimation);

        //G.DrawString(Text, font.Roboto_Medium10, new SolidBrush(Enabled ? StringColor : DisabledStringColor), R, SF);

        #endregion

        #region Circle

        //G.SmoothingMode = SmoothingMode.AntiAlias;
        //G.Clear(BackColor);

        //GraphicsPath bgbtn = new GraphicsPath();
        //bgbtn.AddEllipse(0, 0, Width - 5, Height - 5);

        //GraphicsPath bgShadow = new GraphicsPath();
        //bgShadow.AddEllipse(0, 0, Width - 2, Height - 2);

        //G.FillPath(new SolidBrush(NonColor), bgShadow);
        //G.DrawPath(new Pen(NonColor), bgShadow);

        //G.FillPath(new SolidBrush(Color.DeepSkyBlue), bgbtn);            
        //G.DrawPath(new Pen(Color.DeepSkyBlue), bgbtn);

        #endregion


        ///----------------------------
        G.SmoothingMode = SmoothingMode.AntiAlias;
        G.Clear(Parent.BackColor);

        StringColor = ColorTranslator.FromHtml(fontcolor);

        //var BG = DrawHelper.CreateRoundRect(1, 1, Width - 3, Height - 3, 1);
        //Círculo principal
        GraphicsPath bgbtn = new GraphicsPath();
        bgbtn.AddEllipse(2, 0, Width - 6, Height - 6);

        //Círculo para la sombra
        GraphicsPath bgShadow = new GraphicsPath();
        bgShadow.AddEllipse(2, 4, Width - 6, Height - 6);

        // se dibuja la sombra
        G.FillPath(new SolidBrush(NonColor), bgShadow);
        G.DrawPath(new Pen(NonColor), bgShadow);

        //sedibuja el círculo principal sobre la sombra
        G.FillPath(new SolidBrush(Enabled ? ColorTranslator.FromHtml(BGColor) : DisabledBGColor), bgbtn);
        G.DrawPath(new Pen(Enabled ? ColorTranslator.FromHtml(BGColor) : DisabledBGColor), bgbtn);

        // Se da a la región forma de círculo/elipse
        Region region = new Region(bgbtn);//BG);
        G.SetClip(region, CombineMode.Replace);

        //The Ripple Effect
        if (Enabled)
            G.FillEllipse(new SolidBrush(Color.FromArgb(30, EnabledBGColor)), xx - (SizeAnimation / 2), yy - (SizeAnimation / 2), SizeAnimation, SizeAnimation);
        StringRectangle = new Rectangle((int)bgbtn.GetBounds().Location.X, (int)bgbtn.GetBounds().Location.Y,
            (int)bgbtn.GetBounds().Size.Width, (int)bgbtn.GetBounds().Size.Height);
        G.DrawString(Text, font.Roboto_Medium15, new SolidBrush(Enabled ? StringColor : DisabledStringColor), StringRectangle, SF);
        if (bGImage != null)
        {
            float imgX = 0, imgY = 0;
            imgY = (bgbtn.GetBounds().Size.Height - (int)bGimgSize) / 2;
            imgX = ((bgbtn.GetBounds().Size.Width - (int)bGimgSize) + 2) / 2;
            G.DrawImage(bGImage, imgX, imgY, (float)bGimgSize, (float)bGimgSize);
        }
    }

    protected void AnimationTick(object sender, EventArgs e)
    {
        if (Focus)
        {
            if (SizeAnimation < Width + 250)
            {
                SizeAnimation += SizeIncNum;
                this.Invalidate();
            }
        }
        else
        {
            if (SizeAnimation > 0)
            {
                SizeAnimation = 0;
                this.Invalidate();
            }
        }
    }

    public enum ImageSizeLevel
    {
        peque = 12, peque1 = 24, peque2 = 32,
        maso = 48, maso1 = 56, maso2 = 64,
        grande = 72, grande1 = 86, grande2 = 96,
        monstruo = 128, monstruo1 = 256, monstruo2 = 512
    }
}

}

Upvotes: -1

Little Endian
Little Endian

Reputation: 832

Have your UserControl override CreateParams. For example:

[DllImport("user32.dll", EntryPoint = "GetDesktopWindow")]
public static extern IntPtr GetDesktopWindow();

protected override CreateParams CreateParams
{
    get
    {
        var cp = base.CreateParams;
        cp.ExStyle &= 0x00080000; // WS_EX_LAYERED
        cp.Style = 0x40000000 | 0x4000000; // WS_CHILD | WS_CLIPSIBLINGS
        cp.Parent = GetDesktopWindow(); 
        return cp;
    }
}

This may have unintended effects (including not working well with Designer). I am choosing to follow one of the above patterns, but I thought it was worth mentioning here. Lookup CreateParams to see its purpose. (This option was gleaned from this page.)

Upvotes: 0

Alex B
Alex B

Reputation: 133

You want a Form with it's FormBorderStyle set to None, if you want it to behave like a context menu then you'll need to tie showing it to the appropriate event handler in your main form. Simple example below of setting the location and calling show from a mouse click event handler.

MyForm form = new MyForm();
form.Location = PointToScreen(new Point(e.X, e.Y));
form.Show();

Upvotes: 5

Hans Passant
Hans Passant

Reputation: 942020

It is possible, the TopLevel property controls this. However, the designer doesn't support them well, hard to keep control over controls that are also top-level windows at design time.

Beyond components like ToolTip and ContextMenuStrip, there is exactly one class that is top-level by design, the Form class. Set its FormBorderStyle to None and ControlBox to False to create a basic top-level window that you can use and populate with other controls.

Upvotes: 4

VVS
VVS

Reputation: 19612

Take a look at the DockPanel Suite source and adopt the technique.

Upvotes: 3

Rowland Shaw
Rowland Shaw

Reputation: 38130

It would need to be a separate window (much like a context menu actually is) -- you could wrap it as a control, that displays a modeless form (which would even give you the option for non rectangular windows if you really wanted to). As you could create the window from a non-visible control from the parent form, you can maintain a reference to the child for handling inter-form communication.

Upvotes: 0

Related Questions