Qt第九章：使用qtDesigner设计登录页面

忘是亡心i 2024-04-06 10:16 20阅读 0赞

1.  创建窗体  
    ![c7cb0a5786c64613aafbc3b9115d14ce.png][]
2.  创建一个Widget容器  
    ![10c513e5f1d6471096602907032e61dc.png][]
3.  创建一个Label组件作为界面背景  
    ![0065dbf2fcb24959b252aa0887929d3e.png][]![70a15595475c4ab386b39b1587f52145.png][] ![b9a58518aedc467f894a8a61330ceaa5.png][]
4.  创建账号输入框  
    ![875f84cd2c4f4b45a75639a65b4bf22a.png][]![b1858cb46bcb42fb8170b4c2202072b6.png][] ![5a98a16014e14650adac5042d1e6871f.png][]  
    ![fda55bb244fd4c3d88bf698969844917.png][]
5.  cv复制一份作为输入密码框  
    ![5c2f8eb4852a4216975f2c3d4daae66c.png][]  
    ![b58802f2bf8e4d1fa9ef28a42fc08081.png][]
6.  登录按钮  
    ![0634dc950910462e9582c63a4adaef64.png][]
7.  隐藏自带框架边框（会隐藏设计器中自带的点阵区域）
    
        # 隐藏边框
                self.ui.setWindowFlags(QtCore.Qt.FramelessWindowHint)
                self.ui.setAttribute(QtCore.Qt.WA_TranslucentBackground)
    
      
    ![25dd893e184e449f96b05ecf0c6d7342.png][]

[c7cb0a5786c64613aafbc3b9115d14ce.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/924f179a079d4d6bb8ade2f102a91fa0.png
[10c513e5f1d6471096602907032e61dc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/b9815d06819143e69b809b496a117fb6.png
[0065dbf2fcb24959b252aa0887929d3e.png]: https://img-blog.csdnimg.cn/0065dbf2fcb24959b252aa0887929d3e.png
[70a15595475c4ab386b39b1587f52145.png]: https://img-blog.csdnimg.cn/70a15595475c4ab386b39b1587f52145.png
[b9a58518aedc467f894a8a61330ceaa5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/46237f60420c417c9e404e2100d3491e.png
[875f84cd2c4f4b45a75639a65b4bf22a.png]: https://img-blog.csdnimg.cn/875f84cd2c4f4b45a75639a65b4bf22a.png
[b1858cb46bcb42fb8170b4c2202072b6.png]: https://img-blog.csdnimg.cn/b1858cb46bcb42fb8170b4c2202072b6.png
[5a98a16014e14650adac5042d1e6871f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/9092d160e38b494790754fc598a99159.png
[fda55bb244fd4c3d88bf698969844917.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/77508e2fb5cb4d94bf1ad138a7cf5aba.png
[5c2f8eb4852a4216975f2c3d4daae66c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/4ec82a21b2004695bcea8d18a36b832a.png
[b58802f2bf8e4d1fa9ef28a42fc08081.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/1f76d71622394b6898406e5e45a6bd7d.png
[0634dc950910462e9582c63a4adaef64.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d3a7dfcab79e4136a15e40caaedf53b2.png
[25dd893e184e449f96b05ecf0c6d7342.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/207e67cddb6645c7abecab8d4596b89d.png