« anterior próximo »
Páginas: [1]   Ir Abajo

Autor Tema: Donde se realiza la codificación en QT Designer.  (Leído 4770 veces)

0 Usuarios y 1 Visitante están viendo este tema.

Desconectado Daniel1952

  • PIC16
  • ***
  • Mensajes: 127
Donde se realiza la codificación en QT Designer.
« en: 20 de Septiembre de 2022, 16:02:42 »
Hola Picuino, ¿cómo estás?, hola a todos.-
Qué flor de dilema, tengo, les cuento lo que estoy haciendo,
creo la ventana con los correspondientes componentes con Designer
luego a partir del código "ventana.ui" lo paso a "ventana.py" hasta
allí todo bien, pero ahora cuando quiero sumar 2 números no sé cómo codificarlo
¿me podrían ayudar?

Código: Python
  1. # Form implementation generated from reading ui file 'ventana.ui'
  2. #
  3. # Created by: PyQt6 UI code generator 6.3.1
  4. #
  5. # WARNING: Any manual changes made to this file will be lost when pyuic6 is
  6. # run again.  Do not edit this file unless you know what you are doing.
  7.  
  8.  
  9. from PyQt6 import QtCore, QtGui, QtWidgets
  10.  
  11.  
  12. class Ui_MainWindow(object):
  13.     def setupUi(self, MainWindow):
  14.         MainWindow.setObjectName("MainWindow")
  15.         MainWindow.resize(320, 240)
  16.         self.centralwidget = QtWidgets.QWidget(MainWindow)
  17.         self.centralwidget.setObjectName("centralwidget")
  18.         self.pushButton = QtWidgets.QPushButton(self.centralwidget)
  19.         self.pushButton.setGeometry(QtCore.QRect(110, 120, 75, 23))
  20.         self.pushButton.setObjectName("pushButton")
  21.         self.lineEditUno = QtWidgets.QLineEdit(self.centralwidget)
  22.         self.lineEditUno.setGeometry(QtCore.QRect(20, 10, 91, 20))
  23.         self.lineEditUno.setObjectName("lineEditUno")
  24.         self.lineEditDos = QtWidgets.QLineEdit(self.centralwidget)
  25.         self.lineEditDos.setGeometry(QtCore.QRect(130, 10, 91, 20))
  26.         self.lineEditDos.setObjectName("lineEditDos")
  27.         self.label = QtWidgets.QLabel(self.centralwidget)
  28.         self.label.setGeometry(QtCore.QRect(20, 60, 47, 13))
  29.         self.label.setText("")
  30.         self.label.setObjectName("label")
  31.         MainWindow.setCentralWidget(self.centralwidget)
  32.         self.menubar = QtWidgets.QMenuBar(MainWindow)
  33.         self.menubar.setGeometry(QtCore.QRect(0, 0, 320, 21))
  34.         self.menubar.setObjectName("menubar")
  35.         MainWindow.setMenuBar(self.menubar)
  36.         self.statusbar = QtWidgets.QStatusBar(MainWindow)
  37.         self.statusbar.setObjectName("statusbar")
  38.         MainWindow.setStatusBar(self.statusbar)
  39.  
  40.         self.retranslateUi(MainWindow)
  41.         QtCore.QMetaObject.connectSlotsByName(MainWindow)
  42.  
  43.     def retranslateUi(self, MainWindow):
  44.         _translate = QtCore.QCoreApplication.translate
  45.         MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow"))
  46.         self.pushButton.setText(_translate("MainWindow", "Resultado"))
  47.  
  48.  
  49. if __name__ == "__main__":
  50.     import sys
  51.     app = QtWidgets.QApplication(sys.argv)
  52.     MainWindow = QtWidgets.QMainWindow()
  53.     ui = Ui_MainWindow()
  54.     ui.setupUi(MainWindow)
  55.     MainWindow.show()
  56.     sys.exit(app.exec())


Slds. Daniel ☕☕☕
En línea
abraza las cosas y personas malas como si fueran tu mas preciada joya,Son tus mas grandes maestros de paciencia sabiduría y amor y cuando lo abrazas dejan de causar dolor.-

Desconectado Picuino

  • Moderador Local
  • DsPIC33
  • *****
  • Mensajes: 5892
    • Picuino
Re:Donde se realiza la codificación en QT Designer.
« Respuesta #1 en: 20 de Septiembre de 2022, 16:59:10 »
Mira este enlace por si te ayuda: https://realpython.com/python-pyqt-gui-calculator/

Yo con las interfaces gráficas me pierdo. Lo veo demasiado complicado para lo poco que al final se consigue. Prefiero trabajar con Python en línea de comandos.

Saludos.
En línea

Desconectado Daniel1952

  • PIC16
  • ***
  • Mensajes: 127
Re:Donde se realiza la codificación en QT Designer.
« Respuesta #2 en: 20 de Septiembre de 2022, 17:15:38 »
El típico "se me callo la estantería" con lo que leo, me pareció que
no te llevabas bien con tkinter por ser muy básica y que utilizarías TQ
confiaba muchísimo que pudieras ayudarme, intentaré, por otro lado,
un fuerte abrazo...

Slds. Daniel ☕☕☕
En línea
abraza las cosas y personas malas como si fueran tu mas preciada joya,Son tus mas grandes maestros de paciencia sabiduría y amor y cuando lo abrazas dejan de causar dolor.-

Desconectado Picuino

  • Moderador Local
  • DsPIC33
  • *****
  • Mensajes: 5892
    • Picuino
Re:Donde se realiza la codificación en QT Designer.
« Respuesta #3 en: 22 de Septiembre de 2022, 13:48:25 »
Yo para hacer ese tipo de formularios interactivos suelo utilizar HTML, CSS y JavaScript.
Es mucho más intuitivo y puedes visualizarlo en cualquier navegador.
En línea

Desconectado Picuino

  • Moderador Local
  • DsPIC33
  • *****
  • Mensajes: 5892
    • Picuino
Re:Donde se realiza la codificación en QT Designer.
« Respuesta #4 en: 22 de Septiembre de 2022, 14:38:29 »
Por ejemplo con el formulario adjunto.

Código: Text
  1. <!DOCTYPE html>
  2. <html lang="es-es">
  3.  
  4. <head>
  5.   <style>
  6.     .name { padding: 8px; min-width: 120px; display: inline-block; }
  7.     .input { padding: 8px; display: inline-block; }
  8.     input[type=text] { width: 64px; text-align: right; }
  9.     input[type=button] { margin: 20px 0 0 150px; }
  10.   </style>
  11.  
  12. </head>
  13.  
  14. <body>
  15.   <div class="row">
  16.   <div class="name">Primer número</div>
  17.   <div class="input"> <form> <input type="text" id="var_a"> </form> </div>
  18.   </div>
  19.  
  20.   <div class="row">
  21.   <div class="name">Segundo número</div>
  22.   <div class="input"> <form> <input type="text" id="var_b"> </form> </div>
  23.   </div>
  24.  
  25.   <div class="row">
  26.   <div class="name">Resultado</div>
  27.   <div class="input"> <form> <input type="text" disabled="disabled" id="out"> </form> </div>
  28.   </div>
  29.  
  30.   <div class="row">
  31.   <input type="button" value="Calcular" onclick="calc()">
  32.   </div>
  33.  
  34.   <script>
  35.     function calc() {
  36.       var_a = document.getElementById("var_a").value.replace(',', '.');
  37.       var_b = document.getElementById("var_b").value.replace(',', '.');
  38.       document.getElementById("out").value = (var_a * 1.0) + (var_b * 1.0);
  39.     }
  40.   </script>
  41.  
  42. </body>
  43.  
  44. </html>
En línea

Desconectado Picuino

  • Moderador Local
  • DsPIC33
  • *****
  • Mensajes: 5892
    • Picuino
Re:Donde se realiza la codificación en QT Designer.
« Respuesta #5 en: 22 de Septiembre de 2022, 14:40:05 »
Aquí un formulario mucho más completo para calcular valores rms:
https://rawgit.com/Picuino/picalc/master/rms_calculator.html

El formulario (HTML + CSS + JavaScript) está creado con Python a partir de este archivo fuente:

Código: YAML
  1. config:
  2.   title: Average and RMS value Calculator
  3.   author: Picuino
  4.   description: JavaScript calculator of average and RMS values
  5.   keywords: RMS, average, median, value, calculator
  6.  
  7.   width:
  8.      max: 640px
  9.      min: 320px
  10.      name: 7em
  11.      value: 5em
  12.      units: 2em
  13.      comment: 20em
  14.  
  15.   resolution: 5
  16.    
  17.  
  18. # *******************************************************************
  19.  
  20. rows:
  22. - type: image
  23.   name: waves.png
  24.   comment: Wave Types
  25.  
  26. - type: html
  27.   name: Horizontal line
  28.   code: |
  29.      {% raw %}
  30.       <hr /> <br />
  31.       {% endraw %}
  32.      
  33. - type: buttons
  34.   name: Values
  35.   buttons:
  36.   - { value: Reset,    onclick: button_reset() }
  37.   - { value: Clear,    onclick: button_clear() }
  38.   - { value: Copy URL, onclick: button_url_copy() }
  39.  
  40.  
  41. # ** INPUT PARAMETER **
  42.  
  43. - type: header
  44.   name: Maximum and Minimum values of wave (peak to peak)
  45.  
  46. - type: var
  47.   comment: Maximum value of signal
  48.   name: V_max
  49.   value: 5
  50.   unit: V
  51.  
  52. - type: var
  53.   comment: Minimum value of signal
  54.   name: V_min
  55.   value: 1
  56.   unit: V
  57.  
  58. - type: var
  59.   comment: Duty cycle
  60.   name: D
  61.   value: 50
  62.   unit: '%'
  63.   prefix: 0.01
  64.  
  65.  
  66. # ** SINE WAVE **
  67.  
  68. - type: header
  69.   name: Sine wave
  70.  
  71. - type: calc
  72.   comment: Average value of sine wave (offset)
  73.   name: V_offset
  74.   unit: V
  75.   id: V_offset1
  76.   calc: V_offset1 = V_min + 0.5 * (V_max - V_min)
  77.  
  78. - type: calc
  79.   comment: RMS value of sine wave (without offset)
  80.   name: V_sin_ac_rms
  81.   unit: V
  82.   calc: V_sin_ac_rms = Math.abs(V_max - V_min) * Math.sqrt(0.125)
  83.  
  84. - type: calc
  85.   comment: RMS value of sine wave (with offset)
  86.   name: V_sin_rms
  87.   unit: V
  88.   calc: V_sin_rms = Math.sqrt(V_sin_ac_rms * V_sin_ac_rms + V_offset1 * V_offset1)
  89.  
  90.  
  91. # ** TRIANGLE WAVE **
  92.  
  93. - type: header
  94.   name: Triangle wave
  95.  
  96. - type: calc
  97.   comment: Average value of Triangle wave (offset)
  98.   name: V_offset
  99.   unit: V
  100.   id: V_offset2
  101.   calc: V_offset2 = V_min + 0.5 * (V_max - V_min)
  102.  
  103. - type: calc
  104.   comment: RMS value of Triangle wave (without offset)
  105.   name: V_tri_ac_rms
  106.   unit: V
  107.   calc: V_tri_ac_rms = Math.abs(V_max - V_min) * Math.sqrt(1.0/12)
  108.  
  109. - type: calc
  110.   comment: RMS value of Triangle wave (with offset)
  111.   name: V_tri_rms
  112.   unit: V
  113.   calc: V_tri_rms = Math.sqrt(V_tri_ac_rms * V_tri_ac_rms + V_offset2 * V_offset2)
  114.  
  115.  
  116. # ** RECTIFIED SINE WAVE **
  117.  
  118. - type: header
  119.   name: Rectified Sine wave
  120.  
  121. - type: calc
  122.   comment: Average value of Rectified Sine wave (offset)
  123.   name: V_offset
  124.   unit: V
  125.   id: V_offset3
  126.   calc: V_offset3 = V_min + (V_max - V_min) * 2 * D / Math.PI
  127.  
  128. - type: calc
  129.   comment: RMS value of of Rectified Sine wave (without offset)
  130.   name: V_rsin_ac_rms
  131.   unit: V
  132.   calc: V_rsin_ac_rms = Math.abs(V_max - V_min) * Math.sqrt(D*(0.5 - 4.0 /(Math.PI*Math.PI)))
  133.  
  134. - type: calc
  135.   comment: RMS value of of Rectified Sine wave (with offset)
  136.   name: V_rsin_rms
  137.   unit: V
  138.   calc: V_rsin_rms = Math.sqrt(V_rsin_ac_rms * V_rsin_ac_rms + V_offset3 * V_offset3)
  139.  
  140.  
  141. # ** SAWTOOTH WAVE **
  142.  
  143. - type: header
  144.   name: Sawtooth wave
  145.  
  146. - type: calc
  147.   comment: Average value of Sawtooth wave (offset)
  148.   name: V_offset
  149.   unit: V
  150.   id: V_offset4
  151.   calc: V_offset4 = V_min + D * 0.5 * (V_max - V_min)
  152.  
  153. - type: calc
  154.   comment: RMS value of Sawtooth wave (without offset)
  155.   name: V_saw_ac_rms
  156.   unit: V
  157.   calc: V_saw_ac_rms = Math.abs(V_max - V_min) * Math.sqrt(D * 0.0833333)
  158.  
  159. - type: calc
  160.   comment: RMS value of Sawtooth wave (with offset)
  161.   name: V_saw_rms
  162.   unit: V
  163.   calc: V_saw_rms = Math.sqrt(V_saw_ac_rms * V_saw_ac_rms + V_offset4 * V_offset4)
  164.  
  165.  
  166. # ** SQUARE WAVE **
  167.  
  168. - type: header
  169.   name: Square wave
  170.  
  171. - type: calc
  172.   comment: Average value of Square wave (offset)
  173.   name: V_offset
  174.   unit: V
  175.   id: V_offset5
  176.   calc: V_offset5 = V_min +  D * (V_max - V_min)
  177.  
  178. - type: calc
  179.   comment: RMS value of Square wave (without offset)
  180.   name: V_sq_ac_rms
  181.   unit: V
  182.   calc:
  183.  - V_sq_rms = Math.sqrt(V_max*V_max*D + V_min*V_min*(1-D))
  184.   - V_sq_ac_rms = Math.sqrt(V_sq_rms*V_sq_rms - V_offset5 * V_offset5)
  185.  
  186. - type: calc
  187.   comment: RMS value of Square wave (with offset)
  188.   name: V_sq_rms
  189.   unit: V
  190.  
  191.  
  192. # ** ADD WAVES **
  193.  
  194. - type: header
  195.   name: Sum of waves RMS value
  196.  
  197. - type: var
  198.   comment: V_rms of Wave 1
  199.   name: V1_rms
  200.   value: 3
  201.   unit: V
  202.  
  203. - type: var
  204.   comment: V_rms of Wave 2
  205.   name: V2_rms
  206.   value: 4
  207.   unit: V
  208.  
  209. - type: var
  210.   comment: V_rms of Wave 3
  211.   name: V3_rms
  212.   unit: V
  213.  
  214. - type: var
  215.   comment: V_rms of Wave 4
  216.   name: V4_rms
  217.   unit: V
  218.  
  219. - type: var
  220.   comment: V_rms of Wave 5
  221.   name: V5_rms
  222.   unit: V
  223.  
  224. - type: calc
  225.   comment: RMS value of all waves
  226.   name: V_add_rms
  227.   unit: V
  228.   calc: V_add_rms = Math.sqrt(V1_rms*V1_rms + V2_rms*V2_rms + V3_rms*V3_rms + V4_rms*V4_rms + V5_rms*V5_rms)

He publicado el código aquí: https://github.com/picuino/picalc
« Última modificación: 22 de Septiembre de 2022, 15:03:54 por Picuino »
En línea
Páginas: [1]   Ir Arriba
« anterior próximo »
 

anything