wxPython实现Tab页效果

梦里梦外; 2022-01-13 16:21 425阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

效果：

![091642\_b4H6\_2396236.png][091642_b4H6_2396236.png]  
  
方案：  
使用，每个tab页是一个pannel，然后wx.Notebook这个可以实现标签的效果，这个类有一个.AddPage方法，把每个pannel页加进去就可以了。  
  
直接上代码：

#coding=utf-8
    import wx
    class Page1(wx.Panel):
        def __init__(self,parent):
            wx.Panel.__init__(self, parent)
            v_box_sizer = wx.BoxSizer(wx.VERTICAL)
            v_box_sizer.Add(wx.StaticText(self,label='Page One Line1'), proportion=0, flag=wx.EXPAND)
            v_box_sizer.Add(wx.StaticText(self,label='Page One Line2'), proportion=1, flag=wx.EXPAND)
    
            self.SetSizer(v_box_sizer)
    
    class Page2(wx.Panel):
        def __init__(self,parent):
            wx.Panel.__init__(self, parent)
            wx.StaticText(self,label='Page Two2')
    
    
    class Page3(wx.Panel):
        def __init__(self,parent):
            wx.Panel.__init__(self, parent)
            wx.StaticText(self,label='Page Three3')
    
    
    if __name__ == '__main__':
        app = wx.App(False)
        frame = wx.Frame(None, title="Notebook Demo")
        nb = wx.Notebook(frame)
        nb.AddPage(Page1(nb),"Page One")
        nb.AddPage(Page2(nb),"Page Two")
        nb.AddPage(Page3(nb),"Page Three")
        frame.Show()
        app.MainLoop()

转载于:https://my.oschina.net/u/2396236/blog/1785988

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220113/a94349d4bac34bb4a1585e76734ef1cb.png
[091642_b4H6_2396236.png]: https://static.oschina.net/uploads/space/2018/0328/091642_b4H6_2396236.png

发表评论取消回复

表情：

评论列表（有 0 条评论，425人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue.js实现tab切换效果

ab切换第一步先要把HTML写好，这个第一步很关键，主要分为两块结构 <div id="app"> <ul class="tab-tilt...

古城微笑少年丶/ 2024年04月17日 13:51/ 0 赞/ 57 阅读

相关 QT浏览器Tab页实现

QT浏览器Tab页实现在开发基于Qt的浏览器时，实现Tab页是一个必不可少的功能。Tab页可以方便地在同一窗口内打开和管理多个网页，提高用户的使用体验。下面我们将介绍如何在

柔情只为你懂/ 2024年03月23日 23:57/ 0 赞/ 53 阅读

相关 Vue.js实现tab切换效果

利用Vue实现简易tab切换效果 1.1 在我们平时浏览网站的时候，经常看到的特效有图片轮播、导航子菜单的隐藏、tab标签的切换等等。这段时间学习了vue后，开始要写出一

骑猪看日落/ 2022年10月02日 10:51/ 0 赞/ 257 阅读

相关 jquery简单实现tab选项卡效果

最简单选项卡 <style type="text/css"> div{margin:0;padding:0;width:184px;height:200px;

迷南。/ 2022年07月12日 23:19/ 0 赞/ 243 阅读

相关 CSS实现Tab页切换

1.hover > 移入其父元素.navI时，触发鼠标的hover态，给父元素添加样式为position:relative;z-index:1;。从而提升了层级z-index

谁践踏了优雅/ 2022年06月01日 12:24/ 0 赞/ 231 阅读

相关使用原生实现tab切换+slideToggle效果

\\问题描述：\\当tab切换时，由于tab对应的内容不同，导致内容容器的高度的不同。直接的切换显示内容显得太僵硬了，所以希望内容容器根据内容的多少实现slideToggle

向右看齐/ 2022年03月17日 07:08/ 0 赞/ 396 阅读

相关自定义tab(模拟tab效果)

实现效果 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2

怼烎@/ 2022年03月01日 11:28/ 0 赞/ 259 阅读

相关 wxPython实现Tab页效果

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][] 效果： ![091642\_b4H6\_2396236

梦里梦外;/ 2022年01月13日 16:21/ 0 赞/ 426 阅读

相关 tab页选项卡切换效果

效果图 ![20190625151915714.png][] html页面结构 <div class="tabbox" id="clicktab">

た入场券/ 2022年01月07日 06:43/ 0 赞/ 434 阅读

相关 tab切换效果

![20210203145157983.gif][] 该dome仅供参考: 免费项目dome包在文章最底部 html <view class="mg_bo

系统管理员/ 2021年07月25日 02:44/ 0 赞/ 508 阅读