Difference between revisions of "How to Use QPushButton/es"

From Qt Wiki
Jump to: navigation, search
 
Line 1: Line 1:
'''Spanish''' [[How to Use QPushButton|English]] [[How to Use QPushButton Bulgarian|Български]] [[How to Use QPushButton SimplifiedChinese|简体中文]] [[How to Use QPushButton Russian|Русский]]
+
[[Category:Developing with Qt::General]]<br />[[Category:QtDevelopmentSpanish::General]]<br />[[Category:HowTo]]<br />[[Category:Snippets]]<br />[[Category:Tutorial]]<br />[[Category:Spanish]]
  
=Como usar QPushButton=
+
[toc align_right=&quot;yes&amp;quot; depth=&quot;3&amp;quot;]
  
==Información general acerca de QPushButton==
+
'''Spanish''' [[How_to_Use_QPushButton|English]] [[How_to_Use_QPushButton_Bulgarian|Български]] [[How_to_Use_QPushButton_SimplifiedChinese|简体中文]] [[How_to_Use_QPushButton_Russian|Русский]]
  
Usando [http://doc.qt.io/qt-5.0/qtwidgets/qpushbutton.html QPushButton] ''[qt.io]'' los desarrolladores podrán crear y manejar botones. Esta clases es fácil de usar y personalizar, por lo que es una de las clases mas útiles de Qt. Por lo general un botos muestra un texto, pero también es posible que muestre un icono.
+
= Como usar QPushButton =
  
QPushButton hereda de [http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html QAbstractButton] ''[qt.io]'' que hereda de [http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html QWidget] ''[qt.io]''.
+
== Información general acerca de QPushButton ==
  
==Señales (Signals)==
+
Usando &quot;QPushButton&amp;quot;:http://doc.qt.io/qt-5.0/qtwidgets/qpushbutton.html los desarrolladores podrán crear y manejar botones. Esta clases es fácil de usar y personalizar, por lo que es una de las clases mas útiles de Qt. Por lo general un botos muestra un texto, pero también es posible que muestre un icono.
  
===Hereda de QAbstractButton===
+
QPushButton hereda de &quot;QAbstractButton&amp;quot;:http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html que hereda de &quot;QWidget&amp;quot;:http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html.
 +
 
 +
== Señales (Signals) ==
 +
 
 +
=== Hereda de QAbstractButton ===
  
 
* void clicked ( bool checked = false )
 
* void clicked ( bool checked = false )
Line 18: Line 22:
 
* void toggled ( bool checked )
 
* void toggled ( bool checked )
  
===Hereda de QWidget===
+
=== Hereda de QWidget ===
  
 
* void customContextMenuRequested ( const QPoint &amp; pos )
 
* void customContextMenuRequested ( const QPoint &amp; pos )
  
===Hereda de QObject===
+
=== Hereda de QObject ===
  
 
* void destroyed ( QObject * obj = 0 )
 
* void destroyed ( QObject * obj = 0 )
  
==Uso básico==
+
== Uso básico ==
  
===Texto===
+
=== Texto ===
  
Se puede establecer el texto de un QPushButton en su creación o usando [http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#text-prop setText()] ''[qt.io]''. <br /> Para obtener el texto usado actualmente por el botón usamos [http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#text-prop text()] ''[qt.io]''.
+
Se puede establecer el texto de un QPushButton en su creación o usando &quot;setText()&quot;:http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#text-prop.<br />Para obtener el texto usado actualmente por el botón usamos &quot;text()&quot;:http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#text-prop.
  
===Icono===
+
=== Icono ===
  
El icono de un QPushButton al igual que el texto del mismo se puede establecer en su creación. Luego también es posible cambiarlo usando [http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#icon-prop setIcon()] ''[qt.io]'' Para obtener el icono en uso actualmente use [http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#icon-prop icon()] ''[qt.io]''
+
El icono de un QPushButton al igual que el texto del mismo se puede establecer en su creación. Luego también es posible cambiarlo usando &quot;setIcon()&quot;:http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#icon-prop Para obtener el icono en uso actualmente use &quot;icon()&quot;:http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#icon-prop
  
===Establecer posición y tamaño===
+
=== Establecer posición y tamaño ===
  
Para establecer la posición y el tamaño de un botón use [http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html#geometry-prop setGeometry()] ''[qt.io]''. Si lo que busca es modificar el tamaño del botón use [http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html#size-prop resize()] ''[qt.io]''.
+
Para establecer la posición y el tamaño de un botón use &quot;setGeometry()&quot;:http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html#geometry-prop. Si lo que busca es modificar el tamaño del botón use &quot;resize()&quot;:http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html#size-prop.
  
===Manejando el botón===
+
=== Manejando el botón ===
  
 
QPushButton emite una señal si un evento ocurre. Para manejar el botón conecte la señal apropiada a el slot:
 
QPushButton emite una señal si un evento ocurre. Para manejar el botón conecte la señal apropiada a el slot:
  
==Ejemplo==
+
<code>connect(m_pButton, SIGNAL (released()),this, SLOT (handleButton()));<code>
 +
 
 +
== Ejemplo ==
  
 
El siguiente fragmento de código muestra como crear y usar un QPushButton. El mismo a sido probado en Qt Symbian Simulator
 
El siguiente fragmento de código muestra como crear y usar un QPushButton. El mismo a sido probado en Qt Symbian Simulator
Line 50: Line 56:
 
Una instancia de QPushButton es creada. La señal '''released()''' es conectada al slot '''handleButton()''' que cambia el texto y el tamaño del botón.
 
Una instancia de QPushButton es creada. La señal '''released()''' es conectada al slot '''handleButton()''' que cambia el texto y el tamaño del botón.
  
===mainwindow.h===
+
=== mainwindow.h ===
 +
 
 +
</code><br />#ifndef MAINWINDOW_H<br />#define MAINWINDOW_H
 +
 
 +
#include &lt;QtGui/QMainWindow&amp;gt;<br />#include &lt;QPushButton&amp;gt;
 +
 
 +
namespace Ui {<br /> class MainWindow;<br />}
 +
 
 +
class MainWindow : public QMainWindow<br />{<br /> Q_OBJECT<br />public:
 +
 
 +
explicit MainWindow(QWidget '''parent = 0);<br /> virtual ~MainWindow();
 +
<br />private slots:
 +
<br /> void handleButton();
 +
<br />private:
 +
<br /> QPushButton''' m_pButton;<br />};
 +
 
 +
#endif // MAINWINDOW_H<br /><code>
 +
 
 +
=== mainwindow.cpp ===
 +
 
 +
</code><br />#include &quot;mainwindow.h&amp;quot;
 +
 
 +
#include &lt;QtCore/QCoreApplication&amp;gt;
 +
 
 +
MainWindow::MainWindow(QWidget *parent)<br /> : QMainWindow(parent)<br />{<br /> //Create the button<br /> m_pButton = new QPushButton(&quot;My Button&amp;quot;, this);<br /> //set size and location of the button<br /> m_pButton-&gt;setGeometry(QRect( QPoint(100, 100),<br /> QSize(200, 50) ));
 +
 
 +
//Connect button signal to appropriate slot<br /> connect(m_pButton, SIGNAL (released()),this, SLOT (handleButton()));<br />}
 +
 
 +
void MainWindow::handleButton()<br />{<br /> //change the text<br /> m_pButton-&gt;setText(&quot;Example&amp;quot;);<br /> //resize button<br /> m_pButton-&gt;resize(100,100);<br />}
 +
 
 +
MainWindow::~MainWindow()<br />{
 +
 
 +
}<br /><code>
 +
 
 +
=== main.cpp ===
 +
 
 +
</code><br />#include &quot;mainwindow.h&amp;quot;
  
===mainwindow.cpp===
+
#include &lt;QtGui/QApplication&amp;gt;
  
===main.cpp===
+
int main(int argc, char *argv[])<br />{<br /> QApplication app(argc, argv);
  
=Mas información=
+
MainWindow mainWindow;<br /> mainWindow.showMaximized();<br /> return app.exec&amp;amp;#40;&amp;#41;;<br />}
  
[http://developer.qt.nokia.com/wiki/Qt_Buttons_Spanish Botones Qt] ''[developer.qt.nokia.com]''<br />[http://developer.qt.nokia.com/wiki/Basic_Qt_Programming_Tutorial Tutorial básico de Programación en Qt] ''[developer.qt.nokia.com]''
+
<code>
  
===Categories:===
+
= Mas información =
  
* [[:Category:Developing-with-Qt|Developing with Qt]]
+
&quot;Botones Qt&amp;quot;:http://developer.qt.nokia.com/wiki/Qt_Buttons_Spanish
** [[:Category:Developing-with-Qt::General|General]]
 
* [[:Category:HowTo|HowTo]]
 
* [[:Category:QtDevelopmentSpanish|QtDevelopmentSpanish]]
 
** [[:Category:QtDevelopmentSpanish::General|General]]
 
* [[:Category:snippets|snippets]]
 
* [[:Category:Spanish|Spanish]]
 
* [[:Category:Tutorial|Tutorial]]
 

Revision as of 09:37, 24 February 2015






[toc align_right="yes&quot; depth="3&quot;]

Spanish English Български 简体中文 Русский

Como usar QPushButton

Información general acerca de QPushButton

Usando "QPushButton&quot;:http://doc.qt.io/qt-5.0/qtwidgets/qpushbutton.html los desarrolladores podrán crear y manejar botones. Esta clases es fácil de usar y personalizar, por lo que es una de las clases mas útiles de Qt. Por lo general un botos muestra un texto, pero también es posible que muestre un icono.

QPushButton hereda de "QAbstractButton&quot;:http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html que hereda de "QWidget&quot;:http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html.

Señales (Signals)

Hereda de QAbstractButton

  • void clicked ( bool checked = false )
  • void pressed ()
  • void released ()
  • void toggled ( bool checked )

Hereda de QWidget

  • void customContextMenuRequested ( const QPoint & pos )

Hereda de QObject

  • void destroyed ( QObject * obj = 0 )

Uso básico

Texto

Se puede establecer el texto de un QPushButton en su creación o usando "setText()":http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#text-prop.
Para obtener el texto usado actualmente por el botón usamos "text()":http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#text-prop.

Icono

El icono de un QPushButton al igual que el texto del mismo se puede establecer en su creación. Luego también es posible cambiarlo usando "setIcon()":http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#icon-prop Para obtener el icono en uso actualmente use "icon()":http://doc.qt.io/qt-5.0/qtwidgets/qabstractbutton.html#icon-prop

Establecer posición y tamaño

Para establecer la posición y el tamaño de un botón use "setGeometry()":http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html#geometry-prop. Si lo que busca es modificar el tamaño del botón use "resize()":http://doc.qt.io/qt-5.0/qtwidgets/qwidget.html#size-prop.

Manejando el botón

QPushButton emite una señal si un evento ocurre. Para manejar el botón conecte la señal apropiada a el slot:

connect(m_pButton, SIGNAL (released()),this, SLOT (handleButton()));<code>

== Ejemplo ==

El siguiente fragmento de código muestra como crear y usar un QPushButton. El mismo a sido probado en Qt Symbian Simulator

Una instancia de QPushButton es creada. La señal '''released()''' es conectada al slot '''handleButton()''' que cambia el texto y el tamaño del botón.

=== mainwindow.h ===

#ifndef MAINWINDOW_H
#define MAINWINDOW_H
  1. include <QtGui/QMainWindow&gt;
    #include <QPushButton&gt;

namespace Ui {
class MainWindow;
}

class MainWindow : public QMainWindow
{
Q_OBJECT
public:

explicit MainWindow(QWidget parent = 0);
virtual ~MainWindow();

private slots:
void handleButton();
private:
QPushButton m_pButton;
};

  1. endif // MAINWINDOW_H
    === mainwindow.cpp ===
    

    #include "mainwindow.h&quot;
  1. include <QtCore/QCoreApplication&gt;

MainWindow::MainWindow(QWidget *parent)
 : QMainWindow(parent)
{
//Create the button
m_pButton = new QPushButton("My Button&quot;, this);
//set size and location of the button
m_pButton->setGeometry(QRect( QPoint(100, 100),
QSize(200, 50) ));

//Connect button signal to appropriate slot
connect(m_pButton, SIGNAL (released()),this, SLOT (handleButton()));
}

void MainWindow::handleButton()
{
//change the text
m_pButton->setText("Example&quot;);
//resize button
m_pButton->resize(100,100);
}

MainWindow::~MainWindow()
{

}
=== main.cpp ===

#include "mainwindow.h&quot;
  1. include <QtGui/QApplication&gt;

int main(int argc, char *argv[])
{
QApplication app(argc, argv);

MainWindow mainWindow;
mainWindow.showMaximized();
return app.exec&amp;#40;&#41;;
}

Mas información

"Botones Qt&quot;:http://developer.qt.nokia.com/wiki/Qt_Buttons_Spanish