How to create and animate an expandable Sidebar menu In Python | Pyside6 / PyQt6 (2023)

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

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

  • @davethinkingsystems
    @davethinkingsystems 8 หลายเดือนก่อน +2

    This was really brilliant. So clear. Much appreciated.

  • @mcbeards1570
    @mcbeards1570 4 หลายเดือนก่อน +2

    I came here just to see how good QT Designer is on creating UIs but what I got is way more than that. I am definitely downloading it and using it in my projects.

  • @jasonworingen8431
    @jasonworingen8431 3 หลายเดือนก่อน

    I like your teaching flow, as it's very smooth and even paced. Most videos are as if someone has taken speed and then decided to get online.

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

    Ur my new mentor, this is what I’ve been looking for a decade… just kidding but it has cleared my vision…. Thanks bro

  • @Slbaz
    @Slbaz 6 หลายเดือนก่อน +1

    Thanks!

  • @xyzxyz6095
    @xyzxyz6095 3 หลายเดือนก่อน

    Good rhythm of explanations and good pedagogy. Thank you for your time and generosity. Salutations from France.

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

    hi i'm from comoros i do love your lectures and the way you explain god bless you Dear

  • @Yhwhaleks1602
    @Yhwhaleks1602 5 หลายเดือนก่อน

    Great lesson. Thank you. I applied it to my project !

  • @cerenarkac3484
    @cerenarkac3484 5 หลายเดือนก่อน

    very helpful with clear explanations

  • @II-er7gj
    @II-er7gj 6 หลายเดือนก่อน +1

    Bro, it's awesome!! Please do more tuts like this one and more python! I subscribed your channel! Thank you very much for your time to show such fantastic knowledge! I learned a lot something new for Me from you tutorials!

  • @sebastianmb88
    @sebastianmb88 8 หลายเดือนก่อน

    thanks a lot from Colombia you are a master

  • @tonygreen4812
    @tonygreen4812 8 หลายเดือนก่อน

    Fantastic work!

  • @lolnewtonzlol
    @lolnewtonzlol 9 หลายเดือนก่อน

    Fantastic video. Thank you!

  • @cletusikennachukwuemeka9418
    @cletusikennachukwuemeka9418 10 หลายเดือนก่อน

    You have a new follower Sir

  • @JBroadway
    @JBroadway 4 หลายเดือนก่อน

    learned a lot thank you! Is it possible to do animations with qt?

  • @sonyleung4630
    @sonyleung4630 3 หลายเดือนก่อน

    I put it to my project, thanks a lot

  • @OaZJumper
    @OaZJumper 10 หลายเดือนก่อน

    Really helpful video, thanks!

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

    Awesome!!!! Marvellous work!!!

  • @SKLSKSA
    @SKLSKSA 3 หลายเดือนก่อน +1

    I have a problem when finishing designing
    When you maximize the window, the elements retain their basic position and are not commensurate with the new window size after zooming, is there a way to solve that?

  • @zaairvasquez377
    @zaairvasquez377 16 วันที่ผ่านมา

    Thank you Emma

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

    Hi, pretty good video, it really help me. I have a question: if i want an optimized code to do this, python is the best option? are there other methods to do this? What's the most used method at a commercial level?

  • @AlmacyCreativeTech
    @AlmacyCreativeTech 4 หลายเดือนก่อน

    Video of the year. Damn. Whats your X handle?

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

    great tutorial!

  • @MiguelVergara-d3j
    @MiguelVergara-d3j 9 หลายเดือนก่อน +1

    The Best tutorial

  • @jotarojoestar1399
    @jotarojoestar1399 6 หลายเดือนก่อน

    can the stacked widget not collapse when the icon with name is expanded? like it would just pop up above the stacked widget and turn it dark or something?

  • @jaymehta73
    @jaymehta73 4 หลายเดือนก่อน

    Awesome! I like It.
    can u please share your UI file with Python code ?

  • @DGFA-
    @DGFA- หลายเดือนก่อน

    Good inspiration, but when you use the simple snippet it is a little bit easier to make changes.
    width = self.leftMenu.maximumWidth()
    fr = QFrame()
    if width == 200:
    self.leftMenu.setMaximumWidth(43)
    else:
    self.leftMenu.setMaximumWidth(200)

  • @mdsafikulislam9113
    @mdsafikulislam9113 5 หลายเดือนก่อน

    Is it suitable for enterprise level.

  • @oualidbennahia5336
    @oualidbennahia5336 9 หลายเดือนก่อน

    great thanku so much

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

    very nice

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

    I tried the toggle functionality but upon clicking it shows no result

  • @neverdiewibu4108
    @neverdiewibu4108 8 หลายเดือนก่อน

    how can i make the sidebar have animation when hide/show ?

  • @ade4200
    @ade4200 5 หลายเดือนก่อน

    Very nice. A couple of things.. you can just go to Form>View Python code and Copy the python code in qt designer and paste into a new python file in vscode that is UTF-8 already. Also why not just add images from an images folder? convert to resources then convert back to images folder and use resources .py file seems annoying. I suppose its for the correct image directory links but it seem long winded. any better way? thanks.

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

    How to install QT designer offline

  • @giedrel1s
    @giedrel1s 4 หลายเดือนก่อน +4

    The general idea is nice, but I understand you're quite new to GUI design because your techniques have some glaring oversights... who fixes croped elements by adding margin to child elements to increase parent element dimensions? Use sizePolicy or Layouts instead. And please start applying responsive design principals by NOT manually aligning and sizing things... use QVBox/QHBox with proper layout parameters. Other than that you seem to be on the right track to one day creating beautiful things.

    • @CreateBeautifulThings
      @CreateBeautifulThings  4 หลายเดือนก่อน +2

      I was new to learning pyside6 then. It happens when you are a beginner

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

      But for basic understanding he was good it gave me an idea but with time upgrades shall be implemented thanks for ur update tho it shall also be considered, I was planning to die from the code prospective alone but this shall speed up production

  •  9 หลายเดือนก่อน

    When I put elements or widgets on a page, for example 'messages_page', they do not grow proportionally on the page when I maximize the window. They remain in their position on the window, although the entire program window becomes larger. How can I change this in the program code?

    • @CreateBeautifulThings
      @CreateBeautifulThings  9 หลายเดือนก่อน

      There is a concept called "Size policies and stretches". It's only that I didn't mention that in this video. But in this concept you are able to make an object expandable both vertically and horizontally

  • @fredericroland8204
    @fredericroland8204 11 หลายเดือนก่อน

    Nice! Thank you

  • @aggg-g6i
    @aggg-g6i 8 หลายเดือนก่อน

    Hi, can you tell me. When I configure the panel to hide and appear, the text panel does not take up space with the icon panel. They stay in their places and only disappear and appear in turn

    • @CreateBeautifulThings
      @CreateBeautifulThings  8 หลายเดือนก่อน

      You may have missed a step when I do horizontal layout, vertical layout or grid layout of the widgets. Make sure to follow the steps as I do carefully. Otherwise it may not work

  • @christo7059
    @christo7059 5 หลายเดือนก่อน

    Many thanks !

  • @wewe-rg9yu
    @wewe-rg9yu 7 หลายเดือนก่อน

    You are my hero

  • @love_laugh6428
    @love_laugh6428 9 หลายเดือนก่อน

    why when you check a button, other button become unckeck? how did you do that?

    • @love_laugh6428
      @love_laugh6428 9 หลายเดือนก่อน

      i got it, select all pushbuttong and right click to add to a button group

    • @CreateBeautifulThings
      @CreateBeautifulThings  9 หลายเดือนก่อน

      Please follow each step in the video. I explained mutually exclusive in the video

  • @younesdeveloper
    @younesdeveloper 9 หลายเดือนก่อน

    awesome

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

    You're blessed

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

    19:17

  • @nieska6706
    @nieska6706 10 หลายเดือนก่อน

    how to hide stackedwidget pager?

    • @CreateBeautifulThings
      @CreateBeautifulThings  10 หลายเดือนก่อน +1

      Do you mean the arrows that appear at the top right corner. I realized when you implement your software and convert UI file to python file, you won't see it appearing. It's as easy as that

    • @nieska6706
      @nieska6706 10 หลายเดือนก่อน

      @@CreateBeautifulThings awesome, thank

  • @MiguelVergara-d3j
    @MiguelVergara-d3j 9 หลายเดือนก่อน

    Please a CRUD 3.0

  • @qozia1370
    @qozia1370 8 หลายเดือนก่อน

    Very beautiful tutorial.
    Thank you!

  • @leogsantos
    @leogsantos 9 หลายเดือนก่อน

    That was extremely helpful!
    But I have a suggestion for button attributions:
    # Connecting the buttons directly to the switch_page method
    self.dashboard_1.clicked.connect(lambda: self.switch_page(0))
    self.dashboard_2.clicked.connect(lambda: self.switch_page(0))
    self.profile_1.clicked.connect(lambda: self.switch_page(1))
    self.profile_2.clicked.connect(lambda: self.switch_page(1))
    self.messages_1.clicked.connect(lambda: self.switch_page(2))
    self.messages_2.clicked.connect(lambda: self.switch_page(2))
    self.settings_1.clicked.connect(lambda: self.switch_page(3))
    self.settings_2.clicked.connect(lambda: self.switch_page(3))
    # Single method to switch pages
    def switch_page(self, index):
    self.stackedWidget.setCurrentIndex(index)

  • @sivahariharan
    @sivahariharan 9 หลายเดือนก่อน

    your rushing the code explaination and then the uft 8 be changed before converting the ui to py file

    • @CreateBeautifulThings
      @CreateBeautifulThings  9 หลายเดือนก่อน +1

      If I didn't speed up the code the video would be longer than 1 hour. Above all, I wish the video was of help and that you understood the coding process

  • @MewingStreak31
    @MewingStreak31 3 หลายเดือนก่อน

    1000th like!

  • @sennlich
    @sennlich 9 หลายเดือนก่อน

    Top Top Top

  • @КириллПершин-ю7д
    @КириллПершин-ю7д 6 หลายเดือนก่อน

    Hi! Please, take me you .ui file and python code.

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

      folgado

  • @OrpoPro
    @OrpoPro 2 วันที่ผ่านมา

    19:49