云信duilib 小知识总结 (对齐、半透明、右键菜单）

2023-12-11 04:18
文章标签 总结 知识 半透明 右键 对齐 菜单 云信 duilib

本文主要是介绍云信duilib 小知识总结 (对齐、半透明、右键菜单），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

 duilib 快速入门

duilib入门基础一 容器之 BOX、VBOX、HBOX布局及其子控件align排列方式

duilib入门基础二 HBOX容器内 子控件margin定位规则

​​​​​​duilib入门基础三 VBOX容器内 子控件margin定位规则

duilib入门基础四 BOX容器内 子控件margin定位规则

duilib入门基础五 简单示例之 文件选择框使用

duilib入门基础 六 见见世面，duilib 基本控件 Button 能实现的界面一览

duilib入门基础 七 见见世面，duilib 基本控件 复选框 单选框

duilib入门基础 八 见见世面，duilib 基本控件 滑动条

duilib入门基础 九 见见世面，duilib 基本控件 组合框

duilib入门基础 十 见见世面，duilib 基本控件 选项框 OptionBox

云信duilib基本控件示例下载

1 对齐属性

	<Attribute name="halign" default="left" type="STRING" comment="控件的横向位置,如(center),支持left、center、right三种位置"/><Attribute name="valign" default="top" type="STRING" comment="控件的纵向位置,如(center),支持top、center、bottom三种位置"/>

  但是值得注意的是：

 1）valign 不起作用的情况

VBOX 布局是从上而下依次排列的，因此，Vbox下的子控件，如果设置valign属性时，便不起作用。

比如，VBOX 下，设置子控件的valign=center时，是不起作用的

//不起作用<VBox width="stretch" height="stretch"  bkcolor="red"><HBox width="100" height="100"  halign="center"  valign="center"     bkcolor="blue"></HBox></VBox>

如果想让VBOX布局下，子控件也居中，需要辅助控件Control

            <VBox width="stretch" height="stretch"  bkcolor="red"><Control /><HBox width="100" height="100"  halign="center"     bkcolor="blue">                  </HBox><Control /></VBox>

2）halign不起作用的原因

同理，HBOX 中，子控件按水平方向，依次排列，因此，在HBOX中，设置子控件的halign也是不起作用的。

2 半透明窗口

   想实现窗口半透明，控件不透明的效果，使用云信duilib也很方便实现

1）shadowattached=“false”   置为假

<Attribute name="shadowattached" default="true" type="BOOL" comment="窗口是否附加阴影效果,如(true)"/>

 窗口的一个属性

 如果为true时，默认给窗口加上阴影背景

 如果为false, 则不加额外背景

 因为，我们想让窗口半透明，所以需要将此属性设置为false, 不加额外阴影背景

2）duilib中的颜色

<TextColor name="xnw_lightcolor2_trans_50" value="#7f363E4B" />

  颜色值为 ARGB A是透明度

  也就是，dulib本身是支持透明的

  也就是，如果将背景设置为透明色的话，窗口背景就是透明的了。

  所以，

  窗口背景设置为透明色，控件颜色，设置为非透明色，便实现了 窗口透明，控件不透明的效果

示例：

<?xml version="1.0" encoding="UTF-8"?>
<Window caption="0,0,0,0" mininfo="500,500" size="500,500" sizebox="4,4,6,6" shadowattached="false"  roundcorner="10,10" ><VBox bkcolor="xnw_lightcolor2_trans_50" height="stretch" width="stretch"><!-- 客户端名称设置 --><Control /><VBox width="stretch" height="stretch"><Control /><HBox   halign="center" width="auto" halign="center"><Button class="btn_global_green_80x30" name="myClosebtn"  text="我知道了"/></HBox><Control /></VBox><Control /></VBox></Window>

效果：

   

3 右键菜单

1） 右键消息

	if (uMsg==WM_RBUTTONDOWN){int xPos = LOWORD(lParam);INT yPos = HIWORD(lParam);CPoint pt;pt.x = xPos;pt.y = yPos;ClientToScreen(m_hWnd, &pt);PopupUserMenu(pt);return 1;}
PopupUserMenu(POINT point){CMenuWnd* pMenu = new CMenuWnd(NULL);STRINGorID xml(L"liveStream_rbt_menu.xml");pMenu->Init(xml, _T("xml"), point);CMenuElementUI *pFreshNlss = (CMenuElementUI*)pMenu->FindControl(L"fresh");if (pFreshNlss)pFreshNlss->AttachSelect(nbase::Bind(&NLSLiveForm::ReFreshNlss, this, std::placeholders::_1));CMenuElementUI* pVideoImage = (CMenuElementUI*)pMenu->FindControl(L"videoImage");if (pVideoImage){pVideoImage->AttachSelect(nbase::Bind(&NLSLiveForm::ChangeImage, this, std::placeholders::_1));CheckBox* check_image = (CheckBox*)pVideoImage->FindSubControl(L"imageCheckBox");check_image->Selected(m_bVideoImage);}CMenuElementUI *pPull = (CMenuElementUI*)pMenu->FindControl(L"pullAdd");if (pPull){pPull->AttachSelect(nbase::Bind(&NLSLiveForm::CopyPullAdd, this, std::placeholders::_1));}CMenuElementUI *pPush = (CMenuElementUI*)pMenu->FindControl(L"pushAdd");if (pPush){pPush->AttachSelect(nbase::Bind(&NLSLiveForm::CopyPushAdd, this, std::placeholders::_1));}/CMenuElementUI *pStopCapture = (CMenuElementUI*)pMenu->FindControl(L"stopCapture");if (pStopCapture){pStopCapture->AttachSelect(nbase::Bind(&NLSLiveForm::StopCapture, this, std::placeholders::_1));}CMenuElementUI *pStartCapture = (CMenuElementUI*)pMenu->FindControl(L"startCapture");if (pStartCapture){pStartCapture->AttachSelect(nbase::Bind(&NLSLiveForm::StartCapture, this, std::placeholders::_1));}CMenuElementUI *pStartInteractLive = (CMenuElementUI*)pMenu->FindControl(L"intLive");if (pStartInteractLive){pStartInteractLive->AttachSelect(nbase::Bind(&NLSLiveForm::StartIntLive, this, std::placeholders::_1));}CMenuElementUI *pSwitchToInt = (CMenuElementUI*)pMenu->FindControl(L"switchMode");if (pSwitchToInt){if (!g_bSwitchChangeable||!m_bLiving&&!m_bPaused){pSwitchToInt->SetVisible(false);}pSwitchToInt->AttachSelect(nbase::Bind(&NLSLiveForm::SwtichToIntMode, this, std::placeholders::_1));}pMenu->Show();pMenu->SetFocus(NULL);
}

菜单响应函数格式

bool SwtichToIntMode(ui::EventArgs* param);

菜单XML 放在themes\default\menu下

类似

<?xml version="1.0" encoding="utf-8"?>
<Window shadowattached="true" alphafixcorner="10,20,10,10"><VListBox class="menu" name="user_menu"><MenuElement bkcolor="blue" width="140" height="10" alpha="10"><Control bkimage="up.png" width="auto" height="auto" halign="center" valign="bottom" /></MenuElement><MenuElement class="MenuElement" name="switchMode" width="140" height="50"><Button class="menu_text" text="切换成互动模式" halign="center" valign="center" /></MenuElement><MenuElement class="MenuElement" name="startCapture" width="140" height="50"><Button class="menu_text" text="恢复摄像头" halign="center" valign="center" /></MenuElement></VListBox>
</Window>

这篇关于云信duilib 小知识总结 (对齐、半透明、右键菜单）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/479433。

相关文章

Rust格式化输出方式总结

Rust格式化输出方式总结

《Rust格式化输出方式总结》Rust提供了强大的格式化输出功能,通过std::fmt模块和相关的宏来实现,主要的输出宏包括println!和format!,它们支持多种格式化占位符,如{}、{:?}... 目录Rust格式化输出方式基本的格式化输出格式化占位符Format 特性总结Rust格式化输出方式
阅读更多...
golang内存对齐的项目实践

golang内存对齐的项目实践

《golang内存对齐的项目实践》本文主要介绍了golang内存对齐的项目实践,内存对齐不仅有助于提高内存访问效率,还确保了与硬件接口的兼容性,是Go语言编程中不可忽视的重要优化手段,下面就来介绍一下... 目录一、结构体中的字段顺序与内存对齐二、内存对齐的原理与规则三、调整结构体字段顺序优化内存对齐四、内
阅读更多...
Python中连接不同数据库的方法总结

Python中连接不同数据库的方法总结

《Python中连接不同数据库的方法总结》在数据驱动的现代应用开发中,Python凭借其丰富的库和强大的生态系统,成为连接各种数据库的理想编程语言,下面我们就来看看如何使用Python实现连接常用的几... 目录一、连接mysql数据库二、连接PostgreSQL数据库三、连接SQLite数据库四、连接Mo
阅读更多...
Git提交代码详细流程及问题总结

Git提交代码详细流程及问题总结

《Git提交代码详细流程及问题总结》：本文主要介绍Git的三大分区,分别是工作区、暂存区和版本库,并详细描述了提交、推送、拉取代码和合并分支的流程,文中通过代码介绍的非常详解,需要的朋友可以参考下... 目录1.git 三大分区2.Git提交、推送、拉取代码、合并分支详细流程3.问题总结4.git push
阅读更多...
Kubernetes常用命令大全近期总结

Kubernetes常用命令大全近期总结

《Kubernetes常用命令大全近期总结》Kubernetes是用于大规模部署和管理这些容器的开源软件-在希腊语中,这个词还有“舵手”或“飞行员”的意思,使用Kubernetes（有时被称为“... 目录前言Kubernetes 的工作原理为什么要使用 Kubernetes？Kubernetes常用命令总
阅读更多...
Python中实现进度条的多种方法总结

Python中实现进度条的多种方法总结

《Python中实现进度条的多种方法总结》在Python编程中,进度条是一个非常有用的功能,它能让用户直观地了解任务的进度,提升用户体验,本文将介绍几种在Python中实现进度条的常用方法,并通过代码... 目录一、简单的打印方式二、使用tqdm库三、使用alive-progress库四、使用progres
阅读更多...
Android数据库Room的实际使用过程总结

Android数据库Room的实际使用过程总结

《Android数据库Room的实际使用过程总结》这篇文章主要给大家介绍了关于Android数据库Room的实际使用过程,详细介绍了如何创建实体类、数据访问对象（DAO）和数据库抽象类,需要的朋友可以... 目录前言一、Room的基本使用1.项目配置2.创建实体类（Entity）3.创建数据访问对象（DAO
阅读更多...
Java向kettle8.0传递参数的方式总结

Java向kettle8.0传递参数的方式总结

《Java向kettle8.0传递参数的方式总结》介绍了如何在Kettle中传递参数到转换和作业中,包括设置全局properties、使用TransMeta和JobMeta的parameterValu... 目录1.传递参数到转换中2.传递参数到作业中总结1.传递参数到转换中1.1. 通过设置Trans的
阅读更多...
C# Task Cancellation使用总结

C# Task Cancellation使用总结

《C#TaskCancellation使用总结》本文主要介绍了在使用CancellationTokenSource取消任务时的行为,以及如何使用Task的ContinueWith方法来处理任务的延... 目录C# Task Cancellation总结1、调用cancellationTokenSource.
阅读更多...
HarmonyOS学习(七)——UI（五）常用布局总结

HarmonyOS学习(七)——UI（五）常用布局总结

自适应布局 1.1、线性布局（LinearLayout） 通过线性容器Row和Column实现线性布局。Column容器内的子组件按照垂直方向排列，Row组件中的子组件按照水平方向排列。 属性说明space通过space参数设置主轴上子组件的间距，达到各子组件在排列上的等间距效果alignItems设置子组件在交叉轴上的对齐方式，且在各类尺寸屏幕上表现一致，其中交叉轴为垂直时，取值为Vert
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2