五、按钮

Qt 利用stylesheet 设置按钮五态图标 用过Qt的相信大家都对QPushButton这个类十分熟悉,下面将介绍一种利用styl 阅读详情

按钮是一种非常常见的控件,ExtJS中按钮在Ext.Button中,新建一个Button.html网页,其内容如下:

<!DOCTYPE html PUBLIC “-//W3C//DTDHTML 4.01//EN”>

<html>

<head>

<meta http-equiv=”Content-Type”content=”text/html; charset=UTF-8; user-scalable=no”>

<title>按钮</title>

<link rel=”stylesheet”type=”text/css” href=”resources/css/ext-all.css”/>

    <scripttype=”text/javascript” src=”bootstrap.js”></script>

    <script type=”text/javascript” src=”Buttons.js”></script> 

</head>

<body>

<div id=”myDiv” width=”100%”height=500></div>

</body>

</html>

然后新建Button.js文件,其内容如下:

Ext.onReady(function(){

    var myButton01 = Ext.create(‘Ext.Button’,

    {

       id:’button01’,

       text:’这是一个按钮’,

       x:10,

       y:20,

       height:30,

       width: 80,         

       href :’http://www.ctgu.edu.cn’, //添加热链接

       renderTo: ‘myDiv’,

       listeners:{//添加监听事件

          “click”:function(){  //事件为click

             Ext.Msg.alert(‘提示’,’这是一个listeners事件(click)!’); 

             //this.hide();//隐藏按钮 

             //myButton01.hide();//隐藏按钮 

                Ext.getCmp(“button01”).hide();//隐藏按钮 

           }

       }

    });

});

浏览网页Button.html时,即出现一个按钮,当点击该按钮的时候出现消息提示窗口,同时按钮会隐藏。注意上面的代码中,text属性为按钮上显示的文字内容,x和y表示按钮在容器中的位置,height和width分别表示按钮的高度和宽度,如果需要点击按钮时出现热链接,则添加href属性,最后设置renderTo为html中添加的div,如果还需要为按钮添加其他监听的事件,如点击按钮click事件等,则在listeners中添加。同样,若要添加鼠标离开事件,则同样在click后接着添加mouseout事件,如下:

       listeners:{//添加监听事件

          “click”:function(){  //事件为click

             Ext.Msg.alert(‘提示’,’这是一个listeners事件(click)!’); 

             //this.hide();//隐藏按钮 

             //myButton01.hide();//隐藏按钮 

                Ext.getCmp(“button01”).hide();//隐藏按钮 

           },

           “mouseout”:function(){  //鼠标离开事件

             Ext.Msg.alert(‘提示’,’您的鼠标离开了按钮!’); 

           }

       }

除了click、mouseout事件以外,还有mouseover、resize、move、disable、enable等等事件,这些都可以通过查询帮助文档得知。

如果需要为按钮添加图标,可以通过设置其icon属性来获取,如:

icon:’images//add16.gif’, //图标文件路径

其结果如下:

前面是为按钮添加的监听事件,当监听到click事件或mouseout事件的时候执行其相应的函数。除了可以通过listeners配置项来监听按钮的事件,还可以通过handler配置项来添加监听事件,但是如果采用handler配置项,那么需要设置clickEvent配置项的值(默认为click,即单击),而且保证handleMouseEvents配置项值为true。如要实现鼠标离开事件,则设置clickEvent为mouseout,,同时通过handler配置项添加相应的函数,如下:

       clickEvent:’mouseout’,//事件类型:鼠标离开

       handler:function(){ //添加事件

          Ext.Msg.alert(‘提示’,’您的鼠标离开了按钮,这是通过handler!’);

有时候在IE浏览器上采用handler方式添加事件无法处理,但是通过listeners配置项添加监听事件则可以。


EGE绘图之五 按钮(上) EGE专栏:EGE专栏 上一篇:EGE绘图之四 Gif动图播放 下一篇:EGE绘图之五 按钮(下) EGE绘图之(五) 按钮(上) 文章最后修改时间:2021年7月7日22:24:34 目录 一、按钮功能 1. 普通按钮 2. 可选按钮 2.1 单选按钮 (Radio Button) 2.2 复选框 (Check Box) 3. 多功能按钮 二、按钮样式 三、 按钮点击 1. 按钮点击的确定 2.按钮的点击判定 2.1 矩形区域点击判定 2.1.1 矩形区域的表示 2.1 阅读详情

相关推荐

CocosStudio(五)Button按钮

Button(按钮),比较常用的控件,玩家和Button可以交互。看图,在PanelRoot下创建了一个Button,Button是在PanelRoot层容器里居中的,怎么居中呢?在《Panel层容器》中讲过Panel的子控件布局。PanelRoot的子控件布局是相对布局,Button的控件布局是横、纵向选择的是居中,所以Button在PanelRoot层容器中居中。 一

小飞飞的博客 5079

Extjs4 grid 行添加按钮(button)的方法

Extjs4 grid 行添加按钮(button)的方法

zhizhuomsj 1万+

基于pygame的射击小游戏制作(五)绘制开始按钮

在本篇文章中,主要学习如何在pygame中绘制按钮,并点击按钮开始游 一、编程思路 1.1 修改游戏活动状态 在上篇文章中,我们通过game_active标志来控制游戏的进行与停止。我们需要在点击“play”按钮后游戏才开始运行。因此将game_active = False。游戏在开始时处于非活动状态,等待点击play后运行。 def __init__(self, ai_settings): """初始化统计信息""" self.ai_settings = ai_settings self.reset

qq_43411654的博客 5538

ExtJS4 grid添加按钮列

效果: 源码: store:Ext.create('Ext.data.Store', {                 fields: ["name1", "name2",'name3'],                 data:[                 {'name1':'印章管理','name2':'方学星'},                 {'name

祥子的博客 3939

18、电梯按钮自主操作与四足机器人五杆腿机构优化设计

本文探讨了服务机器人在电梯按钮自主操作与四足机器人五杆腿机构优化设计两个关键技术方向。在电梯按钮操作方面,提出基于字符提取与小型卷积神经网络的识别方法,并结合后处理流程提升检测精度;通过手眼标定与二级操作算法实现机械臂精准按压。在四足机器人设计方面,采用并联五杆机构提升负载能力与动态性能,建立运动学与静力学模型,构建以最小化电机最大扭矩和角速度为目标的多目标优化模型,并利用遗传算法求解最优连杆参数。实验验证了两种方法的有效性,为机器人在复杂环境中的应用提供了技术支持与优化路径。

motor的博客 63

大疆OcuSync系统背后的黑科技:跳频扩频技术如何让你的无人机飞得更稳

本文深入解析了大疆OcuSync系统如何运用跳频扩频技术等先进无线通信方案,显著提升无人机在复杂环境下的飞行稳定性。系统通过跳频扩频与直接序列扩频技术协同工作,结合双频智能切换与多天线MIMO,有效对抗信号干扰与多径效应,确保控制指令与高清图传的可靠、低延迟传输,为用户带来更安心、更流畅的飞行体验。

ol7890123的博客 630

RN中实现四等分、五等分圆环按钮

四等分圆环 效果:

weixin_45672971的博客 669

PID详解

1、什么是PID及其作用 设定一个输出目标,反馈系统传回输出值,如与目标不一致,则存在一个误差,PID 根据此误差调整输入值,直至输出达到设定值. 为什么需要PID呢,比如控制温度,我们需要设置一个要达到的目标温度值,当将温度稳定在目标温度值 例如,我们希望水的目标温度值为70°,其希望无非就是可以快速而且无抖动的达到70°,并稳定在70° 如果我们使用普通的方式加热,当温度到达70°后就以及停止加热,岂不是简单快速,当然用在要求不高的场合也可以,但是如果要求更高的场合呢,会出现温度到达70°后......

weixin_48435215的博客 5万+

虚幻五 UE5 蓝图UI 实现多个按钮的背景切换效果

效果图:

PLB1314的博客 496

STM32与SD卡SPI接口硬件设计:从原理图到调试的完整指南

SPI(串行外设接口)作为一种广泛应用的同步串行通信协议,以其接线简单、驱动成熟的特点,成为连接微控制器与各类外设的经典方案。其工作原理基于主从架构,通过时钟、数据线和片选信号实现全双工通信,在嵌入式系统中具有极高的技术价值,常用于连接传感器、存储设备和显示模块等。在数据存储场景中,SD卡凭借其大容量和便携性成为首选,而通过SPI模式驱动SD卡,则平衡了性能与设计复杂度。本文聚焦于使用Altium Designer进行硬件设计的工程实践,详细解析了STM32微控制器与SD卡通过SPI通信时,电源管理、上拉电

weixin_34101784的博客 555

PDN设计

作者:AirCity 2020.2.6 Aircity007@sina.com 本文所有权归作者Aircity所有 PDN设计的目的是降低电源纹波水平,减小电压跌落。我们通常要求LDO的文波水平是30mV,DCDC是50mV,超过这个就需要PDN设计。 PDN设计的方法是用不同的容值,合适的总电容量,降低电源平面与地平面之间的交流阻抗,确定容值总量和电容大小的过程,就是PDN设计过程。 为什么需...

AirCity123的博客 4148

EGE绘图之五 按钮(下)

按钮添加状态,交互展现不同的样式

依稀_yixy的博客 5554

Nornir自动化简单介绍-网络设备信息收集

作为网工,学会通过执行脚本,可以自动化的完成日常一些设备相关配置或信息收集等工作,可以说是事半功倍。 Nornir就是这样一个自动化网络运维工具。按照官网上的说明: Nornir是用python编写的自动化框架,可与python一起使用。Nornir旨在通过提供一个纯Python框架来解决这些问题。 详细参考: Github GitHub - nornir-automation/nornir: Pluggable multi-threaded framework with inventory .

Gun&rose 7806

五、xlib绘制按钮控件

本文简单介绍了在linux操作系统如何不使用qt、gtk库的情况下,创建GUI程序,并在窗口中绘制按钮控件。xlib没有提供控件这类高级概念,我们可以通过直接在主窗口中绘制,或是子窗口的方式实现按钮控件绘制;直接绘制和子窗口方式绘制本质上没有区别,只是对于事件处理逻辑不同。这种绘制控件的思想与具体操作系统、或界面库无关,只要提供基本绘图元素和鼠标事件处理接口,我们可以在任意操作系统下,使用任意UI绘制控件。通过按钮控件的绘制我们提示了gtk、QT这样的UI库事件循环、高级控件的基本原理。

mxway的专栏 1298

工程师必看:如何用MINITAB快速计算传感器寿命(附详细步骤)

本文为工程师提供了使用MINITAB软件快速计算传感器寿命的详细实战指南。文章重点阐述了如何通过数据预处理、回归分析拟合阿伦尼斯模型,并最终预测平均寿命与置信区间,帮助工程师高效处理加速寿命试验数据,提升可靠性分析工作的准确性与效率。

weixin_29296241的博客 248

9篇3章3节:FAERS数据库公共仪表板搜索功能操作与解析

FAERS(FDA不良事件报告系统)公共仪表板是一个强大的工具,用于查询和分析药物及生物制品的不良事件数据。通过该仪表板,用户可以按药品或不良反应进行搜索,查看报告数量、事件类型及时间分布,从而辅助药物安全性分析和科研研究。本文重点介绍仪表板的搜索功能,包括按产品和按不良反应查询的操作步骤、筛选与多维数据分析方法,以及关键概念的解释,帮助用户科学、理性地使用FAERS数据,提升用药决策的准确性和安全性。

MD Code 1586

avue 新增弹窗里面自定义按钮_945KM:和平精英“进入前五”按钮怎么自定义大小及透明度?...

手游“和平精英”当玩家进入竞赛前五名的时候会跳出弹窗“您已进入前五获胜,是否继续角逐冠军?”,这个弹窗对于爱好自定义按键布局的朋友来说很是烦恼,甚至会影响到游戏的正常操作。可能有的朋友发现了,在“操作设置”里的“自定义布局”里是无法修改这个弹窗的大小及透明度的,只能移动其位置。那么有没有一种方法可以修改其大小及透明度呢?答案是有。首先打开“自定义布局”界面,在界面中随意挑选一个可以更改透明度和大小...

weixin_39672443的博客 866

〔重庆理工大学〕大学物理实验--液体表面张力系数的测定

每个老师要求不同,实验报告内容和数据仅供参考。

Pretty Boy Fox的博客 2802

CSS按钮动画(五)

在前端的开发中,我们都会用到很多种动画,按钮动画就是最基础和最简单的一种了。 例如像下面这种按钮的动画效果该怎么实现呢? 简单分析一下,无非就是,鼠标移入和移出的时候,改变下白色的一个“遮罩”的宽度和透明度的问题,加上transform设置X和Y的百分比就可以了 废话就不多说,咱们直接上代码,干就完了!!! html代码 <body> <div class="abc"> <div> <button class="btn bt..

俊而不逊的博客 769

STM32F407中文手册

STM32f407中文手册 本参考手册面向应用开发人员,提供有关使用 STM32F405xx/07xx、STM32F415xx/17xx、 STM32F42xxx 和 STM32F43xxx 微控制器存储器与外设的完整信息。STM32F405xx/07xx、STM32F415xx/17xx、STM32F42xxx 和 STM32F43xxx 构成一个微 控制器系列,各产品具有不同的存储器大小、封装和外设。有关订购信息以及器件的机械与电气特性,请参见数据手册。有关 ARM Cortex™-M4F 内核的信息,请参见《Cortex™-M4F 技术参考手册》。

TMS_WebGMaps_1.9.8.0_Full_Source

TMS_WebGMaps_1.9.8.0_Full_Source 全源码 delphi cbuilder

WPF 控件设计艺术[按钮篇五]

三、按钮篇 (五)带描述图文按钮-WithDescIconTextButton 按钮内容同时存在图标、主要文本以及对按钮功能的描述补充文本,并且图标、主要文本和描述文本都能根据不同功能变化。我们看下我们参考的按钮的样子吧,如下图所示: 接下来我们分析下,按钮的效果: 默认情况下,背景为透明 鼠标放上去,有一个灰色背景色 鼠标按上去,背景色加深,图标和文本加粗 在实现时,我们同样使用自定义控件,继承之前的IconButton 并添加添加对应的Description依赖属性即可,DescIco

YouyoMei的博客 1044

深度学习工具包 DeepLearningToolbox

深度学习工具包Deprecation notice.-----This toolbox is outdated and no longer maintained.There are much better tools available for deep learning than this toolbox, e.g. [Theano](http://deeplearning.net/software/theano/), [torch](http://torch.ch/) or [tensorflow](http://www.tensorflow.org/)I would suggest you use one of the tools mentioned above rather than use this toolbox.Best, Rasmus.DeepLearnToolbox================A Matlab toolbox for Deep Learning.Deep Learning is a new subfield of machine learning that focuses on learning deep hierarchical models of data.It is inspired by the human brain's apparent deep (layered, hierarchical) architecture.A good overview of the theory of Deep Learning theory is[Learning Deep Architectures for AI](http://www.iro.umontreal.ca/~bengioy/papers/ftml_book.pdf)For a more informal introduction, see the following videos by Geoffrey Hinton and Andrew Ng.* [The Next Generation of Neural Networks](http://www.youtube.com/watch?v=AyzOUbkUf3M) (Hinton, 2007)* [Recent Developments in Deep Learning](http://www.youtube.com/watch?v=VdIURAu1-aU) (Hinton, 2010)* [Unsupervised Feature Learning and Deep Learning](http://www.youtube.com/watch?v=ZmNOAtZIgIk) (Ng, 2011)If you use this toolbox in your research please cite [Prediction as a candidate for learning deep hierarchical models of data](http://www2.imm.dtu.dk/pubdb/views/publication_details.php?id=6284)```@MASTERSTHESIS\{IMM2012-06284, author = "R. B. Palm", title = "Prediction as a candidate for learning deep hierarchical models of data", year = "2012",}```Contact: rasmusbergpalm at gmail dot comDirectories included in the toolbox-----------------------------------`NN/` - A library for Feedforward Backpropagation Neural Networks`CNN/` - A library for Convolutional Neural Networks`DBN/` - A library for Deep Belief Networks`SAE/` - A library for Stacked Auto-Encoders`CAE/` - A library for Convolutional Auto-Encoders`util/` - Utility functions used by the libraries`data/` - Data used by the examples`tests/` - unit tests to verify toolbox is workingFor references on each library check REFS.mdSetup-----1. Download.2. addpath(genpath('DeepLearnToolbox'));Example: Deep Belief Network---------------------```matlabfunction test_example_DBNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit RBM and visualize its weightsrand('state',0)dbn.sizes = [100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);figure; visualize(dbn.rbm{1}.W'); % Visualize the RBM weights%% ex2 train a 100-100 hidden unit DBN and use its weights to initialize a NNrand('state',0)%train dbndbn.sizes = [100 100];opts.numepochs = 1;opts.batchsize = 100;opts.momentum = 0;opts.alpha = 1;dbn = dbnsetup(dbn, train_x, opts);dbn = dbntrain(dbn, train_x, opts);%unfold dbn to nnnn = dbnunfoldtonn(dbn, 10);nn.activation_function = 'sigm';%train nnopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.10, 'Too big error');```Example: Stacked Auto-Encoders---------------------```matlabfunction test_example_SAEload mnist_uint8;train_x = double(train_x)/255;test_x = double(test_x)/255;train_y = double(train_y);test_y = double(test_y);%% ex1 train a 100 hidden unit SDAE and use it to initialize a FFNN% Setup and train a stacked denoising autoencoder (SDAE)rand('state',0)sae = saesetup([784 100]);sae.ae{1}.activation_function = 'sigm';sae.ae{1}.learningRate = 1;sae.ae{1}.inputZeroMaskedFraction = 0.5;opts.numepochs = 1;opts.batchsize = 100;sae = saetrain(sae, train_x, opts);visualize(sae.ae{1}.W{1}(:,2:end)')% Use the SDAE to initialize a FFNNnn = nnsetup([784 100 10]);nn.activation_function = 'sigm';nn.learningRate = 1;nn.W{1} = sae.ae{1}.W{1};% Train the FFNNopts.numepochs = 1;opts.batchsize = 100;nn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.16, 'Too big error');```Example: Convolutional Neural Nets---------------------```matlabfunction test_example_CNNload mnist_uint8;train_x = double(reshape(train_x',28,28,60000))/255;test_x = double(reshape(test_x',28,28,10000))/255;train_y = double(train_y');test_y = double(test_y');%% ex1 Train a 6c-2s-12c-2s Convolutional neural network %will run 1 epoch in about 200 second and get around 11% error. %With 100 epochs you'll get around 1.2% errorrand('state',0)cnn.layers = { struct('type', 'i') %input layer struct('type', 'c', 'outputmaps', 6, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %sub sampling layer struct('type', 'c', 'outputmaps', 12, 'kernelsize', 5) %convolution layer struct('type', 's', 'scale', 2) %subsampling layer};cnn = cnnsetup(cnn, train_x, train_y);opts.alpha = 1;opts.batchsize = 50;opts.numepochs = 1;cnn = cnntrain(cnn, train_x, train_y, opts);[er, bad] = cnntest(cnn, test_x, test_y);%plot mean squared errorfigure; plot(cnn.rL);assert(er<0.12, 'Too big error');```Example: Neural Networks---------------------```matlabfunction test_example_NNload mnist_uint8;train_x = double(train_x) / 255;test_x = double(test_x) / 255;train_y = double(train_y);test_y = double(test_y);% normalize[train_x, mu, sigma] = zscore(train_x);test_x = normalize(test_x, mu, sigma);%% ex1 vanilla neural netrand('state',0)nn = nnsetup([784 100 10]);opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samples[nn, L] = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.08, 'Too big error');%% ex2 neural net with L2 weight decayrand('state',0)nn = nnsetup([784 100 10]);nn.weightPenaltyL2 = 1e-4; % L2 weight decayopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex3 neural net with dropoutrand('state',0)nn = nnsetup([784 100 10]);nn.dropoutFraction = 0.5; % Dropout fraction opts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex4 neural net with sigmoid activation functionrand('state',0)nn = nnsetup([784 100 10]);nn.activation_function = 'sigm'; % Sigmoid activation functionnn.learningRate = 1; % Sigm require a lower learning rateopts.numepochs = 1; % Number of full sweeps through dataopts.batchsize = 100; % Take a mean gradient step over this many samplesnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex5 plotting functionalityrand('state',0)nn = nnsetup([784 20 10]);opts.numepochs = 5; % Number of full sweeps through datann.output = 'softmax'; % use softmax outputopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, train_x, train_y, opts);[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');%% ex6 neural net with sigmoid activation and plotting of validation and training error% split training data into training and validation datavx = train_x(1:10000,:);tx = train_x(10001:end,:);vy = train_y(1:10000,:);ty = train_y(10001:end,:);rand('state',0)nn = nnsetup([784 20 10]); nn.output = 'softmax'; % use softmax outputopts.numepochs = 5; % Number of full sweeps through dataopts.batchsize = 1000; % Take a mean gradient step over this many samplesopts.plot = 1; % enable plottingnn = nntrain(nn, tx, ty, opts, vx, vy); % nntrain takes validation set as last two arguments (optionally)[er, bad] = nntest(nn, test_x, test_y);assert(er < 0.1, 'Too big error');```[![Bitdeli Badge](https://d2weczhvl823v0.cloudfront.net/rasmusbergpalm/deeplearntoolbox/trend.png)](https://bitdeli.com/free "Bitdeli Badge")

上一篇: 四、从XML读取数据表格
下一篇: 六、ComboBox控件
大侠肖
博客等级 码龄19年 419粉丝 135原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值