在SOUI4中使用非客户区自绘

前段时间用sdl嵌入SOUI做视频播放器，由于SOUI习惯屏蔽系统默认的非客户区，而在窗口自己的客户区分出一块来模拟非客户区，导致窗口在拉伸的时候，SOUI窗口会出现比较严重的闪烁（不光是SOUI这样，其它UI库也存在类似问题，应该是MS的原因），打开系统的非客户区就不闪烁。

为了让业务层有更一致的UI体验，SOUI4基于SOUI的控件框架搭建了一套非客户区绘制框架，使得可以像客户区一样操作非客户区，方便需要嵌入视频的应用更好的统一界面效果。

使用方法：

首先这类窗口不支持窗口的逐点半透明效果，因此必须关闭soui元素里的translucent属性。

然后在soui元素下加入ncpainter元素如下：

<ncpainter system="false" borderWidth="5dp" titleHeight="30dp" skinBorder="_skin.sys.wnd.bkgnd"
             skinActive="skin_active" skinInactive="skin_inactive"
             colorActiveTitle="@color/white"
             colorInactiveTitle="@color/white"
             layout="hbox" gravity="center" >
    <icon id="sysid_icon" src="ICON_LOGO:16"/>
    <text id="sysid_title">@string/title</text>
    <window size="0,0" weight="1"/>
    <imgbtn id="sysid_min" skin="_skin.sys.btn.minimize" animate="1" />
    <window>
      <imgbtn id="sysid_max" skin="_skin.sys.btn.maximize"  pos="0,0" animate="1" />
      <imgbtn id="sysid_restore" skin="_skin.sys.btn.restore"  pos="0,0" show="0" animate="1" />
    </window>
    <imgbtn id="sysid_close" skin="_skin.sys.btn.close"  tip="close" animate="1"/>
  </ncpainter>

其中system, borderWidth,titleHeight,skinBorder, skinActive, skinInactive, colorActiveTitle, colorInactiveTitle是ncpainter专有属性。

system是bool类型，默认为false，代表使用SOUI的自绘非客户区，为true则代表使用系统默认的非客户区。

borderWidth代表边框宽度，titleHeight代表窗口头高度。

skinBorder是一个绘制边框的skin对象。

skinActive, skinInactive是两个绘制标题栏背景的skin对象，分别对应激活状态和失活状态。

colorActiveTitle, colorInactiveTitle是两个绘制标题栏文本的颜色，分别对应激活状态和失活状态。

其它属性和SWindow一样，子窗口的布局属性也和其它常规窗口一样。

和常规窗口一个不同点在于，非客户区由于不处理键盘事件，因此不要在非客户中布局edit等需要处理键盘的控件。

非客户区控件增加了几个系统ID，以sysid_XXX命名，这几个ID会同步系统的默认行为。

    enum{
        IDC_SYS_ICON=100,
        IDC_SYS_TITLE=101,
        IDC_SYS_CLOSE=102,
        IDC_SYS_MIN=103,
        IDC_SYS_MAX = 104,
        IDC_SYS_RESTORE = 105,
    };

int SNcPainter::toNcBuiltinID(const SStringW & strValue)
{
    static struct SystemID
    {
        int id;
        LPCWSTR pszName;
    } systemID[] = { IDC_SYS_ICON,   L"sysid_icon",   IDC_SYS_TITLE, L"sysid_title", IDC_SYS_CLOSE,  L"sysid_close",
        IDC_SYS_MIN, L"sysid_min", IDC_SYS_MAX,  L"sysid_max",  IDC_SYS_RESTORE,    L"sysid_restore"};
    if (!strValue.IsEmpty())
    {
        if (strValue.Left(5).CompareNoCase(L"sysid") == 0)
        {
            for (int i = 0; i < ARRAYSIZE(systemID); i++)
            {
                if (strValue.CompareNoCase(systemID[i].pszName) == 0)
                {
                    return systemID[i].id;
                }
            }
        }
    }
    return 0;
}

除了上述差异，非客户区控件和客户区其它控件没有区别。

上图标题栏就是采用新的非客户区绘制框架做出来的，即保持了和客户区界面效果一致，也解决了拉伸闪烁问题。