close

下面為一個簡單UI設計

1. 利用Claude，透過它快速得到一個漂亮的範例(python程式碼)

2. 利用Claude，抽取python程式碼中GUI相關程式碼並輸出成Qt Designer可以編輯ui格式

3. 利用Qt Designer打開ui檔案，可以二次編輯後存檔 channel-tab.ui

4. 再度將ui檔案轉換由python建構的程式碼，得到一個python程式碼: ui_detectiontab.py

> pyside6-uic channel-tab.ui -o ui_channelsettingstab.py

上面的GUI物件，在Qt Designer中可以指定自己喜歡的名稱，例如 ChannelSetting

 

在ui_detectiontab.py中可以發現ChannelSetting名稱，被命名成Ui_ChannelSetting類別

 

1. 先引入ui_channelsettingstab

     from view.ui_channelsettingstab import Ui_ChannelSetting

2. 建立一個新類別ChannelSettingsWidget(繼承QWidget)方便整併至其他GUI元件

    關鍵為ui = Ui_ChannelSetting()建立一個Ui_ChannelSetting類別得實體(instance)

    並設定為之後ChannelSettingsWidget本身的ui，即 self.ui.setupUi(self)

如何呼叫並整併至其他元件?

1. 建立一個ChannelSettingsWidget類別實體(self.channel_settings_widget)

2. 加入一個tabWidget，即 addTab(self.chnnel_settings_widget) 

最後成果

 

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 me1237guy 的頭像
    me1237guy

    天天向上

    me1237guy 發表在 痞客邦 留言(0) 人氣()