SOUI3.0 dpi缩放Demo

setoutsoft

最近做启程输入法，在输入法皮肤中增加高分屏支持。
原来启程输入法是计划不同dpi的屏幕就让用户切换到不同的皮肤，这样我的代码比较省事，但是增加了用户的学习成本，也增加了皮肤的配置复杂度（为了适配不同的屏幕需要为一个主题制作多款皮肤）。
为此花了一天时间让一款皮肤支持多个DPI。
SOUI原来就考虑好了皮肤资源在高分屏上的放大处理。也有一个demo: multilang_demo，那个demo最开始是演示多语言动态切换的，后来又加上了窗口放大（适配dpi)的演示。不过可能很多人并不知道，而且那个demo由于没有加上dpiaware的清单文件，在用户在高分屏下启用放大后，窗口会变模糊，也误导了部分小白。
这里这个demo是专门演示怎么使用高分屏的，配置好了dpiaware的清单文件，windows系统不会放大我的窗口，但是当打开支持缩放的窗口时，窗口会根据当前的屏幕放大系数自动放大窗口，使窗口放大但界面不模糊。

代码很简单，先看一下两个布局XML文件：

1. <SOUI name="dlg_scale" title="@string/title" bigIcon="ICON_LOGO:32" smallIcon="ICON_LOGO:16" margin="5,5,5,5"  resizable="1"
   
2. appWnd="1"
   
3. translucent="1"
   
4. >
   
5.   <user autoScale="true"/>
   
6.   <root skin="_skin.sys.wnd.bkgnd" cache="1"  width="300" height="200" layout="vbox">
   
7.     <caption size="-2,30" font="adding:0">
   
8.       <icon pos="10,8" src="ICON_LOGO:16"/>
   
9.       <text pos="29,9">@string/title</text>
   
10.       <imgbtn id="IDCANCEL" skin="_skin.sys.btn.close"    pos="-45,0" tip="close" animate="1"/>
    
11.    </caption>
    
12.     <window size="-2,0" weight="1" gravity="center" layout="hbox">
    
13.       <text text="自动DPI缩放窗口" colorText="@color/green"/>
    
14.     </window>
    
15.   </root>
    
16. </SOUI>
    

复制代码

1. <SOUI name="dlg_scale" title="@string/title" bigIcon="ICON_LOGO:32" smallIcon="ICON_LOGO:16" margin="5,5,5,5"  resizable="1"
   
2. appWnd="1"
   
3. translucent="1"
   
4. >
   
5.   <user autoScale="false"/>
   
6.   <root skin="_skin.sys.wnd.bkgnd" cache="1"  width="300" height="200" layout="vbox">
   
7.     <caption size="-2,30" font="adding:0">
   
8.       <icon pos="10,8" src="ICON_LOGO:16"/>
   
9.       <text pos="29,9">@string/title</text>
   
10.       <imgbtn id="IDCANCEL" skin="_skin.sys.btn.close"    pos="-45,0" tip="close" animate="1"/>
    
11.     </caption>
    
12.     <window size="-2,0" weight="1" gravity="center" layout="hbox">
    
13.       <text text="禁用自动DPI缩放窗口" colorText="@color/red"/>
    
14.     </window>
    
15.   </root>
    
16. </SOUI>
    

复制代码

上面两个布局，最重要的区别是和root节点平行的user节点中的autoScale属性。
user节点不是SOUI处理的布局节点，3.0.0.15碰到这些非布局节点会通过SHostWnd::onUserXmlNode虚方法传递到应用层。应用层实现该方法来处理XML中的特定配置信息。
下面看一下主要的窗口类：

1. 
   
2. class CScaleDlg : public SHostDialog, public SDpiHandler<CScaleDlg>
   
3. {
   
4.         bool m_bDpiAware;
   
5. public:
   
6.         CScaleDlg(LPCTSTR pszLayout);
   
7.         ~CScaleDlg(void);
   
8. 
   
9. protected:
   
10.         void OnUserXmlNode(pugi::xml_node xmlUser) override;
    
11.         bool IsDpiAware() const override;
    
12.         
    
13. 
    
14.         BEGIN_MSG_MAP_EX(CScaleDlg)
    
15.                 CHAIN_MSG_MAP(SDpiHandler<CScaleDlg>)
    
16.                 CHAIN_MSG_MAP(SHostDialog)
    
17.         END_MSG_MAP()
    
18. };
    
19. 
    
20. CScaleDlg::CScaleDlg(LPCTSTR pszLayout):SHostDialog(pszLayout),m_bDpiAware(false)
    
21. {
    
22. }
    
23. 
    
24. CScaleDlg::~CScaleDlg(void)
    
25. {
    
26. }
    
27. 
    
28. void CScaleDlg::OnUserXmlNode(pugi::xml_node xmlUser)
    
29. {
    
30.         if(wcsicmp(xmlUser.name(),L"user")==0)
    
31.         {
    
32.                 m_bDpiAware = xmlUser.attribute(L"autoScale").as_bool();
    
33.         }
    
34. }
    
35. 
    
36. bool CScaleDlg::IsDpiAware() const
    
37. {
    
38.         return m_bDpiAware;
    
39. }
    

复制代码

dpi消息处理相关的代码已经包装到SDpiHandler这个模板中了，使用时继承它即可。
SDpiHandler会调用IsDpiAware这个虚方法来判断窗口是否需要自动处理dpi。

源代码如下：

游客，如果您要查看本帖隐藏内容请回复

凝望着

沙发:lol:lol:lol:lol:lol:lol:lol:lol:lol:lol

admin

谢谢老大分享，SOUI又进步了

admin

问个问题，若布局是依据1980*1080布局的全屏应用，在1366*768的屏幕上是如何显示的？之前是有一部分显示不出来

setoutsoft

admin 发表于 2019-12-9 17:15
问个问题，若布局是依据1980*1080布局的全屏应用，在1366*768的屏幕上是如何显示的？之前是有一部分显示不 ...

你这个问题应该是需求问题。
你的界面是依据1080P布局，这个布局允许缩放吗？如果允许，那直接将窗口大小设定为768P就解决问题了。
如果不允许，你在768P显示器上就只能截断了。

guanhuaming

非常谢，又学习了一招。

lanzhiyu520

这个3.0版本才有吗？

setoutsoft

lanzhiyu520 发表于 2020-3-11 10:08
这个3.0版本才有吗？

2.X也有，不过不完善。

xiaoke

不错 不错啊

yol85211

谢谢大佬分享