Duilib中带有权重的灵活控件排列实现（一）

最新推荐文章于 2024-08-21 08:31:27 发布

Nirvana__

最新推荐文章于 2024-08-21 08:31:27 发布

阅读量2.4k

点赞数 4

分类专栏： DirectUI 文章标签： Duilib 控件布局算法

本文链接：https://blog.csdn.net/int_tulip/article/details/54929868

版权

本文介绍了在Duilib中实现带有权重的控件排列，以适应窗口尺寸变化的需求。通过引入权重概念，当空间不足时，根据权重优先级隐藏控件。详细探讨了实现思路和关键代码，包括CHorizontalLayoutUI::SetPos方法，以及如何处理控件的隐藏和显示顺序。

摘要由CSDN通过智能技术生成

  在开发播放器软件过程中，因为窗口的大小是可变的，为了让控制栏部分的控件（播放，上一集，下一集，全屏，字幕等）适应窗口的尺寸的变化而显示隐藏，产品经理会定义一系列的规则，好让在任何时候都最核心的功能提供给用户使用。 
 
   先列一下产品经理给予的需求： 
  
    1.两边往中间缩，保证左侧LOGO和右侧X最优先显示。 
  
    2.顶部隐藏优先级：搜索栏，换肤，意见反馈，播放记录，最小化，最大化 
  
    3.底部隐藏优先级：全屏，画质增强，无痕，打开文件，播放顺序，音量条 
  
    在处理这个需求过程中，前人也尝试了一些方法，比较通过全float绝对布局的方式，自己通过管理类来完全订制。而我个人还是希望通过而优雅的相对布局，并利用Container自身的排布算法来实现。经过几天的探索，大致实现上这种效果，在此分享一下思路与实现。 
  
    在分析此需求时，我希望引来类似于第3维的权重（weight）概念，即当父容器所提供的位置不足于将所有子控件摆放显示完全时，就按照重要性自低到高依次隐藏，将该控件的显示腾出来提供给更为重要的控件来摆放，简单推演一下，应该是可行的，按照这样简单的规则，可以比较轻松地解决这个需求，并且代码维护起来相对简单。只需要一个能够按照子控件的weight值来排列的父容器，命名为CWeightHorizontalLayoutUI。 
  
    OK，让我们来实现这个父容器，首先我介绍一下 CHorizontalLayoutUI::SetPos的方法。 
  
    其实就是两次for循环，前一次来试算，将没有设置宽度的控件记录下来，将剩余的空间求个平均数，设置给自适应的控件，而设置了宽度的控件则按设置的值排布。 
  
    void CWeightHorizontalLayoutUI::SetPos(RECT rc)
    {
        CControlUI::SetPos(rc);
        rc = m_rcItem;

        std::map<CControlUI*, int /*width*/> mapAjust;
        // Adjust for inset
        rc.left     += m_rcInset.left;
        rc.top      += m_rcInset.top;
        rc.right    -= m_rcInset.right;
        rc.bottom   -= m_rcInset.bottom;

        if (m_items.GetSize() == 0) {
            ProcessScrollBar(rc, 0, 0);
            return;