duilib绝对定位与相对定位

叁歲伎倆 2023-03-06 03:58 13阅读 0赞

# 前言 #

duilib中窗口，布局，控件等在屏幕上的显示位置都是按照配置好的xml文件规则显示的，每个显示元素的位置大小也需要显式指定，才能呈现出更好看的界面效果，显示元素的位置有两种配置规则，即绝对位置（fuilib中float属性为true时）与相对位置（float属性为false时）。

# 绝对位置（float=true） #

首先看一张惨不忍睹的自绘图：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyNjQyMjM5_size_16_color_FFFFFF_t_70][]

图中简单描述的是一个屏幕，屏幕里面包含了一个窗口，窗口里面包含了一个显示控件（这个控件可以理解为duilib的各种布局与控件组合），在一般的界面系统屏幕上显示一般是这种模式。

## 窗口 ##

**位置：pos（A,B,C,D）**

**在win32中**，界面显示中一般以pos（A,B,C,D）这种方式定位一个窗口的大小，其中A,B表示的是窗口左上角的坐标，C,D表示的是窗口的width和height，参考坐标系为以屏幕左上角为原点，原点右边直线方向为X轴正向，原点下方直线方向为Y轴正向，即矩形左上角坐标（A,B），矩形的大小width=长，height=D。

**在duilib**的xml文件中对于窗口的配置并没有显式指定pos(A,B,C,D)这样的方式来定位窗体的大小，而是直接

**size属性(宽,高)**，即可，这其实是有原因的

**duilib的窗口左上角坐标与窗口大小需要在不同的地方设置，即窗口的width和height直接在xml文件中配置，就是size(宽，高)**

**窗口的左上角坐标需要在入口函数Create函数中指定，如下代码:**

#include "stdafx.h"
    #include "MainFrame.h"
    
    int APIENTRY WinMain(HINSTANCE hInstance, HINSTANCE /*hPrevInstance*/, LPSTR /*lpCmdLine*/, int nCmdShow)
    {
    	CPaintManagerUI::SetInstance(hInstance);
    
    
    	CWndShadow::Initialize(hInstance);
    	CMainFrame* pFrame = new CMainFrame();
    	if (pFrame == NULL)
    		return 0;
    	DWORD dwStyle = UI_WNDSTYLE_FRAME;
    	dwStyle = dwStyle^WS_MAXIMIZEBOX;
    	pFrame->Create(NULL, _T("mywindows"), dwStyle, WS_EX_STATICEDGE | WS_EX_APPWINDOW, 1, 1, 0, 0);
     //倒数第3第4个参数可以设置duilib左上角的坐标，倒数第1第2个参数因为继承了WindowImpBase，
    //WindowImpBase类中在创建窗口大小时会取xml文件中的窗口大小数据，顾此处两个参数值无效。
    	                                                                                      
    	pFrame->CenterWindow();
    	::ShowWindow(*pFrame, SW_SHOW);
    
    	CPaintManagerUI::MessageLoop();
    
    	::CoUninitialize();
    	return 0;
    }

## **布局及控件** ##

布局与控件就是duilib窗口中的子显示元素，坐标位置与窗口设置一样，都是以屏幕左上角为参考原点，右与下为正方向。

# 相对位置（float=false） #

## **窗口** ##

窗口就没有相对位置只能是绝对位置，因为窗口是一个程序的总体框架。

## 布局与控件 ##

### 布局的最外层与直接处于窗体内的控件（不包含在布局之中或嵌套在其他控件） ###

这种结构布局与控件的相对位置是以窗体左上角坐标为参考点

### 嵌套在布局与控件之中的布局与控件 ###

这种结构，相对位置的参考点为以整个嵌套部分的左上角为参考点，即以本身的上一层为参考

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzIyNjQyMjM5_size_16_color_FFFFFF_t_70]: /images/20230208/2ceafaa7761a4555b413566d421531b6.png