SOUI 实现分屏效果【4,6,9,16,24】类似监控效果

最新推荐文章于 2022-04-18 17:19:58 发布
最新推荐文章于 2022-04-18 17:19:58 发布
阅读量938 收藏 2
点赞数
分类专栏： SOUI自学笔记 文章标签： SOUI C++ 469分屏
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Wuzm_/article/details/90450240
版权

网上找了一圈 没看到类似的例子用C++来实现 多半是C#的例子；这里花了点时间弄了一下

想了一个比较费力的方法来实现，办法很原始；

思路：根据最大的分屏数量 来设计窗口的数量 然后通过不同的分屏方式 来进行窗口的“显示”与“隐藏”；最后就是一个体力活了 

先上XML 看看

<?xml version="1.0"?>
<SOUI name="mainWindow" title="@string/title" bigIcon="ICON_LOGO:32" smallIcon="ICON_LOGO:16" width="1920" height="1060" margin="20,5,5,5" resizable="1" wndType="appMain" appWnd="1" translucent="1">
	<root skin="_skin.sys.wnd.bkgnd" cache="1">
		<window pos="0,[0,-1,-1">
			<window pos="0,0,-1,30">
				<button pos="0,0,@96, @30" colorText="#000000" skin="_skin.sys.btn.normal" name="btn_test4">4</button>
				<button pos="[,{,@96, @30" colorText="#000000" skin="_skin.sys.btn.normal" name="btn_test6">6</button>
				<button pos="[,{,@96, @30" colorText="#000000" skin="_skin.sys.btn.normal" name="btn_test9">9</button>
				<button pos="[,{,@96, @30" colorText="#000000" skin="_skin.sys.btn.normal" name="btn_test16">16</button>
				<button pos="[,{,@96, @30" colorText="#000000" skin="_skin.sys.btn.normal" name="btn_test24">24</button>
				<imgbtn name="btn_close" skin="_skin.sys.btn.close" pos="-45,0" tip="close" animate="1" />
			</window>
			<realwnd pos="14,48,@300, @230" name="wnd_1" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="1" />
			<realwnd pos="[20,{,@300, @230" name="wnd_2" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="2" />
			<realwnd pos="[20,{,@300, @230" name="wnd_3" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="3" />
			<realwnd pos="[20,{,@300, @230" name="wnd_4" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="4" />
			<realwnd pos="[20,{,@300, @230" name="wnd_5" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="5" />
			<realwnd pos="[20,{,@300, @230" name="wnd_6" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="6" />
			<realwnd pos="14,[20,@300, @230" name="wnd_7" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="7" />
			<realwnd pos="[20,{,@300, @230" name="wnd_8" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="8" />
			<realwnd pos="[20,{,@300, @230" name="wnd_9" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="9" />
			<realwnd pos="[20,{,@300, @230" name="wnd_10" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="10" />
			<realwnd pos="[20,{,@300, @230" name="wnd_11" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="11" />
			<realwnd pos="[20,{,@300, @230" name="wnd_12" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="12" />
			<realwnd pos="14,[20,@300, @230" name="wnd_13" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="13" />
			<realwnd pos="[20,{,@300, @230" name="wnd_14" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="14" />
			<realwnd pos="[20,{,@300, @230" name="wnd_15" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="15" />
			<realwnd pos="[20,{,@300, @230" name="wnd_16" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="16" />
			<realwnd pos="[20,{,@300, @230" name="wnd_17" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="17" />
			<realwnd pos="[20,{,@300, @230" name="wnd_18" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="18" />
			<realwnd pos="14,[20,@300, @230" name="wnd_19" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="19" />
			<realwnd pos="[20,{,@300, @230" name="wnd_20" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="20" />
			<realwnd pos="[20,{,@300, @230" name="wnd_21" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="21" />
			<realwnd pos="[20,{,@300, @230" name="wnd_22" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="22" />
			<realwnd pos="[20,{,@300, @230" name="wnd_23" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="23" />
			<realwnd pos="[20,{,@300, @230" name="wnd_24" wndclass="" id="" wndname="" colorBkgnd="#1aaaaa" text="24" />
		</window>
	</root>
</SOUI>

通过这个配置文件 得到了 24个真实窗口(带句柄) 需要真正使用的时候 wndClass属性需要带上对应的值，这里演示思路 故没加

上面有五个按钮 分别对应的 是 4 , 6, 9, 16, 24 分屏的操作

看实现的代码

//4分屏实现
void CMainDlg::OnTest4()
{
	SRealWnd *pWnd = NULL;
	for (int i = 5; i < 25; ++i)
	{
		pWnd = FindChildByName2<SRealWnd>(SStringT().Format(L"wnd_%d", i));
		SASSERT(pWnd);
		pWnd->Move(0, 0, 0, 0);
	}

	int width = 940;
	int height = 495;
	int tag = 10;

	CRect r1(14, 38, 14+width, 38+height);
	CRect r2(r1.right + tag, r1.top, r1.right + tag + width,r1.bottom);
	CRect r3(r1.left,r1.bottom+tag,r1.left + width, r1.bottom + tag + height);
	CRect r4(r3.right + tag, r3.top, r3.right + tag + width, r3.bottom);

	m_pWnd1->Move(r1.left, r1.top, width, height);
	m_pWnd2->Move(r2.left, r2.top, width, height);
	m_pWnd3->Move(r3.left, r3.top, width, height);
	m_pWnd4->Move(r4.left, r4.top, width, height);

}

//6分屏实现
void CMainDlg::OnTest6()
{
	SRealWnd *pWnd = NULL;
	for (int i = 7; i < 25; ++i)
	{
		pWnd = FindChildByName2<SRealWnd>(SStringT().Format(L"wnd_%d", i));
		SASSERT(pWnd);
		pWnd->Move(0, 0, 0, 0);
	}

	int width = 625;
	int height = 495;
	int tag = 10;

	CRect r1(14, 38, 14 + width, 38 + height);
	CRect r2(r1.right + tag, r1.top, r1.right + tag + width, r1.bottom);
	CRect r3(r2.right + tag, r1.top, r2.right + tag + width, r2.bottom);

	CRect r4(r1.left, r1.bottom + tag, r1.left + width, r1.bottom + tag + height);
	CRect r5(r4.right + tag, r4.top, r4.right + tag + width, r4.bottom);
	CRect r6(r5.right + tag, r5.top, r5.right + tag + width, r5.bottom);

	m_pWnd1->Move(r1.left, r1.top, width, height);
	m_pWnd2->Move(r2.left, r2.top, width, height);
	m_pWnd3->Move(r3.left, r3.top, width, height);
	m_pWnd4->Move(r4.left, r4.top, width, height);
	m_pWnd5->Move(r5.left, r5.top, width, height);
	m_pWnd6->Move(r6.left, r6.top, width, height);
}

void CMainDlg::OnTest9()
{
	SRealWnd *pWnd = NULL;
	for (int i = 10; i < 25; ++i)
	{
		pWnd = FindChildByName2<SRealWnd>(SStringT().Format(L"wnd_%d", i));
		SASSERT(pWnd);
		pWnd->Move(0, 0, 0, 0);
	}

	int width = 625;
	int height = 325;
	int tag = 10;

	CRect r1(14, 38, 14 + width, 38 + height);
	CRect r2(r1.right + tag, r1.top, r1.right + tag + width, r1.bottom);
	CRect r3(r2.right + tag, r1.top, r2.right + tag + width, r2.bottom);

	CRect r4(r1.left, r1.bottom + tag, r1.left + width, r1.bottom + tag + height);
	CRect r5(r4.right + tag, r4.top, r4.right + tag + width, r4.bottom);
	CRect r6(r5.right + tag, r5.top, r5.right + tag + width, r5.bottom);

	CRect r7(r4.left, r4.bottom + tag, r4.left + width, r4.bottom + tag + height);
	CRect r8(r7.right + tag, r7.top, r7.right + tag + width, r7.bottom);
	CRect r9(r8.right + tag, r8.top, r8.right + tag + width, r8.bottom);

	m_pWnd1->Move(r1.left, r1.top, width, height);
	m_pWnd2->Move(r2.left, r2.top, width, height);
	m_pWnd3->Move(r3.left, r3.top, width, height);
	m_pWnd4->Move(r4.left, r4.top, width, height);
	m_pWnd5->Move(r5.left, r5.top, width, height);
	m_pWnd6->Move(r6.left, r6.top, width, height);
	m_pWnd7->Move(r7.left, r7.top, width, height);
	m_pWnd8->Move(r8.left, r8.top, width, height);
	m_pWnd9->Move(r9.left, r9.top, width, height);
}

void CMainDlg::OnTest16()
{
	SRealWnd *pWnd = NULL;
	for (int i = 17; i < 25; ++i)
	{
		pWnd = FindChildByName2<SRealWnd>(SStringT().Format(L"wnd_%d", i));
		SASSERT(pWnd);
		pWnd->Move(0, 0, 0, 0);
	}

	int width = 465;
	int height = 240;
	int tag = 10;

	CRect r1(14, 38, 14 + width, 38 + height);
	CRect r2(r1.right + tag, r1.top, r1.right + tag + width, r1.bottom);
	CRect r3(r2.right + tag, r1.top, r2.right + tag + width, r2.bottom);
	CRect r4(r3.right + tag, r1.top, r3.right + tag + width, r3.bottom);

	CRect r5(r1.left, r1.bottom + tag, r1.left + width, r1.bottom + tag + height);
	CRect r6(r5.right + tag, r5.top, r5.right + tag + width, r5.bottom);
	CRect r7(r6.right + tag, r6.top, r6.right + tag + width, r6.bottom);
	CRect r8(r7.right + tag, r7.top, r7.right + tag + width, r7.bottom);

	CRect r9(r5.left, r5.bottom + tag, r5.left + width, r5.bottom + tag + height);
	CRect r10(r9.right + tag, r9.top, r9.right + tag + width, r9.bottom);
	CRect r11(r10.right + tag, r10.top, r10.right + tag + width, r10.bottom);
	CRect r12(r11.right + tag, r11.top, r11.right + tag + width, r11.bottom);

	CRect r13(r9.left, r9.bottom + tag, r9.left + width, r9.bottom + tag + height);
	CRect r14(r13.right + tag, r13.top, r13.right + tag + width, r13.bottom);
	CRect r15(r14.right + tag, r14.top, r14.right + tag + width, r14.bottom);
	CRect r16(r15.right + tag, r15.top, r15.right + tag + width, r15.bottom);

	m_pWnd1->Move(r1.left, r1.top, width, height);
	m_pWnd2->Move(r2.left, r2.top, width, height);
	m_pWnd3->Move(r3.left, r3.top, width, height);
	m_pWnd4->Move(r4.left, r4.top, width, height);
	m_pWnd5->Move(r5.left, r5.top, width, height);
	m_pWnd6->Move(r6.left, r6.top, width, height);
	m_pWnd7->Move(r7.left, r7.top, width, height);
	m_pWnd8->Move(r8.left, r8.top, width, height);
	m_pWnd9->Move(r9.left, r9.top, width, height);
	m_pWnd10->Move(r10.left, r10.top, width, height);
	m_pWnd11->Move(r11.left, r11.top, width, height);
	m_pWnd12->Move(r12.left, r12.top, width, height);
	m_pWnd13->Move(r13.left, r13.top, width, height);
	m_pWnd14->Move(r14.left, r14.top, width, height);
	m_pWnd15->Move(r15.left, r15.top, width, height);
	m_pWnd16->Move(r16.left, r16.top, width, height);
}

void CMainDlg::OnTest24()
{
	int width = 307;
	int height = 240;
	int tag = 10;

	CRect r1(14, 38, 14 + width, 38 + height);
	CRect r2(r1.right + tag, r1.top, r1.right + tag + width, r1.bottom);
	CRect r3(r2.right + tag, r1.top, r2.right + tag + width, r2.bottom);
	CRect r4(r3.right + tag, r1.top, r3.right + tag + width, r3.bottom);
	CRect r5(r4.right + tag, r1.top, r4.right + tag + width, r4.bottom);
	CRect r6(r5.right + tag, r1.top, r5.right + tag + width, r5.bottom);

	CRect r7(r1.left, r1.bottom + tag, r1.left + width, r1.bottom + tag + height);
	CRect r8(r7.right + tag, r7.top, r7.right + tag + width, r7.bottom);
	CRect r9(r8.right + tag, r8.top, r8.right + tag + width, r8.bottom);
	CRect r10(r9.right + tag, r9.top, r9.right + tag + width, r9.bottom);
	CRect r11(r10.right + tag, r10.top, r10.right + tag + width, r10.bottom);
	CRect r12(r11.right + tag, r11.top, r11.right + tag + width, r11.bottom);

	CRect r13(r7.left, r7.bottom + tag, r7.left + width, r7.bottom + tag + height);
	CRect r14(r13.right + tag, r13.top, r13.right + tag + width, r13.bottom);
	CRect r15(r14.right + tag, r14.top, r14.right + tag + width, r14.bottom);
	CRect r16(r15.right + tag, r15.top, r15.right + tag + width, r15.bottom);
	CRect r17(r16.right + tag, r16.top, r16.right + tag + width, r16.bottom);
	CRect r18(r17.right + tag, r17.top, r17.right + tag + width, r17.bottom);

	CRect r19(r13.left, r13.bottom + tag, r13.left + width, r13.bottom + tag + height);
	CRect r20(r19.right + tag, r19.top, r19.right + tag + width, r19.bottom);
	CRect r21(r20.right + tag, r20.top, r20.right + tag + width, r20.bottom);
	CRect r22(r21.right + tag, r21.top, r21.right + tag + width, r21.bottom);
	CRect r23(r22.right + tag, r22.top, r22.right + tag + width, r22.bottom);
	CRect r24(r23.right + tag, r23.top, r23.right + tag + width, r23.bottom);

	m_pWnd1->Move(r1.left, r1.top, width, height);
	m_pWnd2->Move(r2.left, r2.top, width, height);
	m_pWnd3->Move(r3.left, r3.top, width, height);
	m_pWnd4->Move(r4.left, r4.top, width, height);
	m_pWnd5->Move(r5.left, r5.top, width, height);
	m_pWnd6->Move(r6.left, r6.top, width, height);
	m_pWnd7->Move(r7.left, r7.top, width, height);
	m_pWnd8->Move(r8.left, r8.top, width, height);
	m_pWnd9->Move(r9.left, r9.top, width, height);
	m_pWnd10->Move(r10.left, r10.top, width, height);
	m_pWnd11->Move(r11.left, r11.top, width, height);
	m_pWnd12->Move(r12.left, r12.top, width, height);
	m_pWnd13->Move(r13.left, r13.top, width, height);
	m_pWnd14->Move(r14.left, r14.top, width, height);
	m_pWnd15->Move(r15.left, r15.top, width, height);
	m_pWnd16->Move(r16.left, r16.top, width, height);
	m_pWnd17->Move(r17.left, r17.top, width, height);
	m_pWnd18->Move(r18.left, r18.top, width, height);
	m_pWnd19->Move(r19.left, r19.top, width, height);
	m_pWnd20->Move(r20.left, r20.top, width, height);
	m_pWnd21->Move(r21.left, r21.top, width, height);
	m_pWnd22->Move(r22.left, r22.top, width, height);
	m_pWnd23->Move(r23.left, r23.top, width, height);
	m_pWnd24->Move(r24.left, r24.top, width, height);
}

这里是通过“蛮力”的方式 来计算位置 根据第一个位置 以及设置好的宽高 来计算后面的位置；使用的时候根据自己的需要设置对应的【起始坐标】【宽】【高】【窗口间距】 上面的变量 m_pWndxx 这个就是对应的 SRealWnd 的指针 通过这个值 来控制窗口的位置和大小

 

最后看实现效果：

实现效果

JamesWu9527
关注
专栏目录
C#视频监控分屏
woofilian的专栏
12-16 4535
private void panel1_Paint(object sender, PaintEventArgs e) { SetActiveWnd(m_nCurIndex); } public void DrawActivePage(bool bActive) { Rectangle
WinForm 分屏 [ WinForm | Panel | 视频监控分屏 ]
weixin_33862514的博客
08-06 439
前言       视频监控的分屏技术实际上就是通过动态Panel + 动态指定其Location和Size来实现的，还需要一个计算分屏数目的算法，本文将弥补视频监控系列中动态分屏的功能，权当续文吧 : ) 正文       1.      先“上菜”再讲做法：——上图~~         2.      动态Panel           /// &lt;summary&g...
C#分屏技术，可以实现监控分屏
08-12
实现了简单的监控视屏分屏浏览技术 /// /// 计算视频面板位置和面积 /// /// /// 总面积和坐标 /// private IList CalcPanelRectangle(int channelCount, Size TotalArea) { IList result = new List(); //模数 int modulo; if (channelCount 64) modulo = 8; else modulo = (int)Math.Ceiling(Math.Sqrt(channelCount)); //平方根 int width, height; //单个画面大小 width = (TotalArea.Width - modulo * 1) / modulo; height = (TotalArea.Height - modulo * 1) / modulo; for (int i = 0; i < channelCount; i++) { Rectangle rect = new Rectangle(); //AxDICOMax.AxDICOMX rect = new AxDICOMax.AxDICOMX(); rect.Width = width; rect.Height = height; if (i % modulo == 0) { rect.X = 1; if (i == 0) rect.Y = 1; else rect.Y = result[i - modulo].Y + height + 1; } else { rect.X = result[i - 1].X + width + 1; rect.Y = result[i - 1].Y; } result.Add(rect); } return result; }
C#如何实现视频监控分屏
yulongguiziyao的专栏
09-14 3915
分屏采用4个Panel，当放大时就分别隐藏其他Panel /// /// 返回分割后的rectangle数组 /// /// 待分割的矩形 /// 行数 /// 列数 /// public Rectangle[] GetSplittedRectangles(Rectangl
分屏.html (视频分屏页面效果 可分1、4、6、8、9、10、16、24、32块视频)
05-18
视频分屏页面效果 可分1、4、6、8、9、10、16、24、32块视频 页面打开直接看效果
soui.rar_DUILIB界面库_duilib_soui_stood3z9
09-24
SOUI和DUILIB是两个在Windows平台上广泛用于开发用户界面的开源库，它们都致力于简化界面设计，提供美观的程序界面。这篇文章将详细介绍这两个库，以及如何利用它们进行界面开发。 首先，让我们来了解**SOUI**。...
SOUI实现的仿QQ设置对话框
06-20
【SOUI实现的仿QQ设置对话框】是一个基于C++编程语言，并且使用了SOUI框架来构建的应用程序。SOUI是一个轻量级的Windows GUI库，它为开发者提供了丰富的控件和对话框模板，使得可以快速开发出具有美观界面的应用。在...
SOUI4 文档(属性手册+用户使用手册+静态编译)
最新发布
06-19
9. **demo_png**: 可能是一个包含示例图片的目录，用于演示SOUI控件的实际效果。 10. **soui属性列表.html**: 与.xml文件类似，这个HTML文件可能是属性列表的可视化展示，方便用户通过网页形式查看和搜索。 通过...
全开源界面库SOUI，实现炫丽的VC界面
07-13
4. **组件丰富**：SOUI提供了一系列预定义的控件和组件，如按钮、列表视图、对话框等，它们都经过优化，能展现良好的视觉效果。这些组件可以方便地组合使用，构建出各种复杂的界面布局。 5. **皮肤系统**：SOUI支持...
vs2010+soui2+cfe3.3071实现js调用
05-03
本项目“vs2010+soui2+cfe3.3071实现js调用”结合了Visual Studio 2010（VS2010）、SOUI2框架和CEF3（Chromium Embedded Framework）3.3071版本，提供了一个解决方案来实现JavaScript与C++代码之间的交互。...
C#实现视频监控
11-28
文件是采用C#开发语言实现视频监控的功能包含录制视频拍照截图存图等
视频监控分屏效果源码
05-19
常用的视频监控分屏效果，可分四路，九路，十六路等常用效果
关于分屏的代码实现
03-09
在unity中当你显示器多于一块的时候可以用它来显示在另一块屏幕上
实用分屏软件，可以把屏幕分成4个窗口。
04-28
实用分屏软件，简单方便，可以把屏幕分成4个窗口。
div分屏.html
10-23
js实现1,4,6,8,9,10,16,24,32分屏 用js计算 通过标签div实现
FFmpeg+SDL+SOUI 摄像头显示demo
AAltman的博客
01-06 926
FFmpeg+SDL+SOUI 摄像头显示demo
Soui Button学习一
宇宙精英
08-20 1333
什么是Soui? Soui的介绍请查看官方的博客文档，里面有详细的介绍我在这里不多说了，直接上链接：SOUI的介绍 这边博客主要讲解了Soui的Button的使用，做过UI的都知道Button是最常用的一个控件，经常用到的就是点击一个Button触发一个事件，还有就是对Button的各种属性设置。 以下是我一个例子直接在xml里添加Button的布局： <SOUI name="mainWindow" maxinset="3,3,3,3" title="@string/title" bigIc
SOUI中SRealWnd的使用
JamesWu9527的博客
09-26 1698
这里做一个VLC的例子（在SOUI中使用VLC来播放一下本地文件和流） Step1 使用向导建立一个工程，将需要包含的VLC文件包含进去 Step2 SOUI 界面的一些设置 Step3 编写代码 实现对应的功能 Step4 查看效果 思考：怎么减小VLC的体积 减小plugins的体积？ Step1 使用向导建立工程 建立XML文件 主窗口 <SOUI name="mainWin...
C# RTSP摄像头监控分屏
arno1988的专栏
04-18 4334
<?xml version="1.0" encoding="utf-8" ?> <configuration> <startup> <supportedRuntime version="v4.0" sku=".NETFramework,Version=v4.8" /> </startup> <appSettings> <add key="ScreenNum" value=.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值