用tkinter的画布组件canvas做答题系统，有源码

　　上上一篇文章，我用一个多行文本框做了一个答题系统，我发现有一个问题，应该跟我的代码没有什么关系，就是文本框滚动起来，用单选框按钮，复选框按钮做的答题选项，显示起来不是很流畅；另外，在滚动时，如果鼠标是在答案的４个选项上，那就滚动不起来，因为我没有为这个４选项做绑定鼠标滚动事件的代码。

　　我决定用画布也用一个答题系统，再加上题目及答案组件的鼠标滚动事件绑定代码，现在做好了，测试结果，在鼠标滚动起来时，题目，答案选项都显示得很流畅，在画布上任何位置都可以用上鼠标滚动题目查看。

　　只是在画布上插入显示各组件的方法跟多行文本框还是有区别，所以在显示方法花了不少时间，至少导入题库，核对答案就跟上上篇文章写的差不多了，有不理解的，可以查看上上一篇文章。

　　为了在循环中动态生成各组件及变量，我采用的是先创建相关字典的办法。

　　全部代码如下：

from tkinter import *
import webbrowser

def wb98():
    webbrowser.open('http://www.wb98.com',new=1)
def Wheel_y(event):
    a= int(-(event.delta)/60)
    can1.yview('scroll',a,'units')

root=Tk()  # 源码来自wb98.com
root.title('用画布做一个答题系统 wb98.com')
scr1=Scrollbar(root)  # 垂直滚动条
scr1.pack(side=RIGHT,fill=Y) 

can1=Canvas(root,bg='lightblue',width=10,height=10) # 画面设置一个浅蓝色，便于你看清各组件的位置
can1.pack(side=LEFT,expand=True,fill=BOTH) # 画布定位

with open('car3.txt', 'r', encoding='utf-8') as file:  # 只读方式打开编码为utf-8的文本文件
    number = 0  # 文本文件中的行号，即
    line = file.readlines()  # 以读取一行为列表方法读取全部行，line为分解好的列表内容
    str1 = line[0].split(',')  # 以英文,号来分解第1行，获取题目，答案1，答案2......

# str1[0]:题目  str1[1]:选项1  str1[2]:选项2  str1[3]:选项3  str1[4]:选项4
# str1[5]:答案  str1[6]:图片名

la=dict() # 题目字典
img = dict()  # 生成一个空字典，用于下面循环地创建变量
# 以下设各变量为字典，便于循环时生成各组件插入Text组件
option1 = dict()  # 生成答案选项1组件字典
option2 = dict()  # 生成答案选项2字典
option3 = dict()  # 生成答案选项3字典
option4 = dict()  # 生成答案选项4字典
# 以下设各变量为字典，便于循环时生成各组件插入Text组件
var_ra = dict()
var_ch1 = dict()
var_ch2 = dict()
var_ch3 = dict()
var_ch4 = dict()
str_daan = ''  # 答案字符串初始化

x,y=10,10 # 坐标初始化
ff1=15 # 字体大小
ff2=10 # 字体大小
font1=('黑体',-ff1) # 字体大小前加- 表示是像素大小
font2=('宋体',-ff2)
hh=10 # 上下间距
bmp_h=200 # 图片的高度

# 以下是循环出题的代码 ------- 源码作者：湖南·长沙·何云峰 　网站: www.wb98.com
for i in range(1, 11):
    id = str(number+1)+"："  # 题目序号 来自wb98.com何老师的济亨网
    # can1.create_text( x,y, text=str1[0], width=300 , font=font1 ,anchor=NW) # 题目--无法掌握高度,放弃
    
    la[i]=Label(can1,text=id+str1[0],justify=LEFT, font=font1)
    can1.create_window(x,y,window=la[i],anchor=NW)
    la[i].bind("<MouseWheel>", Wheel_y) # 为组件绑定鼠标滚动事件
    y=y+ff1+hh # 下一组件的起始位置为当前位置+字体高+间隔

    if str1[6] == '':
        img[i] = PhotoImage()  # 没有相关图片
    else:
        img[i] = PhotoImage(file='.\\image\\'+str1[6])  # 图片是在安装目录下的image文件夹里
        can1.create_image(x,y,image=img[i],anchor=NW)
        y=y+bmp_h+hh

    str_daan = str_daan + str1[5]+','  # 把答案记下来，交卷用于核对
    if len(str1[5]) == 1:  # 单选题
        
        var_ra[i] = IntVar(value=0)

        option1[i] = Radiobutton(can1, text='A.　'+str1[1], bg='white',
                                 activebackground='white', variable=var_ra[i], value=1)
        can1.create_window(x,y,window=option1[i],anchor=NW)
        option1[i].bind("<MouseWheel>", Wheel_y) # 为组件绑定鼠标滚动事件
        y=y+ff2+4+hh # 下一个组件起始坐标：当前位置+字体大小+4个像素间距

        option2[i] = Radiobutton(can1, text='B.　'+str1[2], bg='white',
                                 activebackground='white', variable=var_ra[i], value=2)
        can1.create_window(x,y,window=option2[i],anchor=NW)
        option2[i].bind("<MouseWheel>", Wheel_y) # 为组件绑定鼠标滚动事件
        y=y+ff2+4+hh # 下一个组件起始坐标：当前位置+字体大小+4个像素间距

        option3[i] = Radiobutton(can1, text='C.　'+str1[3], bg='white',
                                 activebackground='white', variable=var_ra[i], value=3)
        can1.create_window(x,y,window=option3[i],anchor=NW)
        option3[i].bind("<MouseWheel>", Wheel_y) # 为组件绑定鼠标滚动事件
        y=y+ff2+4+hh # 下一个组件起始坐标：当前位置+字体大小+4个像素间距

        option4[i] = Radiobutton(can1, text='D.　'+str1[4], bg='white',
                                 activebackground='white', variable=var_ra[i], value=4)
        can1.create_window(x,y,window=option4[i],anchor=NW)
        option4[i].bind("<MouseWheel>", Wheel_y) # 为组件绑定鼠标滚动事件
        y=y+ff2+4+hh # 下一个组件起始坐标：当前位置+字体大小+4个像素间距
        y=y+10
    else:
        var_ch1[i] = BooleanVar(value=False)
        var_ch2[i] = BooleanVar(value=False)
        var_ch3[i] = BooleanVar(value=False)
        var_ch4[i] = BooleanVar(value=False)

        option1[i] = Checkbutton(
            can1, text='A.　'+str1[1], bg='white', activebackground='white', variable=var_ch1[i])
        can1.create_window(x,y,window=option1[i],anchor=NW)
        option1[i].bind("<MouseWheel>", Wheel_y) # 为组件绑定鼠标滚动事件
        y=y+ff2+4+hh # 下一个组件起始坐标：当前位置+字体大小+4个像素间距

        option2[i] = Checkbutton(
            can1, text='B.　'+str1[2], bg='white', activebackground='white', variable=var_ch2[i])
        can1.create_window(x,y,window=option2[i],anchor=NW)
        option2[i].bind("<MouseWheel>", Wheel_y) # 为组件绑定鼠标滚动事件
        y=y+ff2+4+hh # 下一个组件起始坐标：当前位置+字体大小+4个像素间距

        option3[i] = Checkbutton(
            can1, text='C.　'+str1[3], bg='white', activebackground='white', variable=var_ch3[i])
        can1.create_window(x,y,window=option3[i],anchor=NW)
        option3[i].bind("<MouseWheel>", Wheel_y) # 为组件绑定鼠标滚动事件
        y=y+ff2+4+hh # 下一个组件起始坐标：当前位置+字体大小+4个像素间距

        option4[i] = Checkbutton(
            can1, text='D.　'+str1[4], bg='white', activebackground='white', variable=var_ch4[i])
        can1.create_window(x,y,window=option4[i],anchor=NW)
        option4[i].bind("<MouseWheel>", Wheel_y) # 为组件绑定鼠标滚动事件
        y=y+ff2+4+hh # 下一个组件起始坐标：当前位置+字体大小+4个像素间距
        y=y+10

    number = number+1
    str1 = line[number].split(',')  # 读取新一行记录
# 以上是循环出题的代码----------------------

def dafei():
    daan = str_daan.split(',')  # 把答案字符串分解

    for i in range(1, 11):  # 单选题
        if len(daan[i-1]) == 1:  # 单选题
            if daan[i-1] == str(var_ra[i].get()):
                print('第'+str(i)+"题回答正确")
            else:
                print('第'+str(i)+"题回答错误")
                print("    正确答案：" + daan[i-1])
                print("    你的答案：" + str(var_ra[i].get()))
        else:  # 多选题
            duo = ''
            if var_ch1[i].get() == True:
                duo = '1'
            if var_ch2[i].get() == True:
                duo = duo+'2'
            if var_ch3[i].get() == True:
                duo = duo+'3'
            if var_ch4[i].get() == True:
                duo = duo+'4'

            if daan[i-1] == duo:
                print('第'+str(i)+"题回答正确")
            else:
                print('第'+str(i)+"题回答错误")
                print("    正确答案：" + daan[i-1])
                print("    你的答案：" + duo)

y=y+hh*2 # 再加2个间隔，插入按钮
but1 = Button(can1, text="    立 即 交 卷    ", command=dafei)  # 交卷打分
can1.create_window(x,y,window=but1,anchor=NW)

but1 = Button(can1, text="    访 问 官 网    ", command=wb98)  # 交卷打分
can1.create_window(x+200,y,window=but1,anchor=NW)

can1.config(yscrollcommand = scr1.set) # 绑定垂直滚动条
scr1.config(command = can1.yview)

can1.config(scrollregion=(0,0,650,y+100)) # 保证滚动范围正好是图片的宽高

can1.bind("<MouseWheel>", Wheel_y) # 为画布绑定鼠标滚动事件

root.geometry('700x650+588+224')
# root.wm_deiconify()  # 让窗体显现

root.mainloop()

运行结果：　　　　丶丌皛

    在代码中，我用字体大小，各组件间隔，组件的Ｙ坐标都采取像素的单位，便于操作；上述代码为了让大家看到各组件的位置，各组件的颜色跟画布不同，所以，你只要把组件的背景颜色，活动颜色改成跟背景颜色一致，就可以为你所用。

    此文章来自：wb98.com  网站还有相关的系列课程文章，感兴趣的可以前往。

打赏 支付宝打赏 微信打赏

来源：济亨网

本文链接：https://wb98.com/post/346.html