DevExpress control library ---- FlyoutPanel prompt control, devexpress paging Control

DevExpress control library ---- FlyoutPanel prompt control, devexpress paging Control

DevExpress control library ---- FlyoutPanel prompt control

Step 1: drag a FlyoutPanel control to the WinForm. Name: flyoutPanel1

Display prompt information on the control:

Display prompt information on the panelControl1 Control

 

  flyoutPanel1.OwnerControl = panelControl1;

 

When you move the mouse over panelControl1, the following message is displayed:

  private void panelControl1_MouseEnter(object sender, EventArgs e)        {            flyoutPanel1.ShowBeakForm();        }

Display the settings of the prompt button in the prompt box:

Close button event:

 

Private void flyoutpanelappsbuttonclick (object sender, DevExpress. Utils. FlyoutPanelButtonClickEventArgs e) {if (e. Button. Caption. Equals ("close") {flyoutPanel1.HideBeakForm ();}}

Display Effect:

The prompt is displayed at the bottom of the control:

this.flyoutPanel1.OptionsBeakPanel.BeakLocation = DevExpress.Utils.BeakPanelBeakLocation.Top;

 Point GetHotPoint(Control control)        {                     Point pt = new Point(control.Width / 2, 0);                        if (flyoutPanel1.OptionsBeakPanel.BeakLocation==DevExpress.Utils.BeakPanelBeakLocation.Top)            {                pt.Y += control.Height;            }            return control.PointToScreen(pt);        }        private void panelControl1_MouseEnter(object sender, EventArgs e)        {            if (flyoutPanel1.FlyoutPanelState.IsActive)            {                return;            }            flyoutPanel1.ShowBeakForm(GetHotPoint(panelControl1));        }

Display:

 

 

This article takes notes for yourself !! If something is wrong! Please correct me !!