Qt Designer - Custom QLineEdit/TextBox with Stylesheet - Tutorial [Modern Gui]

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 พ.ย. 2024

ความคิดเห็น • 53

  • @parsakarami7444
    @parsakarami7444 3 ปีที่แล้ว +2

    This man is great, thank you really Wanderson for creating such a awesome videos for noob Qt programmers especially for the Python binding.
    Probably the only one I've seen who uses those special Qt powers to make a real rich UI rather than explaining those old simple stuff in Qt.
    Continue making tutorials! :)

  • @WandersonItsMe
    @WandersonItsMe  4 ปีที่แล้ว +24

    Thank you guys, if you like short videos like this, please let me know. It may become a series showing how to customize the main widgets in Qt Designer.

    • @thomasheinzm.9094
      @thomasheinzm.9094 4 ปีที่แล้ว +1

      Sir How can i interconnect items of 3 different QComboBox ?

    • @WandersonItsMe
      @WandersonItsMe  4 ปีที่แล้ว

      @@thomasheinzm.9094 yes, is possible in the Python code! You need study/search by ComboBox Events in PyQt5 or PySide2, is more advanced resources.

    • @omaral-halabiah2851
      @omaral-halabiah2851 3 ปีที่แล้ว

      Everything you provide is useful and interesting, whether short or long clips. Short clips are useful for quick access to information, while long clips are useful for integrated programs.

    • @seghirissam2662
      @seghirissam2662 3 ปีที่แล้ว

      Very cool content , i wish if you did a series f oQT Designer / QT Widgets

  • @ventiladorbueno1846
    @ventiladorbueno1846 4 ปีที่แล้ว +9

    Please, everyone, share this video to others that are needing to know this topic

  • @AnoopPanavalappil
    @AnoopPanavalappil 4 ปีที่แล้ว

    This is really interesting.
    Found a annoying problem though while using style sheets to theme your widget, is when you want to change the property at runtime.
    For example, you want to change the password text color to red if it was wrong and revert once when user clears the field. If you simply set the stylesheet from code with just 'color' it'll overwrite all other styles.
    Only solution I found is, append the style. If you have same style applied multiple times it'll take only the last one in to account. In some cases you'll end up in a very long stylesheet attached to a widget :)

    • @WandersonItsMe
      @WandersonItsMe  4 ปีที่แล้ว

      Yes, because you need to set all stylesheet for the widget! You can get de default stylesheet and replace this value, or create a custom stylesheet em a Python string with the default and custom style, like this project if description is empyt: th-cam.com/video/Sslj-FVI0ok/w-d-xo.html

  • @ventiladorbueno1846
    @ventiladorbueno1846 4 ปีที่แล้ว +3

    Thanks for your time Teacher.

  • @joenieakilimali9720
    @joenieakilimali9720 3 ปีที่แล้ว

    You are the BEST!!! i was looking for somethink like this since!!!

  • @storymodetanya
    @storymodetanya 4 ปีที่แล้ว

    Subcribed! thank you so much for these QT designer videos. They're beautiful. 😍😭 I really appreciate it.

  • @ventiladorbueno1846
    @ventiladorbueno1846 4 ปีที่แล้ว

    I did not know about focus customization, thanks

  • @SaifUllahKhan0
    @SaifUllahKhan0 4 ปีที่แล้ว +4

    Can you make a tutorial on how you make custom window frame. And removing the default style.

    • @WandersonItsMe
      @WandersonItsMe  4 ปีที่แล้ว +1

      Maybe this video can help you: th-cam.com/video/wQfKamzV1uQ/w-d-xo.html

  • @MuriloGamerDBR
    @MuriloGamerDBR 4 ปีที่แล้ว +1

    Your designs are very beautiful I hope I can do something like that.

  • @kikrik97
    @kikrik97 4 ปีที่แล้ว

    Great video Man, i hope you make a lot of them! Thank you for sharing :D

  • @zdspider6778
    @zdspider6778 7 หลายเดือนก่อน

    Fascinating.

  • @privatevoid2019
    @privatevoid2019 3 ปีที่แล้ว

    Hello qt creator version is it? my mainwindow looks different from yours. I want to have the window as a form, how do I do?

  • @miyamura3382
    @miyamura3382 2 ปีที่แล้ว

    Nice video man

  • @ventiladorbueno1846
    @ventiladorbueno1846 4 ปีที่แล้ว +1

    Moder Gui tutorial only you in TH-cam. 👍🏻

  • @omaral-halabiah2851
    @omaral-halabiah2851 3 ปีที่แล้ว

    @Wanderson : when I put two of this LineEdit together by vertical layout , the effect of border-radius removed , can you give us solution plz

  • @micosanpablo5391
    @micosanpablo5391 3 ปีที่แล้ว

    Sir why I can't use the border and border radius at the same time, I try so many times but it didn't work, this is my syntax in my edit style sheet....
    QLineEdit{
    border: 2px solid rgb(99, 99, 99);
    border-radius: 20px;

    }
    the radius of the border didn't change only the border color only change, but when I delete the border color and left the border radius syntax the line edit border radius work. Can you help me Sir I just want to make my gui way more better.

  • @achalafernando4194
    @achalafernando4194 4 ปีที่แล้ว

    can you show how to build advanced Notepad in QT.

  • @informaticaangola636
    @informaticaangola636 3 ปีที่แล้ว

    Can you please write for me some command that you used to modify the label? I can't see well and I'm getting to finish my project.

  • @facundoreyes
    @facundoreyes 4 ปีที่แล้ว

    Amazing video!

  • @pcalafatich
    @pcalafatich 4 ปีที่แล้ว

    Obrigado, amigo Wanderson

  • @saintpeter1802
    @saintpeter1802 3 ปีที่แล้ว

    hello
    please that code doesn't work with me
    QLineEdit: hover {
    border: 2px solid rgb(48,50, 62);
    }
    QLineEdit: focus {
    border: 2px solid rgb(85, 170, 255);
    background-color: rgb(43, 45, 56);
    }

  • @cca8241
    @cca8241 3 ปีที่แล้ว

    Hello Guys,I have created a form like that but when I called my ui to pyhton code I can not get the inputs of textboxes.Do anyone know the reason or ran this erros before ?

  • @sherafati
    @sherafati 3 ปีที่แล้ว

    I see you created such a modern looking textinput with a QWidget and stylesheet. I thought it was only possible using QML. Which one is a better practice in this case? QML or QWidgets?

  • @INURLBrasil
    @INURLBrasil 4 ปีที่แล้ว +1

    Wanderson depois tenta fazer um tudo sobre QTableWidget

  • @SpinnTV
    @SpinnTV 4 ปีที่แล้ว

    A little help here bro 😁,, how do you make a qframe or label click able and to access parent name of clicked button. Also sometimes I set background images or icons which display properly on qtdesigner but fail to be rendered on python qt interface error "could not create pixmap.... ". These might be good video topics

    • @WandersonItsMe
      @WandersonItsMe  4 ปีที่แล้ว

      Every Interface GUI works with "Events" (clicked, mouseover, double-click, scrolling...), Try study about PyQt5 or PySide2 events, is very important. QLabel don't have clicked event like Buttons, but you can use " mousePressEvent".

  • @pilly3815
    @pilly3815 2 หลายเดือนก่อน

    god bless you

  • @mayankjha1986
    @mayankjha1986 3 ปีที่แล้ว

    Hii Sir ! Video is very helpful .
    But having one doubt regarding TextArea .
    I am creating one Textarea which contains Rich Text and the text line-height should be 22px and as soon as new line is entered the line -height should increase to 44px and 66px further . So I am getting troubles on how to do it ?? Please help me with this !!
    Regards,
    Mayank

  • @ahmedyousif4782
    @ahmedyousif4782 3 ปีที่แล้ว

    how did you made the background black?

  • @victormatheus2066
    @victormatheus2066 29 วันที่ผ่านมา

    Pq o meu border-radius não funciona?

  • @informaticaangola636
    @informaticaangola636 3 ปีที่แล้ว +1

    Não consigo visualizar bem os comandos por favor podes escrever os comandos no qual usaste no style sheet para modificar o label ficaria muito grato pela.

    • @WandersonItsMe
      @WandersonItsMe  3 ปีที่แล้ว

      Infelizmente o Qt Designer não tem como dar zoom nos estilos, se você acessar por um computador e colocar a rosolução do video em 1440p é possivel ver sem problemas.

  • @armuc6941
    @armuc6941 4 ปีที่แล้ว

    thanks, but in my QT is not working Way please ?

  • @Pedroallesss
    @Pedroallesss 4 ปีที่แล้ว

    tks a lot from brazil

    • @WandersonItsMe
      @WandersonItsMe  4 ปีที่แล้ว +1

      Hi aqui do Brasil também haha ❤

  • @X7ikmet
    @X7ikmet 4 ปีที่แล้ว

    thanks

  • @Soldoutsf
    @Soldoutsf 3 ปีที่แล้ว

    QlineEdit {
    border: 2px solid rgb(49, 49, 72);
    border-radius: 20px;
    }
    Why isn't this making the text thing round? This is the exact same thing as in your video

  • @christianruales5519
    @christianruales5519 4 ปีที่แล้ว

    Nice video, but I've question do you need to buy a licence in order to export a project using this and python?

    • @WandersonItsMe
      @WandersonItsMe  4 ปีที่แล้ว

      Using PyQt5 you need, for commercial project without open source!
      PySide2 not, but if you change some Qt Modules (change original modules) is necessary by open source (PyQt5 too).
      This licences are very confuse 😕

  • @saintpeter1802
    @saintpeter1802 3 ปีที่แล้ว

    Hello Teacher
    yes i like short video
    because long video make me boring

  • @dennisasamoah2213
    @dennisasamoah2213 4 ปีที่แล้ว

    perfect

  • @franciscodemelo7
    @franciscodemelo7 4 ปีที่แล้ว

    Muito bom conteúdo

  • @luizfillipe2272
    @luizfillipe2272 3 ปีที่แล้ว

    opa meu rei, como tu que faz pra fazer o exe do python? Pelo menos o nome do aplicativo

    • @WandersonItsMe
      @WandersonItsMe  3 ปีที่แล้ว +1

      Procure por Auto Py To Exe, é um módulo do Python que usa interface visual para gerar o executável, é a ferramenta mais simples de usar e tem bastante tutoriais na net