Soui Button学习一

最新推荐文章于 2023-04-05 10:07:16 发布
最新推荐文章于 2023-04-05 10:07:16 发布
阅读量1.3k 收藏 4
点赞数
分类专栏： Soui 文章标签： gui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qhs1573/article/details/108129584
版权

什么是Soui?

Soui的介绍请查看官方的博客文档，里面有详细的介绍我在这里不多说了，直接上链接：SOUI的介绍

这篇博客主要讲解了Soui的Button的使用，做过UI的都知道Button是最常用的一个控件，经常用到的就是点击一个Button触发一个事件，还有就是对Button的各种属性设置。

以下是我一个例子直接在xml里添加Button的布局：

<SOUI name="mainWindow" maxinset="3,3,3,3" title="@string/title" bigIcon="ICON_LOGO:32" smallIcon="ICON_LOGO:16" margin="5,5,5,5"  resizable="1" wndType="appMain"
minSize="600,400"
appWnd="1"
translucent="1"
>
  <root colorBkgnd="@color/common_bg"  cache="1"  width="600" height="400">
    <caption pos="0,0,-0,100" show="1" font="adding:0" colorBkgnd="@color/main_title" >
      <text pos="10,9" colorText="@color/white">@string/title</text>
      <imgbtn name="btn_close" skin="_skin.sys.btn.close"    pos="-45,0" tip="close" animate="1"/>
      <imgbtn name="btn_max" skin="_skin.sys.btn.maximize"  pos="-83,0" animate="1" />
      <imgbtn name="btn_restore" skin="_skin.sys.btn.restore"  pos="-83,0" show="0" animate="1" />
      <imgbtn name="btn_min" skin="_skin.sys.btn.minimize" pos="-121,0" animate="1" />
    </caption>
    <window layout="vbox" pos="5,[5,-5,-5" colorBkgnd="@color/white"  >
      <window extend_top="5" size="-2,30" layout="hbox" >
        <button name="button1" accel="ctrl+d" id="102" text="快捷键ctrl+d" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button name="button2"  text="enable(0)" enable="0" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button name="button3"  text="tip" tip="这是一个tip提示" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button name="onVisible"  text="visible" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button name="maxWidth"  text="maxWidth" maxWidth="100" weight="1" size="0,-2" extend_left="5" extend_right="5" drawFocusRect="0"></button>
      </window>
      <window extend_top="5" size="-2,30" layout="hbox" >
        <button align="left" valign="top" text="align" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="colorText" colorText="@color/red"  weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button3" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button4" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button5" weight="1" size="0,-2" extend_left="5" extend_right="5" drawFocusRect="0"></button>
      </window>
      <window extend_top="5" size="-2,30" layout="hbox" >
        <button text="Button1" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button2" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button3" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button4" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button5" weight="1" size="0,-2" extend_left="5" extend_right="5"  drawFocusRect="0"></button>
      </window>
      <window extend_top="5" size="-2,30" layout="hbox" >
        <button text="Button1" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button2" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button3" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button4" weight="1" size="0,-2" extend_left="5" drawFocusRect="0"></button>
        <button text="Button5" weight="1" size="0,-2" extend_left="5" extend_right="5"  drawFocusRect="0"></button>
      </window>
      <window size="-1,0" weight="1" layout="vbox" >
        <button text="Button1" weight="1" size="-1,0" extend_left="5" drawFocusRect="0"></button>
        <button text="Button2" weight="1" size="-1,0" extend_left="5" drawFocusRect="0"></button>
        <button text="Button3" weight="1" size="-1,0" extend_left="5" drawFocusRect="0"></button>
        <button text="Button4" weight="1" size="-1,0" extend_left="5" drawFocusRect="0"></button>
        <button text="Button5" weight="1" size="-1,0" extend_left="5" drawFocusRect="0"></button>
      </window>
    </window>
  </root>
</SOUI>

效果图如下：

按钮点击是监听处理代码如下：

Button 监听注册的方式：

一、第一种方式

//参数说明：第一个参数xml里Button对应的name的名字 第二个参数回调函数界面上点击是回调触发的函数

EVENT_NAME_COMMAND(L"button1", OnClick) 

第二种方式

//参数说明：多个按钮点击想回调到同一个函数里注册的方式如下。第一个参数：xml里Button对应的name的名字 第二个参数事件ID 第三个参数：回调函数界面上点击是回调触发的函数
EVENT_NAME_HANDLER(L"button1",SOUI::EVT_CMD, onClick1)

EVENT_NAME_HANDLER(L"button2",SOUI::EVT_CMD, onClick1)

EVENT_NAME_HANDLER(L"button3",SOUI::EVT_CMD, onClick1)

回调函数onClick1获取SButton的对象处理方式如下：

void CMainDlg::onClick1(EventArgs *pEvt){
    SButton *pBtn = sobj_cast<SButton>(pEvt->sender);
    SStringT btnName = pBtn->GetWindowText();
    OutputDebugString(btnName);
}

具体代码如下：

MainDlg.h

// MainDlg.h : interface of the CMainDlg class
//
/
#pragma once

class CMainDlg : public SHostWnd
{
public:
	CMainDlg();
	~CMainDlg();

	void OnClose();
	void OnMaximize();
	void OnRestore();
	void OnMinimize();
	void OnClick();
	void onVisible(EventArgs *pEvt);
	void OnSize(UINT nType, CSize size);
	BOOL OnInitDialog(HWND wndFocus, LPARAM lInitParam);

protected:
	//soui消息
	EVENT_MAP_BEGIN()
		EVENT_NAME_COMMAND(L"btn_close", OnClose)
		EVENT_NAME_COMMAND(L"btn_min", OnMinimize)
		EVENT_NAME_COMMAND(L"btn_max", OnMaximize)
		EVENT_NAME_COMMAND(L"btn_restore", OnRestore)
		EVENT_NAME_COMMAND(L"button1", OnClick)
		EVENT_NAME_HANDLER(L"onVisible",SOUI::EVT_CMD, onVisible)
		EVENT_NAME_HANDLER(L"maxWidth",SOUI::EVT_CMD, onVisible)
		
	EVENT_MAP_END()
		
	//HostWnd真实窗口消息处理
	BEGIN_MSG_MAP_EX(CMainDlg)
		MSG_WM_INITDIALOG(OnInitDialog)
		MSG_WM_CLOSE(OnClose)
		MSG_WM_SIZE(OnSize)
		CHAIN_MSG_MAP(SHostWnd)
		REFLECT_NOTIFICATIONS_EX()
	END_MSG_MAP()
};

MainDlg.cpp

// MainDlg.cpp : implementation of the CMainDlg class
//
/

#include "stdafx.h"
#include "MainDlg.h"	
#include "Windows.h"
	
CMainDlg::CMainDlg() : SHostWnd(_T("LAYOUT:XML_MAINWND"))
{
}

CMainDlg::~CMainDlg()
{
}

BOOL CMainDlg::OnInitDialog(HWND hWnd, LPARAM lParam)
{
	return 0;
}
//TODO:消息映射
void CMainDlg::OnClose()
{
	SNativeWnd::DestroyWindow();
}

void CMainDlg::OnMaximize()
{
	SendMessage(WM_SYSCOMMAND, SC_MAXIMIZE);
}
void CMainDlg::OnRestore()
{
	SendMessage(WM_SYSCOMMAND, SC_RESTORE);
}
void CMainDlg::OnMinimize()
{
	SendMessage(WM_SYSCOMMAND, SC_MINIMIZE);
}

void CMainDlg::OnClick(){
	SendMessage(WM_SYSCOMMAND, SC_MAXIMIZE);
}

void CMainDlg::onVisible(EventArgs *pEvt){
	SButton *pBtn = sobj_cast<SButton>(pEvt->sender);
	SStringT btnName = pBtn->GetWindowText();
	OutputDebugString(btnName);
}

void CMainDlg::OnSize(UINT nType, CSize size)
{
	SetMsgHandled(FALSE);	
	SWindow *pBtnMax = FindChildByName(L"btn_max");
	SWindow *pBtnRestore = FindChildByName(L"btn_restore");
	if(!pBtnMax || !pBtnRestore) return;
	
	if (nType == SIZE_MAXIMIZED)
	{
		pBtnRestore->SetVisible(TRUE);
		pBtnMax->SetVisible(FALSE);
	}
	else if (nType == SIZE_RESTORED)
	{
		pBtnRestore->SetVisible(FALSE);
		pBtnMax->SetVisible(TRUE);
	}
}

 

button的属性如下，来自官方文档此处记录供自己查看。

button

按钮控件

自身属性

属性名值类型默认值描述
accelSTRING 快捷按键，如ctrl+d
animateBOOL0是否启用动画效果
animateStepINT25动画的步进值，即每帧增加的不透明度
disableAccelIfInvisibleBOOL0控件隐藏时，是否也能用快捷按键触发
skinSTRING_skin.sys.btn.normaloverride，默认使用SOUI内置按钮皮肤
focusableBOOL1override，默认可获取焦点

继承自window

属性名值类型默认值描述
idINT0控件ID
nameSTRING 控件名称
layoutSTRINGsouiLayout布局样式，支持3种布局
souiLayout 相对布局
gridLayout 网格布局
linearLayout 线性布局(分vbox、hbox两种)
classSTRING 属性集合的名称，定义于style中，类比HTML的class属性
skinSTRING 皮肤样式的名称，定义于skin中
ncSkinSTRING 非客户区的皮肤
textSTRING 显示的文本
tipSTRING 鼠标悬浮时的提示语
trCtxSTRING 翻译名，为空时使用<soui>的trCtx属性值
dataINT0指定一个附加的数据，可通过GetUserData获取
enableBOOL1控件是否可用
focusableBOOL0控件是否可获取焦点
visibleBOOL1控件是否可见
showBOOL1同visible属性
displayBOOL1隐藏时是否占位
0 不占位
1 占位
maxWidthINT-1根据内容自适应大小时的最大宽度
floatBOOL0位置是否固定不动
alphaUINT255控件的透明度(0-255)，0为完全透明
layeredWindowBOOL0是否为分层窗口
msgTransparentBOOL0鼠标消息穿透，开启后控件接收不到鼠标和键盘消息
trackMouseEventBOOL0鼠标事件跟踪，捕获子控件的鼠标消息
clipClientBOOL0限制内容只绘制在客户区，开启后超出控件边界的内容会被裁剪掉
cacheBOOL0绘制缓存
0 无缓存，每次刷新时发送WM_PAINT消息重绘
1 创建绘制缓存，只有自己窗口更新才重绘，否则直接调用缓存绘制
drawFocusRectBOOL1是否绘制焦点虚框
multiLinesBOOL0是否支持多行显示
alignSTRINGcenter文本水平对齐方式
left 向左
right 向右
center 居中
valignSTRINGcenter文本垂直对齐方式
top 向上
bottom 向下
middle 居中
colorBkgndCOLOR 背景颜色
colorBorderCOLOR 边框颜色
fontFONT 正常状态的文本字体
fontHoverFONT 悬浮状态的文本字体
fontPushFONT 按下状态的文本字体
fontDisableFONT 禁用状态的文本字体
colorTextCOLOR 正常状态的文本颜色
colorTextHoverCOLOR 悬浮状态的文本颜色
colorTextPushCOLOR 按下状态的文本颜色
colorTextDisableCOLOR 禁用状态的文本颜色
marginINT|SIZE|RECT0外边距(非客户区)的大小
margin-xINT0左右外边距
margin-yINT0上下外边距
paddingINT|SIZE|RECT0内边距的大小
padding_leftINT0左内边距
padding_topINT0上内边距
padding_rightINT0右内边距
padding_bottomINT0下内边距
insetINT|SIZE|RECT0同padding属性
cursorSTRINGarrow鼠标停留时的光标资源，可取值有：
arrow、hand、cross、wait、size、help等
dottedBOOL1文本超出边界时，是否使用末尾...显示

 

源码：https://gitee.com/qhs1573/soui_learning_examples.git

qhs1573
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
关于SoUI界面库处理从WM_LBUTTONUP到按钮事件的消息路由过程分析
不定期更新的博客
07-17 1547
SoUI界面库的介绍和使用方法可以查看启程软件的博客园：https://www.cnblogs.com/setoutsoft/。这里默认大家都对SoUI有一定的了解了。 现在SoUI界面库已经发展到SoUI3版本了，但是由于本人一直在使用的是SoUI2版本，所以今天分析的也是SoUI2版本的代码。 分析流程 首先我们创建一个SoUI的测试项目，在SoUI项目的创建向导中全部选择默认即可，然后在CMainDlg::OnClose()中打上断点，如下所示 然后运行程序，点击右上角的关闭按钮，查看VS中的调用堆
第八篇：SOUI中控件事件的响应
weixin_34319999的博客
08-22 275
SOUI中提供了大部分常用的win32标准控件的实现，如pushbutton, checkbox, radiobox, edit, richedit, listbox, combobox, treectrl, listctrl (report), hotkeyctrl等。 大部分控件在接收用户输入后，会发生状态的改变，并以事件的形式传递给UI的所有者。 在SOUI中提供了两种处理事件的方式： ...
SOUI自定义控件，如何响应控件范围外的其他事件？
thq3322110的博客
10-30 124
SOUI自定义控件，如何响应控件范围外的其他事件？ 第一步，继承 public IMessageFilter 重写 virtual BOOL PreTranslateMessage(MSG* pMsg); 构造函数中 GetMsgLoop()->AddMessageFilter(this); 析构函数中 GetMsgLoop()->RemoveMessageFilter(this); 获取消息循环 SMessageLoop * GetMsgLoop(); ｛ return SApplicatio
C++开源DirectUI库SOUI简介
https://ligo100.cn 小何博客欢迎访问。
06-29 1638
文章目录[隐藏] 前言SOUI 简介SOUI 编译方法SOUI 下载地址SOUI Demo 下载地址 前言 今天使用 PDown 时发现这个软件使用SOUI库，于是查了一些，先查个眼。 SOUI 简介 SOUI是目前为数不多的轻量级可快速开发 window 桌面程序开源 DirectUI 库.其前身为 Duiengine,更早期则是源自于金山卫士开源版本 UI 库 Bkwin.经过作者多次开...
PC 全免费，全开源，DirectUI界面库 SOUI 1.0
Miracle_包子
12-25 2712
SOUI 1.0版本 演示程序下载：http://download.csdn.net/detail/flyhigh/7849181 源代码下载：SVN: http://code.taobao.org/svn/soui2/trunk 主demo预览图参见前一帖子：http://bbs.csdn.net/topics/390852670 新增加几个DEMO效果：
SoulPlanet:Soul App星球效果
05-11
Soul Planet Soul App星球效果 效果图 感谢 基于，修改部分代码实现
仿soul微信小程序源码
11-09
源码有点大，大概80多MB，这款版本据说价值2000，但是因为搭建太麻烦了，没有去研究如何搭建，所以源码是没有任何视频搭建教程的，只有一个简单的文本教程，有需要的可以自行研究如何搭建这款源码，源码不提供任何...
soul响应式API网关-其他
06-12
soul是一个以Java进行开发的可扩展，高性能，响应式的API网关。功能特点：1、提供了诸如限流、熔断、转发和路由监控等插件；2、与HTTP、Restful、websocket、dubbo和springCloud无缝对接；3、支持热插拔，用户可以...
仿soul开源盲盒源码.zip
11-18
【标题】"仿soul开源盲盒源码.zip"是一个基于盲盒概念的开源项目，模仿了Soul App的部分功能，旨在提供一个线上娱乐和购物的平台。源码的完整性和可用性较高，但可能需要一定的技术背景来完成搭建。 【描述】中提到...
springcloud项目+soul网关
06-11
了解这些核心概念和技术后，开发者可以根据项目提供的指南，学习如何搭建和运行整个分布式系统，并从中学习到SpringCloud和Soul网关的实战经验。这个项目对于想要深入了解微服务架构和实践的开发者来说，是一个宝贵...
按钮变圆及按钮切换图片
09-11
将button的外观变成圆形的，及点击按钮切换图片，实现动态操作！！
SOUI实现的仿QQ设置对话框
06-20
SOUI实现的仿QQ设置对话框的List
SOUI总结之控件说明
zym648326374的博客
04-05 777
已安装
SOUI 界面按钮点击响应事件（将int类型转换为LPCTSTR类型）实例
yimengchenxi的专栏
07-13 1482
SOUI中事件响应的实现 1、在MainDlg.h中相应位置写入 //按钮的点击响应事件  （1）void OnBtnButtonClick();  //按钮的点击事件   （2）EVENT_NAME_COMMAND(L"check_btn", OnBtnButtonClick) 2、在MainDlg.cpp中 加入命名空间： using namespace SOUI; 3、实现
SOUI图片显示，button，treeview控件
ybn187的专栏
08-14 1228
图片显示和treeview控件 &lt;!-- [相对于前一个窗口，在x位置时是相对于前一个同级窗口的right，     在y时是相对于前一个窗口的bottom     2个-5表示相对于父窗口向内缩5个像素--&gt;   &lt;window pos="5,[2,-5,-5"&gt;     &lt;!--文字按钮，tip表示鼠标移上去的提示内容,focusable是否获取焦点，获取焦点...
QT：button插入图标以及实现背景透明
chy5764的博客
07-18 1万+
QT：在ui界面中实现在push button上插入透明背景图标
鸿蒙OS--给button添加背景图片，获取button的背景图片
leopard123411的博客
04-09 2794
给button添加背景图片 1.通过xml进行设置添加一个圆形button <Button ohos:id="$+id:button_close" ohos:width="55vp" ohos:height="55vp" ohos:element_start="$media:svg_new_close" ohos:background_element="$graphic:background_button" ohos:left_marg
SOUI使用总结知识汇总.
热门推荐
山水人间。
12-27 1万+
本周任务:"具体在下面一排" 模块分类 + 渲染- 已解决; 结构和框架; 消息机制 - 已解决; 类关系图. 待办:补充控件列表列举. ****************************************************************** 能做什么: 多语言,动画,模块支持多分.LUA脚本模块. 可拓展性: xml标签可以拓展
soul-table 分页
最新发布
07-25
1. 首先，确定您想要分页的数据来源（如数据库表、API 接口等）。 2. 在您的前端页面中，引入 soul-table 组件，并配置相应的数据源和列定义。 3. 根据您的需求，设置分页相关的参数，如每页显示的数据条数、当前...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值