在多行选项卡控件中将它们从底部移动到顶部时，标签页正在跳跃

Posted 2023-05-08

【中文标题】在多行选项卡控件中将它们从底部移动到顶部时，标签页正在跳跃

【英文标题】：Tabpages are jumping when moving them from bottom to top in multiline tabcontrol

【发布时间】：2021-02-02 22:34:47

【问题描述】：

我们是一个可拖动的标签页，实现类似于主题中建议的方法 How to make TabPages draggable?。我认为这与我们的更改无关，因为我在一个单独的项目中尝试了针对纯选项卡控件提出的方法，并注意到完全相同的行为。有没有人遇到过类似的问题？有没有合理的解决办法？在我看来，禁止绘图不是一个好主意，因为那样标签移动的位置将不可见。

问题的录像

链接到最小可重现示例https://drive.google.com/file/d/122u3jcTmqEOl4LcmLI4n3cEvIlds328B/view?usp=sharing

【问题讨论】：

@Sinatr 感谢您的建议，已替换为 gif

看起来确实很丑。你试过other solutions吗？可以准备minimal reproducible example吗？

只有一行tab的时候也会出现这种情况吗？

@Sinatr 是的，当然。我附上了项目的链接，实现是从您的链接中获取的。

@TaW 不，不是

【参考方案1】：

最底部的选项卡行是活动行。单击/交换上一行上的选项卡会将整行移动到最底行。这就是导致抖动的原因。

如果您沿活动行拖动TabPage，则可以交换TabPageCollection 中的索引位置。但是，一旦涉及到上一行选项卡，TabControl 就会重新排列行。

一个可能的想法是只更改TabPage.Text 属性。但是，那么每个tab矩形宽度都需要锁定，否则很可能会导致抖动问题。我在玩文本重命名的想法，代码如下。如果仅更改了文本，则还需要使选项卡突出显示更智能，以便目标选项卡突出显示，而源选项卡不再突出显示。最后，当拖动操作结束时才是真正的交换发生的时候，这将使源选项卡的行成为活动行（代码中没有这样做）。

private static void swapTabPages2(TabControl tc, TabPage src, TabPage dst, DragTabData data) 
    TabPageCollection tabs = tc.TabPages;
    int n = tabs.Count;
    int index_src = tabs.IndexOf(src);
    int index_dst = tabs.IndexOf(dst);

    if (index_dst >= index_src) 
        for (int i = 0; i < index_src; i++)
            tabs[i].Text = data.OrigText[i]; // OrigText stores each tab's original Text just before this.DoDragDrop(...) is called
        for (int i = index_dst + 1; i < n; i++)
            tabs[i].Text = data.OrigText[i];

        for (int i = index_src; i < index_dst; i++)
            tabs[i].Text = data.OrigText[i+1];

        tabs[index_dst].Text = data.OrigTabText;
    
    else 
        for (int i = 0; i < index_dst; i++)
            tabs[i].Text = data.OrigText[i];
        for (int i = index_src + 1; i < n; i++)
            tabs[i].Text = data.OrigText[i];

        for (int i = index_src; i > index_dst; i--)
            tabs[i].Text = data.OrigText[i-1];

        tabs[index_dst].Text = data.OrigTabText;
    

【讨论】：

感谢您的想法，我会测试一下