Подтвердить что ты не робот

TabControl и границы визуального сбоя

У меня есть эти визуальные глюки на каждом tabControls, когда я меняю его tabPages BackColor и BackColor формы, как показано на следующих изображениях:

  • В верхней части tabPage есть внутренняя однопиксельная белая рамка.
  • Слева от tabPage имеется внутренняя трехгранная белая рамка.
  • В нижней части tabPage имеется внутренняя однопиксельная белая рамка и внешняя граница с двумя пикселями белого цвета.
  • Справа от tabPage имеется внутренняя однопиксельная белая рамка и внешняя граница с двумя пикселями белого цвета.

Top and left bordersBottom bordersTop and right borders

Есть ли способ избавиться от этих белых границ?

4b9b3361

Ответ 1

Вот моя попытка взломать. Я использовал NativeWindow для рисования над TabControl, чтобы заполнить эти "белые" пробелы. Я не буду утверждать, что это идеально:

public class TabPadding : NativeWindow {
  private const int WM_PAINT = 0xF;

  private TabControl tabControl;

  public TabPadding(TabControl tc) {
    tabControl = tc;
    tabControl.Selected += new TabControlEventHandler(tabControl_Selected);
    AssignHandle(tc.Handle);
  }

  void tabControl_Selected(object sender, TabControlEventArgs e) {
    tabControl.Invalidate();
  }

  protected override void WndProc(ref Message m) {
    base.WndProc(ref m);

    if (m.Msg == WM_PAINT) {
      using (Graphics g = Graphics.FromHwnd(m.HWnd)) {

        //Replace the outside white borders:
        if (tabControl.Parent != null) {
          g.SetClip(new Rectangle(0, 0, tabControl.Width - 2, tabControl.Height - 1), CombineMode.Exclude);
          using (SolidBrush sb = new SolidBrush(tabControl.Parent.BackColor))
          g.FillRectangle(sb, new Rectangle(0, 
                                            tabControl.ItemSize.Height + 2,
                                            tabControl.Width,
                                            tabControl.Height - (tabControl.ItemSize.Height + 2)));
        }

        //Replace the inside white borders:
        if (tabControl.SelectedTab != null) {
          g.ResetClip();
          Rectangle r = tabControl.SelectedTab.Bounds;
          g.SetClip(r, CombineMode.Exclude);
          using (SolidBrush sb = new SolidBrush(tabControl.SelectedTab.BackColor))
            g.FillRectangle(sb, new Rectangle(r.Left - 3,
                                              r.Top - 1,
                                              r.Width + 4,
                                              r.Height + 3));
        }
      }
    }
  }
}

И подключить его:

public Form1() {
  InitializeComponent();
  var tab = new TabPadding(tabControl1);
}

Мой конечный результат:

enter image description here

Ответ 2

вы можете наследовать от элемента управления

public class TabControlEx : TabControl
{
    protected override void WndProc(ref Message m)
    {
        if (m.Msg == 0x1300 + 40)
        {
            RECT rc = (RECT)m.GetLParam(typeof(RECT));
            rc.Left -= 0;
            rc.Right += 3;
            rc.Top -= 0;
            rc.Bottom += 3;
            Marshal.StructureToPtr(rc, m.LParam, true);
        }
        base.WndProc(ref m);
    }

}
internal struct RECT { public int Left, Top, Right, Bottom; }

Ответ 3

Недавно я столкнулся с этой проблемой и не нашел хорошего простого решения. Это когда я подумал о простом регулировании области отсечения управления. Казалось, что это работает отлично, без заметных побочных эффектов. 2 лишних белых пикселя с правой стороны и один дополнительный белый пиксель внизу больше не видны.

class TabControlEx : TabControl
{
    protected override void WndProc(ref Message m)
    {
        if (m.Msg == 0x0005) // WM_SIZE
        {
            int Width = unchecked((short)m.LParam);
            int Height = unchecked((short)((uint)m.LParam >> 16));

            // Remove the annoying white pixels on the outside of the tab control
            // by adjusting the control clipping region to exclude the 2 pixels
            // on the right and one pixel on the bottom.
            Region = new Region(new Rectangle(0, 0, Width - 2, Height - 1));
        }

        base.WndProc(ref m);
    }
}

Ответ 4

использовать MaterialSkin добавьте MaterialSkin из пакета NuGet [щелкните правой кнопкой мыши по вашему решению - нажмите "Управление пакетами NuGet" - найдите MaterialSkin.dll] следующее перетащить MaterialSkin.dll в панель инструментов и используйте материал skin tabControl