文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布
社区首页 >问答首页 >如何在使用python TKinter创建图形用户界面时将滚动条绑定到画布上？

问如何在使用python TKinter创建图形用户界面时将滚动条绑定到画布上？
EN

Stack Overflow用户
提问于 2013-09-29 07:35:56
回答 1查看 479关注 0票数 0

嗯，我想通过Tkinter方法用python创建一个GUI。问题是，我已经成功地将一个滚动条绑定到画布上，但是滚动条不能工作，它无法控制画布中的内容，它是无用的。这里有谁能帮我解决这个问题吗？我很感谢你的帮助和你花的时间。下面是原始代码。

代码语言：javascript
复制
from Tkinter import *
root=Tk()
root.title('Bit Exraction')
root.geometry('800x600')
cv_frameindex=  ['CV_F0','CV_F1','CV_F2','CV_F3','CV_F4','CV_F5','CV_F6','CV_F7','CV_F8','CV_F9','CV_F10','CV_F11','CV_F12','CV_F13','CV_F14','CV_F15','CV_F16','CV_F17','CV_F18','CV_F19',\
      'CV_F20','CV_F21','CV_F22','CV_F23','CV_F24','CV_F25','CV_F26','CV_F27','CV_F28','CV_F29','CV_F30','CV_F31','CV_F32','CV_F33','CV_F34','CV_F35','CV_F36','CV_F37','CV_F38','CV_F39',\
      'CV_F40','CV_F41','CV_F42','CV_F43','CV_F44','CV_F45','CV_F46','CV_F47','CV_F48','CV_F49','CV_F50','CV_F51','CV_F52','CV_F53','CV_F54','CV_F55','CV_F56','CV_F57','CV_F58','CV_F59',\
      'CV_F60','CV_F61','CV_F62','CV_F63','CV_F64','CV_F65','CV_F66','CV_F67','CV_F68','CV_F69','CV_F70','CV_F71','CV_F72','CV_F73','CV_F74','CV_F75','CV_F76','CV_F77','CV_F78','CV_F79'
      ]

 GPIO_index=['GPIO-0','GPIO-1','GPIO-2','GPIO-3','GPIO-4','GPIO-5','GPIO-6','GPIO-7','GPIO-8','GPIO-9','GPIO-10','GPIO-11','GPIO-12','GPIO-13','GPIO-14','GPIO-15','GPIO-16','GPIO-17','GPIO-18','GPIO-19',\
      'GPIO-20','GPIO-21','GPIO-22','GPIO-23','GPIO-24','GPIO-25','GPIO-26','GPIO-27','GPIO-28','GPIO-29','GPIO-30','GPIO-31','GPIO-32','GPIO-33','GPIO-34','GPIO-35','GPIO-36','GPIO-37','GPIO-38','GPIO-39',\
      'GPIO-40','GPIO-41','GPIO-42','GPIO-43','GPIO-44','GPIO-45','GPIO-46','GPIO-47','GPIO-48','GPIO-49','GPIO-50','GPIO-51','GPIO-52','GPIO-53','GPIO-54','GPIO-55','GPIO-56','GPIO-57','GPIO-58','GPIO-59',\
      'GPIO-60','GPIO-61','GPIO-62','GPIO-63','GPIO-64','GPIO-65','GPIO-66','GPIO-67','GPIO-68','GPIO-69','GPIO-70','GPIO-71','GPIO-72','GPIO-73','GPIO-74','GPIO-75','GPIO-76','GPIO-77','GPIO-78','GPIO-79'
      ]

 bak_index=['bak0','bak1','bak2','bak3','bak4','bak5','bak6','bak7','bak8','bak9','bak10','bak11','bak12','bak13','bak14','bak15','bak16','bak17','bak18','bak19',\
      'bak20','bak21','bak22','bak23','bak24','bak25','bak26','bak27','bak28','bak29','bak30','bak31','bak32','bak33','bak34','bak35','bak36','bak37','bak38','bak39',\
      'bak40','bak41','bak42','bak43','bak44','bak45','bak46','bak47','bak48','bak49','bak50','bak51','bak52','bak53','bak54','bak55','bak56','bak57','bak58','bak59',\
      'bak60','bak61','bak62','bak63','bak64','bak65','bak66','bak67','bak68','bak69','bak70','bak71','bak72','bak73','bak74','bak75','bak76','bak77','bak78','bak79'
      ]
 for i in range(80):
     bak_index[i]=[]


 t1=Frame(root,height=1,width=300)
 Label(t1,text='Use:  1-GPIO       O-Native\n',anchor='w',height=2,width=300).pack(side=LEFT, fill=Y)
 t1.pack(side=TOP,fill=Y)

 t2=Frame(root,height=1,width=300)
 Label(t2,text='I/O:  1-Output     O-Input\n',anchor='w',height=2,width=300).pack(side=LEFT, fill=Y)
 t2.pack(side=TOP,fill=Y)

 t3=Frame(root,height=1,width=300)
 Label(t3,text='H/L:  1-High       O-Low\n',anchor='w',height=2,width=300).pack(side=LEFT, fill=Y)
 t3.pack(side=TOP,fill=Y)

 t4=Frame(root,height=1,width=300)
 Label(t4,text='INV:  1-Invert     Input Value\n',anchor='w',height=2,width=300).pack(side=LEFT, fill=Y)
 t4.pack(side=TOP,fill=Y)

 t5=Frame(root,height=1,width=300)
 Label(t5,text='Pin Default Set As Native Function\n',anchor='w',height=2,width=300).pack(side=LEFT, fill=Y)
 t5.pack(side=TOP,fill=Y)

 t6=Frame(root,height=0,width=300)
 Label(t6,text='--'*90,anchor='w',height=1,width=300).pack(side=LEFT, fill=Y)
 t6.pack(side=TOP,fill=Y)



 t7=Frame(root,height=5,width=300)
 tt=Frame(t7,height=1,width=300)
 lb1=Label(tt, text='PIN',height=1,width=20,anchor=W).pack(side=LEFT, fill=Y)
 lb2=Label(tt, text='  USE',height=1,width=20,anchor=W).pack(side=LEFT, fill=Y)
 lb3=Label(tt, text='         I/O',height=1,width=20,anchor=W).pack(side=LEFT, fill=Y)
 lb4=Label(tt, text='               H/L',height=1,width=20,anchor=W).pack(side=LEFT, fill=Y)
 lb5=Label(tt, text='  INV',height=1,width=20,anchor=CENTER).pack(side=LEFT,fill=Y)
 tt.pack(side=TOP, fill=Y)
 tt1=Frame(t7,height=1,width=300)
 Label(tt1,text='--'*90,anchor='w',height=1,width=300).pack(side=LEFT, fill=Y)
 tt1.pack(side=TOP,fill=Y)
 t7.pack(side=TOP,fill=Y)

 cv=Canvas(root,height=30,width=30, scrollregion=(0,0,40,800),bg='red')
 S1=Scrollbar(cv,orient='vertical',command=cv.yview)
 cv['yscrollcommand']=S1.set
 S1.pack(side=RIGHT, fill=Y)
 cv.pack(side=TOP, fill=Y, expand=True)

 for j in range(80):
     cv_frameindex[j]=Frame(cv, height=10, width=10)
     bak_index[j].append(Label(cv_frameindex[j], text=GPIO_index[j], height=1, width=13, anchor=CENTER))
     bak_index[j].append(Label(cv_frameindex[j], text=' '*20, height=1, width=10, anchor=CENTER))
     bak_index[j].append(Checkbutton(cv_frameindex[j], text='0', state='active'))
     bak_index[j].append(Checkbutton(cv_frameindex[j], text='1', state='active'))
     bak_index[j].append(Label(cv_frameindex[j], text=' '*20, height=1, width=13, anchor=CENTER))
     bak_index[j].append(Checkbutton(cv_frameindex[j], text='0', state='active'))
     bak_index[j].append(Checkbutton(cv_frameindex[j], text='1', state='active'))
     bak_index[j].append(Label(cv_frameindex[j], text=' '*20, height=1, width=13, anchor=CENTER))
     bak_index[j].append(Checkbutton(cv_frameindex[j], text='0', state='active'))
     bak_index[j].append(Checkbutton(cv_frameindex[j], text='1', state='active'))
     bak_index[j].append(Label(cv_frameindex[j], text=' '*20, height=1, width=13, anchor=CENTER))
     bak_index[j].append(Checkbutton(cv_frameindex[j], text='0', state='active'))
     bak_index[j].append(Checkbutton(cv_frameindex[j], text='1', state='active'))
     bak_index[j].append(Label(cv_frameindex[j], text=' '*20, height=1, width=13, anchor=CENTER))
for k in bak_index:
    for i in range(len(k)):
        k[i].pack(side=LEFT,fill=Y)
for L in cv_frameindex:
    L.pack(side=TOP, fill=Y)

t8=Frame(cv, height=5, width=300)
Button(t8, text='Generate').pack(fill=Y)
t8.pack(side=TOP, fill=Y)

t9=Frame(cv, height=5, width=300)
Button(t9, text='Generate').pack(fill=Y)
t9.pack(side=TOP, fill=Y)
root.mainloop()
canvas
tkinter
scrollbar
python
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-09-29 13:28:47

附加在画布上的滚动条将只滚动画布中的项。使用pack或grid不会在画布中放置对象。要做到这一点，您必须使用画布的create_window方法。

如果要创建滚动框架，应该将所有标签和复选按钮放在一个框架中，然后使用cv.create_window(...)将单个框架添加到画布中。有几个例子，如何在这个网站和其他地方这样做。

不幸的是，仅仅这样做并不能使您的代码工作。您还有其他错误，例如您没有让画布在X方向展开，所以它将只有30个像素宽。

我已经调整了您的代码以使其工作；密切关注与inner_frame相关的所有代码行

代码语言：javascript
复制
from Tkinter import *
root=Tk()
root.title('Bit Exraction')
root.geometry('800x600')
cv_frameindex=  ['CV_F0','CV_F1','CV_F2','CV_F3','CV_F4','CV_F5','CV_F6',
                 'CV_F7','CV_F8','CV_F9','CV_F10','CV_F11','CV_F12','CV_F13',
                 'CV_F14','CV_F15','CV_F16','CV_F17','CV_F18','CV_F19','CV_F20',
                 'CV_F21','CV_F22','CV_F23','CV_F24','CV_F25','CV_F26','CV_F27',
                 'CV_F28','CV_F29','CV_F30','CV_F31','CV_F32','CV_F33','CV_F34',
                 'CV_F35','CV_F36','CV_F37','CV_F38','CV_F39','CV_F40','CV_F41',
                 'CV_F42','CV_F43','CV_F44','CV_F45','CV_F46','CV_F47','CV_F48',
                 'CV_F49','CV_F50','CV_F51','CV_F52','CV_F53','CV_F54','CV_F55',
                 'CV_F56','CV_F57','CV_F58','CV_F59','CV_F60','CV_F61','CV_F62',
                 'CV_F63','CV_F64','CV_F65','CV_F66','CV_F67','CV_F68','CV_F69',
                 'CV_F70','CV_F71','CV_F72','CV_F73','CV_F74','CV_F75','CV_F76',
                 'CV_F77','CV_F78','CV_F79']

GPIO_index=['GPIO-0','GPIO-1','GPIO-2','GPIO-3','GPIO-4','GPIO-5','GPIO-6',
            'GPIO-7','GPIO-8','GPIO-9','GPIO-10','GPIO-11','GPIO-12','GPIO-13',
            'GPIO-14','GPIO-15','GPIO-16','GPIO-17','GPIO-18','GPIO-19','GPIO-20',
            'GPIO-21','GPIO-22','GPIO-23','GPIO-24','GPIO-25','GPIO-26','GPIO-27',
            'GPIO-28','GPIO-29','GPIO-30','GPIO-31','GPIO-32','GPIO-33','GPIO-34',
            'GPIO-35','GPIO-36','GPIO-37','GPIO-38','GPIO-39','GPIO-40','GPIO-41',
            'GPIO-42','GPIO-43','GPIO-44','GPIO-45','GPIO-46','GPIO-47','GPIO-48',
            'GPIO-49','GPIO-50','GPIO-51','GPIO-52','GPIO-53','GPIO-54','GPIO-55',
            'GPIO-56','GPIO-57','GPIO-58','GPIO-59','GPIO-60','GPIO-61','GPIO-62',
            'GPIO-63','GPIO-64','GPIO-65','GPIO-66','GPIO-67','GPIO-68','GPIO-69',
            'GPIO-70','GPIO-71','GPIO-72','GPIO-73','GPIO-74','GPIO-75','GPIO-76',
            'GPIO-77','GPIO-78','GPIO-79']

bak_index=['bak0','bak1','bak2','bak3','bak4','bak5','bak6',
           'bak7','bak8','bak9','bak10','bak11','bak12','bak13',
           'bak14','bak15','bak16','bak17','bak18','bak19','bak20',
           'bak21','bak22','bak23','bak24','bak25','bak26','bak27',
           'bak28','bak29','bak30','bak31','bak32','bak33','bak34',
           'bak35','bak36','bak37','bak38','bak39','bak40','bak41',
           'bak42','bak43','bak44','bak45','bak46','bak47','bak48',
           'bak49','bak50','bak51','bak52','bak53','bak54','bak55',
           'bak56','bak57','bak58','bak59','bak60','bak61','bak62',
           'bak63','bak64','bak65','bak66','bak67','bak68','bak69',
           'bak70','bak71','bak72','bak73','bak74','bak75','bak76',
           'bak77','bak78','bak79'
      ]
for i in range(80):
    bak_index[i]=[]


t1=Frame(root,height=1,width=300)
Label(t1,text='Use:  1-GPIO       O-Native\n',anchor='w',height=2,width=300).pack(side=LEFT, fill=Y)
t1.pack(side=TOP,fill=Y)

t2=Frame(root,height=1,width=300)
Label(t2,text='I/O:  1-Output     O-Input\n',anchor='w',height=2,width=300).pack(side=LEFT, fill=Y)
t2.pack(side=TOP,fill=Y)

t3=Frame(root,height=1,width=300)
Label(t3,text='H/L:  1-High       O-Low\n',anchor='w',height=2,width=300).pack(side=LEFT, fill=Y)
t3.pack(side=TOP,fill=Y)

t4=Frame(root,height=1,width=300)
Label(t4,text='INV:  1-Invert     Input Value\n',anchor='w',height=2,width=300).pack(side=LEFT, fill=Y)
t4.pack(side=TOP,fill=Y)

t5=Frame(root,height=1,width=300)
Label(t5,text='Pin Default Set As Native Function\n',anchor='w',height=2,width=300).pack(side=LEFT, fill=Y)
t5.pack(side=TOP,fill=Y)

t6=Frame(root,height=0,width=300)
Label(t6,text='--'*90,anchor='w',height=1,width=300).pack(side=LEFT, fill=Y)
t6.pack(side=TOP,fill=Y)


t7=Frame(root,height=5,width=300)
tt=Frame(t7,height=1,width=300)
lb1=Label(tt, text='PIN',height=1,width=20,anchor=W).pack(side=LEFT, fill=Y)
lb2=Label(tt, text='  USE',height=1,width=20,anchor=W).pack(side=LEFT, fill=Y)
lb3=Label(tt, text='         I/O',height=1,width=20,anchor=W).pack(side=LEFT, fill=Y)
lb4=Label(tt, text='               H/L',height=1,width=20,anchor=W).pack(side=LEFT, fill=Y)
lb5=Label(tt, text='  INV',height=1,width=20,anchor=CENTER).pack(side=LEFT,fill=Y)
tt.pack(side=TOP, fill=Y)
tt1=Frame(t7,height=1,width=300)
Label(tt1,text='--'*90,anchor='w',height=1,width=300).pack(side=LEFT, fill=Y)
tt1.pack(side=TOP,fill=Y)
t7.pack(side=TOP,fill=Y)

cv=Canvas(root,height=30,width=30, scrollregion=(0,0,40,800),bg='red')
S1=Scrollbar(root,orient='vertical',command=cv.yview)
cv['yscrollcommand']=S1.set
S1.pack(side=RIGHT, fill=Y)
cv.pack(side=TOP, fill="both", expand=True)

inner_frame = Frame(cv, background="pink")
cv.create_window(0, 0, anchor="nw", window=inner_frame,tags=("frame",))

for j in range(80):
    cv_frameindex[j]=Frame(inner_frame, height=10, width=10)
    bak_index[j].append(Label(cv_frameindex[j], text=GPIO_index[j], height=1, width=13, anchor=CENTER))
    bak_index[j].append(Label(cv_frameindex[j], text=' '*20, height=1, width=10, anchor=CENTER))
    bak_index[j].append(Checkbutton(cv_frameindex[j], text='0', state='active'))
    bak_index[j].append(Checkbutton(cv_frameindex[j], text='1', state='active'))
    bak_index[j].append(Label(cv_frameindex[j], text=' '*20, height=1, width=13, anchor=CENTER))
    bak_index[j].append(Checkbutton(cv_frameindex[j], text='0', state='active'))
    bak_index[j].append(Checkbutton(cv_frameindex[j], text='1', state='active'))
    bak_index[j].append(Label(cv_frameindex[j], text=' '*20, height=1, width=13, anchor=CENTER))
    bak_index[j].append(Checkbutton(cv_frameindex[j], text='0', state='active'))
    bak_index[j].append(Checkbutton(cv_frameindex[j], text='1', state='active'))
    bak_index[j].append(Label(cv_frameindex[j], text=' '*20, height=1, width=13, anchor=CENTER))
    bak_index[j].append(Checkbutton(cv_frameindex[j], text='0', state='active'))
    bak_index[j].append(Checkbutton(cv_frameindex[j], text='1', state='active'))
    bak_index[j].append(Label(cv_frameindex[j], text=' '*20, height=1, width=13, anchor=CENTER))

for k in bak_index:
    for i in range(len(k)):
        k[i].pack(side=LEFT,fill=Y)
for L in cv_frameindex:
    L.pack(side=TOP, fill=Y)

t8=Frame(inner_frame, height=5, width=300)
Button(t8, text='Generate').pack(fill=Y)
t8.pack(side=TOP, fill=Y)

t9=Frame(inner_frame, height=5, width=300)
Button(t9, text='Generate').pack(fill=Y)
t9.pack(side=TOP, fill=Y)

def on_configure(event):
    cv.itemconfigure("frame", width=event.width)
    cv.configure(scrollregion=cv.bbox("all"))

# make sure the inner frame is always as wide as the canvas,
# and that the scrollregion is up-to-date
cv.bind("<Configure>", on_configure)

root.mainloop()

由于您显然正在构建一个小部件网格，因此您可能需要考虑使用grid几何管理器而不是pack来处理内部框架中的所有内容。它将使您不必创建一组额外的帧，并且专门用于基于网格的布局。

另外，如果您想要一个水平分隔符，您可以使用高度为2和边长为2的框架，而不是带有一串破折号的标签。

最后，如果使用两个复选按钮来表示两个数字0或1，则可以使用单个校验按钮。Checkbuttons有一个onvalue和offvalue属性，它定义了按钮是否选中时的值。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：

https://stackoverflow.com/questions/19075606

复制
相关文章

相似问题

领券

腾讯云开发者

扫码关注腾讯云开发者

扫码关注腾讯云开发者

领取腾讯云代金券

热门产品

热门推荐

更多推荐

Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有 

深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 粤公网安备44030502008569号

腾讯云计算（北京）有限责任公司 京ICP证150476号 |  京ICP备11018762号

问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档