tkinter绘制组件（29）——单选组控件

已于 2024-06-22 11:27:38 修改
阅读量556 收藏 2
点赞数
分类专栏： TinUI 文章标签： python tkinter TinUI
于 2022-06-18 11:26:30 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tinga_kilin/article/details/125129578
版权

tkinter绘制组件（29）——单选组控件

引言

其实，光看到TinUI这个控件的名称——“单选组控件”，是否想起了之前的TinUI单选框？

事实上，单选组控件（radiobox）与单选框的功能很像，都是允许使用者确定一个唯一的选项，以此让程序决定去做些什么。但是，这两者真的重复吗？不尽然，首先看看radiobutton的一些不足，或者说是特点：

  1. 固化规定了是问题类型的单选情形

  2. 竖直排列布局

  3. 样式为TinUI原创样式

当然，以上内容并不能说是单选框的缺点，而只能说它的专一项目。因此，radiobutton更像是一个封装好的控件，而单选组控件则像是一个标准控件。当然，它们两个不能互相替代，这也就是为TinUI加上radiobox控件的原因。

最近有人提议为radiobutton添加边框参数，以及加入add_image函数。但是希望大家把要求说明白些，否则我也无从下手，因为我还有自己的改进计划。

布局

函数结构

    def add_radiobox(self,pos:tuple,fontfg='black',font='微软雅黑 12',fg='#8b8b8b',bg='#ededed',activefg='#898989',activebg='#e5e5e5',onfg='#3041d8',onbg='#ffffff',content:tuple=('1','','2'),padx=10,pady=5,command=None):#绘制单选组控件
        '''
- pos::位置
- fontfg::文本颜色
- fg::标识符边框颜色
- bg::标识符背景颜色
- activefg::鼠标进入标识符边框颜色
- activebg::鼠标进入标识符背景颜色
- onfg::选定标识符边框颜色
- onbg::选定标识符背景颜色
- content::选择文本内容。如果为空字符串则代表换行
- padx::水平间距
- pady::行间距
- command::回调函数，必须接受一个参数，所选选项的文本
        '''

确定固定元素

这里所说的固定元素，包括：

  • 标识符常态直径和边框宽度

  • 标识符激活时直径和边框宽度

  • boxes字典，用于放置每一个单选元素的标识符、文本、背景

  • 当前选择项目（初始化为-1）

        #标识符内部宽度width和边框宽度line
        back_width=16
        back_line=1#16+1*2=18
        #active... = back...
        on_width=8
        on_line=4#8+(4+1)*2=18
        boxes=[]#[(sign_id,text_id,back_id),...]，换行为(None,'\n',None)
        nowx,nowy=pos#x坐标为左上角插入坐标，y坐标为底部坐标
        uid='radiobox'+str(id(pos))
        select=-1#当前选定
        count=-1
        t_bbox=None

绘制单选元素

这些文本都在元组content里，但是，我们不可能只有横向布局吧，如何让TinUI知道应该在新的一行布置单选元素呢？那就是使用文本元组中的空字符。当字符串为空时，则代表新增一行。值得注意的是，当目前没有任何单选元素，也就是前面没有任何文本或全是空字符时，我们往下加行的纵坐标边行量就是pady，当本行存在单选元素时，就再加上本行高度即可。

        for i in content:
            count+=1#计数
            if i=='':
                if t_bbox==None:#没有底部坐标数据
                    nowy+=pady
                else:
                    nowy=t_bbox[3]+pady
                nowx=pos[0]
                boxes.append((None,'\n',None))
                continue
            x1=nowx+back_line
            y1=nowy+back_line
            x2=nowx+back_line+back_width
            y2=nowy+back_line+back_width
            ar=(x1,y1,x2,y2)
            sign=self.create_oval(ar,width=back_line,fill=bg,outline=fg,tags=uid)
            text=self.create_text((x2+5,nowy),text=i,font=font,fill=fontfg,anchor='nw',tags=uid)
            s_bbox=self.bbox(sign)
            t_bbox=self.bbox(text)
            back=self.create_rectangle((s_bbox[0],s_bbox[1],t_bbox[2],t_bbox[3]),width=0,fill='',tags=uid)
            boxes.append((sign,text,back))
            nowx=t_bbox[2]+padx

back元素是背景元素，其填充色为透明，但是层级在标识符元素和文本元素之上，因此虽然我们点击的是单选元素，但实际上是覆盖在其上的一层“膜”，而标识符只负责变化提示色。随着时间的推移，我对TinUI开发的逻辑正在持续优化>^<。

鼠标进入和离开

        def button_in(area,sel,sign):
            if sel==select:
                return
            self.itemconfig(sign,outline=activefg,fill=activebg)
        def button_out(area,sel,sign):
            if sel==select:
                return
            self.itemconfig(sign,outline=fg,fill=bg)

这里面也有新逻辑：记录前一个选定项目，根据这个值，也就是select的值，对前一个选定项目做出样式更改，而不是像早期一样，通过循环找到选定向。这种逻辑大大提高了运行效率。

虽然早期的逻辑代码仍然存在，有issue再改。

项目选定

        def sel_it(area,sel,sign):
            nonlocal select
            #...

项目的选定分为三个逻辑。

判断是否已经为选定项：

        def sel_it(area,sel,sign):
            nonlocal select
            if sel==select:
                return

如果有先前的选定项，则将其更换为普通样式：

            #...
            old_select=select#原先选定项目序号
            select=sel
            if old_select>=0:#恢复原先的单选组
                old_sign=boxes[old_select][0]
                self.itemconfig(old_sign,width=1)
                button_out(None,None,old_sign)
                self.update()    
            #...

将当前更改为选定标识样式：

            self.itemconfig(sign,outline=onfg,fill=onbg,width=on_line)
            if command!=None:
                textid=boxes[sel][1]
                text=self.itemcget(textid,'text')
                command(text)

绑定样式：

            self.tag_bind(back,'<Enter>',lambda event,ar=ar,sel=count,sign=sign:button_in(ar,sel,sign))
            self.tag_bind(back,'<Leave>',lambda event,ar=ar,sel=count,sign=sign:button_out(ar,sel,sign))
            self.tag_bind(back,'<Button-1>',lambda event,ar=ar,sel=count,sign=sign:sel_it(ar,sel,sign))

完整代码函数

    def add_radiobox(self,pos:tuple,fontfg='black',font='微软雅黑 12',fg='#8b8b8b',bg='#ededed',activefg='#898989',activebg='#e5e5e5',onfg='#3041d8',onbg='#ffffff',content:tuple=('1','','2'),padx=10,pady=5,command=None):#绘制单选组控件
        def button_in(area,sel,sign):
            if sel==select:
                return
            self.itemconfig(sign,outline=activefg,fill=activebg)
        def button_out(area,sel,sign):
            if sel==select:
                return
            self.itemconfig(sign,outline=fg,fill=bg)
        def sel_it(area,sel,sign):
            nonlocal select
            if sel==select:
                return
            old_select=select#原先选定项目序号
            select=sel
            if old_select>=0:#恢复原先的单选组
                old_sign=boxes[old_select][0]
                self.itemconfig(old_sign,width=1)
                button_out(None,None,old_sign)
                self.update()
            self.itemconfig(sign,outline=onfg,fill=onbg,width=on_line)
            if command!=None:
                textid=boxes[sel][1]
                text=self.itemcget(textid,'text')
                command(text)
        #标识符内部宽度width和边框宽度line
        back_width=16
        back_line=1#16+1*2=18
        #active... = back...
        on_width=8
        on_line=4#8+(4+1)*2=18
        boxes=[]#[(sign_id,text_id,back_id),...]，换行为(None,'\n',None)
        nowx,nowy=pos#x坐标为左上角插入坐标，y坐标为底部坐标
        uid='radiobox'+str(id(pos))
        select=-1#当前选定
        count=-1
        t_bbox=None
        for i in content:
            count+=1#计数
            if i=='':
                if t_bbox==None:#没有底部坐标数据
                    nowy+=pady
                else:
                    nowy=t_bbox[3]+pady
                nowx=pos[0]
                boxes.append((None,'\n',None))
                continue
            x1=nowx+back_line
            y1=nowy+back_line
            x2=nowx+back_line+back_width
            y2=nowy+back_line+back_width
            ar=(x1,y1,x2,y2)
            sign=self.create_oval(ar,width=back_line,fill=bg,outline=fg,tags=uid)
            text=self.create_text((x2+5,nowy),text=i,font=font,fill=fontfg,anchor='nw',tags=uid)
            s_bbox=self.bbox(sign)
            t_bbox=self.bbox(text)
            back=self.create_rectangle((s_bbox[0],s_bbox[1],t_bbox[2],t_bbox[3]),width=0,fill='',tags=uid)
            boxes.append((sign,text,back))
            self.tag_bind(back,'<Enter>',lambda event,ar=ar,sel=count,sign=sign:button_in(ar,sel,sign))
            self.tag_bind(back,'<Leave>',lambda event,ar=ar,sel=count,sign=sign:button_out(ar,sel,sign))
            self.tag_bind(back,'<Button-1>',lambda event,ar=ar,sel=count,sign=sign:sel_it(ar,sel,sign))
            nowx=t_bbox[2]+padx
        return boxes,uid

效果

测试代码

def test8(rbtext):
    print(f'单选组控件选值=>{rbtext}')
if __name__=='__main__':
    #...
    b.add_radiobox((320,1150),content=('1','2','3','','新一行内容','','单选','组','控件'),command=test8)
    #...

最终效果

在这里插入图片描述

2022-10-22新样式

在这里插入图片描述
让它圆那么一点点。。。

2023-12-24新样式

在这里插入图片描述
再圆那么一点点……

2024-6-22

在这里插入图片描述
巨圆⚪……

github项目

TinUI的github项目地址

pip下载

pip install tinui

结语

TinUI接下来的主要任务是改进控件，关于新增模块欢迎通过电子邮箱投递。

🔆tkinter创新🔆

Smart-Space
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Tkinter系列08/15】小部件（Radiobutton、Scale）
gongdiwudu的专栏
08-31 1342
一般来说，界面开发中，如果不是大型的软件，就不必用QT之类的实现，用Tkinter已经足够，然而即便是Tkinter规模不大，也需要一个系统专业的学习过程，本篇将是对Tkinter系列介绍的一篇博文。
C# 公共控件之RadioBox ,CheckBox
zhuxipan1990的博客
10-15 2534
通常RadioBox称为单选按钮，CheckBox称为多选按钮，这两个控件都是从ButtonBase类中派生，可以将其视为按钮。 　　多个checkBox之间的选择是互相独立的，互补影响。多个RadioButton之间是互斥的，只能选择其中一个。同一个容器下的多个RadioButton之间互斥，来自不同容器的RadioButton 对象是相对独立的。 RadioButton和CheckBox控...
【Qt 学习笔记】Qt常用控件 | 按钮类控件 | Radio Button的使用及说明
小黄鸭的博客
04-15 2450
在Qt中，QRadioButton是一种可以在用户界面中选择某个选项的按钮控件。它被设计为一组互斥的按钮，意味着在同一组中只能选择一个单选按钮。 QRadioButton继承自QAbstractButton，因此它具有一些共同的功能，例如设置文本、图标、状态等。它还可以发出clicked()信号，以便在用户单击按钮时执行相应的操作。
tkinter绘制组件（6）——单选框
tinga_kilin的博客
07-03 3379
tkinter绘制组件（6）单选框
Tkinter Radiobutton选择按钮
zhaoleiedu的博客
04-22 156
Tkinter Radiobutton选择按钮 import tkinter as tk # 实例化一个窗口对象 window = tk.Tk() # 设置title window.title('my window') # 设置大小,XxY的字符串格式 window.geometry('600x400') var = tk.StringVar() l = tk.Label(window, bg='orange', width=33, text='empty') l.pack() def print_
单选按钮（RadioBox）的操作
八戒媳妇
03-22 6007
表现形式: 1.在HTML中一般为： 主要操作：     ListWebElement> elements = driver.findElements(By.name(“u2"));     elements.get(2).click();     boolean select = elements.get(2).isSelected();  或者使用遍历
Python的tkinter库实现窗体单选框
qq_41657790的博客
08-16 2721
开发工具与关键技术：Python IDEL、Python 作者：曾浩源 撰写时间：2019年08月16日 Tkinter简介 Tkinter是一个python模块，是一个调用Tcl/Tk的接口，它是一个跨平台的脚本图形界面接口。Tkinter不是唯一的python图形编程接口，但是是其中比较流行的一个。最大的特点是跨平台，缺点是性能不太好，执行速度慢。 Tkinter包含了几种常用类型的控件，...
Python Tkinter入门讲义 完整版
03-17
- Checkbutton/Radiobutton：复选框和单选按钮，用于选择一组选项。 - Canvas：画布，可绘制图形和图像。 - Listbox/Combobox：列表选择控件，Combobox提供下拉菜单。 - Scale：滑动条，用于数值选择。 5. **...
python-Tkinter编程.ppt
06-11
画布（Canvas）控件是Tkinter中的一个多才多艺的组件，可以用于绘制图形，同时也可以在其内部嵌入其他控件。滚动条（Scrollbar）控件常与文本控件、画布或列表框结合使用，以实现内容的滚动浏览。 列表框（Listbox...
Tkinter
02-12
4. 动态更新：Tkinter支持实时更新，可以动态修改窗口和控件的状态，实现交互式应用。 二、Tkinter的基本使用 1. 导入Tkinter库：在Python程序中，通常使用`import tkinter as tk`或者`from tkinter import *`来...
tkinter_course
02-10
- Canvas组件：使用Canvas进行图形绘制，如线条、矩形、圆形等。 - 图片加载：加载和显示图片资源，提升GUI美观度。 6. 文件对话框 - FileDialog：使用filedialog模块打开、保存文件，实现文件操作交互。 7. ...
Python+requests+tkinter 实现聊天机器人
07-29
调用网页图灵机器人，通过 requests 第三方模块，进行 Python 接口
Python-Tkinter_jb51 3.rar
06-08
2. **控件基础**：Tkinter提供了多种控件，如`Button`（按钮）、`Label`（标签）、`Entry`（文本输入框）、`Text`（多行文本输入）、`Checkbutton`（复选框）、`Radiobutton`（单选按钮）等。这些控件可以通过设置...
python之Tkinter运用（Combobox，RadioButton，CheckButton，Button）
Sonaldo的博客
05-08 1530
本文将介绍Tkinter中部分组件用法 代码运行效果： 可完成对考生姓名，省份城市，本专科类别，英语专业的录入 因为需要在图像化界面上显示输出结果，所以先构造一个Frame框lab1，以便与后续输出结果部分的lab2互不干扰 lab1 = tk.Frame(win) l1 = tk.Label(lab1,text = '姓名',width = 10,height = 2,font = ('楷体',15)).grid(row = 0,column = 0) l2 = tk.Label(lab1,text
pythontkinter控件单选框怎么判断是否被选中_Tkinter Radiobutton单选框的用法
weixin_39932479的博客
12-16 2638
单选框(Radiobutton)表示该组元素仅可以选中其中一个元素。创建单选框时，多个同组的元素的 variable 属性要相同，这样才表示它们是属于一个组的。另外，同一个组内的元素 value 属性应该不同，这样当某个元素被选中时，variable 指定的值就等于该元素对应的 value 属性的值。import sys # 引入sys...
Python：Tkinter之Radiobutton
繁华落尽梦一场
05-15 9259
最近才刚开始学pythonGUI，虽然用Python做GUI肯定不是明智之举，但为了学习，还是了解了解，今天先来看看 Radiobutton，没什么可说的，直接贴代码。 from Tkinter import * def sel(): selection = "You selected the option " + str(var.get()) label.c
GroupBox 控件 RadioButton控件
Janet_1994的博客
04-04 5208
7、GroupBox 控件 GroupBox控件又称为分组框，它在工具箱中的图标是 。该控件常用于为其他控件提供可识别的分组，其典型的用法之一就是给RadioButton控件分组。可以通过分组框的Text属性为分组框中的控件向用户提供提示信息，如图 9-14 所示。设计时，向GroupBox 控件中添加控件的方法有两种：一是直接在分组框中绘制控件；二是把某一个已存在的控件复制到剪贴板上，然后选中分
Python_tkinter_单选框（Radiobutton）与复选框（Checkbutton）
热门推荐
jss19940414的博客
12-02 2万+
单选框（Radiobutton）与复选框（Checkbutton） thinter.Radiobutton(用于存放的父组件,属性参数...) thinter.Checkbutton(用于存放的父组件,属性参数...) 具有以下属性   anchor           设置组件中文字的对其方式 background(bg)   指定组件的背景色。 borderwid...
tkinter基本组件
最新发布
06-05
Tkinter的主要组件包括： 1. **Toplevel窗口** (或根窗口)：这是最顶层的窗口，所有其他窗口都会在其上创建。 2. **Frame**：是一个容器，可以包含多个控件，并支持布局管理。 3. **Canvas**：用于绘制图形，比如...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值