python使用tkinter和ttkbootstrap制作UI界面（一）

最新推荐文章于 2024-04-30 19:24:04 发布
最新推荐文章于 2024-04-30 19:24:04 发布
阅读量613 收藏 3
点赞数 10
分类专栏： GUI界面设计 文章标签： python ui 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43215588/article/details/137755852
版权

标题使用python制作UI界面，可以选用tkinter库和ttkbootstrap库编写，首先主题框架如下：

在这里插入图片描述
新建ui_test.py文件编写主体界面，新建test_one.py和test_two.py编写分界面，以下先进行主体界面编写，代码如下：

主体框架

import ttkbootstrap
from tkinter import Frame


class UiTest(object):
    def __init__(self):
        self.window = ttkbootstrap.Window()

    def main_interface(self):
        """
        测试主界面
        """
        # 设置标题
        self.window.title('测试UI界面')

        # 屏幕的尺寸大小
        sw = self.window.winfo_screenwidth()
        sh = self.window.winfo_screenheight()

        # 设置UI界面的高度和宽度
        ww = 1000
        wh = 700

        # 窗口居中设置
        x = (sw - ww) / 2
        y = (sh - wh) / 2
        self.window.geometry("%dx%d+%d+%d" % (ww, wh, x, y))

        # 设置窗口是否可以变化长宽,默认可变
        self.window.resizable(width=False, height=False)

    def run_main(self):
        self.main_interface()
        self.window.mainloop()


if __name__ == '__main__':
    ui_test = UiTest()
    ui_test.run_main()

运行界面如下：
在这里插入图片描述

Notebook组件应用

        """
        多窗口设置
        """
        all_notebook = ttkbootstrap.Notebook(self.window)
        all_notebook.pack(padx=10, pady=5, fill=ttkbootstrap.BOTH, expand=True)

        self.frame_one = Frame(all_notebook)
        self.frame_two = Frame(all_notebook)

        all_notebook.add(self.frame_one, text='测试界面一')
        all_notebook.add(self.frame_two, text='测试界面二')

效果如下：
在这里插入图片描述

Labelframe组件应用

        """
        Labelframe组件
        """
        argument_info = ttkbootstrap.Labelframe(self.frame_one, text="参数信息", width=960, height=640, labelanchor="n")
        argument_info.place(x=10, y=10)

效果如下：
在这里插入图片描述

Label组件应用

        """
        Label组件
        """
        tk.Label(argument_info, text="文字输入:", font=("微软雅黑", 12)).place(x=10, y=10)

效果如下：
在这里插入图片描述

Entry组件应用

        """
        Entry组件
        """
        project_code = tk.Entry(argument_info, font=('微软雅黑', 12), width=35)
        project_code.place(x=110, y=10)

效果如下：
在这里插入图片描述

Button组件应用

        """
        Button组件
        """
        select_button = ttkbootstrap.Button(argument_info, text="按键", bootstyle="success")
        select_button.place(x=600, y=10)

效果如下：

在这里插入图片描述

Radiobutton组件应用

        """
        Radiobutton组件
        """
        select_cell = tk.StringVar()
        select_cell.set("单选建")
        select_all_channel_test = ttkbootstrap.Radiobutton(argument_info, text="单选建", variable=select_cell,
                                                           value="单选建", bootstyle="success-round-toggle")
        select_all_channel_test.place(x=10, y=100)

效果如下：
在这里插入图片描述

Checkbutton组件

        """
        Checkbutton组件
        """
        # 适合单个多选键或少量多选键
        global select_switch
        select_switch = IntVar()
        select_switch.set(0)
        select_switch_checkbutton = ttk.Checkbutton(argument_info, text="多选键", variable=select_switch,
                                                    offvalue=0, onvalue=1)
        select_switch_checkbutton.place(x=100, y=100)

        # 大量多选键
        global switch_list_front_one
        switch_list_front_one = [int(x) for x in range(1, 5)]
        for i in range(1, 5):
            switch_list_front_one[i - 1] = StringVar()
            ttk.Checkbutton(argument_info, text=i, variable=switch_list_front_one[i - 1], offvalue=f"关闭{i}",
                            onvalue=f"开启{i}").place(x=10 + 50 * (i - 1), y=150)

效果如下：
在这里插入图片描述
在ui_test.py中写入主界面代码，代码如下：

import ttkbootstrap
from tkinter import Frame

from ui_show.test_one import UiTestOne


class UiTest(object):
    def __init__(self):
        self.window = ttkbootstrap.Window()
        self.frame_one = Frame()
        self.frame_two = Frame()

    def main_interface(self):
        """
        测试主界面
        """
        # 设置标题
        self.window.title('测试UI界面')

        # 屏幕的尺寸大小
        sw = self.window.winfo_screenwidth()
        sh = self.window.winfo_screenheight()

        # 设置UI界面的高度和宽度
        ww = 1000
        wh = 700

        # 窗口居中设置
        x = (sw - ww) / 2
        y = (sh - wh) / 2
        self.window.geometry("%dx%d+%d+%d" % (ww, wh, x, y))

        # 设置窗口是否可以变化长宽,默认可变
        self.window.resizable(width=False, height=False)

        """
        多窗口设置
        """
        all_notebook = ttkbootstrap.Notebook(self.window)
        all_notebook.pack(padx=10, pady=5, fill=ttkbootstrap.BOTH, expand=True)

        self.frame_one = Frame(all_notebook)
        self.frame_two = Frame(all_notebook)

        all_notebook.add(self.frame_one, text='测试界面一')
        all_notebook.add(self.frame_two, text='测试界面二')

    def run_main(self):
        self.main_interface()

        ui_test_one = UiTestOne(self.frame_one)
        ui_test_one.show_interface()

        self.window.mainloop()


if __name__ == '__main__':
    ui_test = UiTest()
    ui_test.run_main()

在test_one.py中写入界面一代码，代码如下：

import ttkbootstrap
import tkinter as tk

from tkinter import ttk
from tkinter import IntVar, StringVar


class UiTestOne(object):
    def __init__(self, window):
        self.frame_one = window

    def show_interface(self):
        """
        Labelframe组件
        """
        argument_info = ttkbootstrap.Labelframe(self.frame_one, text="参数信息", width=960, height=640, labelanchor="n")
        argument_info.place(x=10, y=10)

        """
        Label组件
        """
        tk.Label(argument_info, text="文字输入:", font=("微软雅黑", 12)).place(x=10, y=10)

        """
        Entry组件
        """
        project_code = tk.Entry(argument_info, font=('微软雅黑', 12), width=35)
        project_code.place(x=110, y=10)

        """
        Button组件
        """
        select_button = ttkbootstrap.Button(argument_info, text="按键", bootstyle="success")
        select_button.place(x=600, y=10)

        """
        Radiobutton组件
        """
        select_cell = tk.StringVar()
        select_cell.set("单选建")
        select_all_channel_test = ttkbootstrap.Radiobutton(argument_info, text="单选建", variable=select_cell,
                                                           value="单选建", bootstyle="success-round-toggle")
        select_all_channel_test.place(x=10, y=100)

        """
        Checkbutton组件
        """
        # 适合单个多选键或少量多选键
        global select_switch
        select_switch = IntVar()
        select_switch.set(0)
        select_switch_checkbutton = ttk.Checkbutton(argument_info, text="多选键", variable=select_switch,
                                                    offvalue=0, onvalue=1)
        select_switch_checkbutton.place(x=100, y=100)

        # 大量多选键
        global switch_list_front_one
        switch_list_front_one = [int(x) for x in range(1, 5)]
        for i in range(1, 5):
            switch_list_front_one[i - 1] = StringVar()
            ttk.Checkbutton(argument_info, text=i, variable=switch_list_front_one[i - 1], offvalue=f"关闭{i}",
                            onvalue=f"开启{i}").place(x=10 + 50 * (i - 1), y=150)

篇幅有限，界面二会更新更多组件的编写方式，有疑问欢迎找博主进行答疑，我是活动的笑脸，希望大家积极点赞，本篇到此结束。

活动的笑脸
关注
  • 10
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
python3使用tkinter实现ui界面简单实例
12-23
复制代码 代码如下:import timeimport tkinter as tkclass Window: def __init__(self, title=’nms’, width=300, height=120, staFunc=bool, stoFunc=bool): self.w = width self.h = height self.stat = True...
Python GUI之tkinter的皮肤(ttkbootstrap)打造出你的窗口之美
热门推荐
qq_59142194的博客
04-04 5万+
python GUI之ttkbootstrap（第三方库）官方就很nice啊，直接把他俩结合了起来，并给它穿上了一件“皮肤”（叮：tkinter，您的外挂已到账！）。简单来说就是会tkinter了，那么也就基本上也会ttkbootstrap了，如果不会，那直接学ttkbootstrap难度也与tkinter差不多，简直就是太nice了，哈哈哈。
Python ttkbootstrap 制作账户注册信息界面
Python_ku的博客
02-17 2200
前言 ttkbootstrap 是一个基于 tkinter 的界面美化库，使用这个工具可以开发出类似前端 bootstrap 风格的 tkinter 桌面程序。 ttkbootstrap 不仅有丰富的案例，同时还有完善的官方文档，可惜是英文的。不过对于程序员来说，只要用好翻译软件与提供的案例代码，一样可以轻松上手，那么接下来我们就介绍一下这个工具的使用。 准备工作 首先肯定是需要安装一下 ttkbootstrap 版本要新，最好不要用镜像源安装 pip install ttkbootstrap P
Python ttkbootstrap 快速制作账户注册信息界面~
xff123456_的博客
10-13 885
谁不想要一个美观的界面呢？
python使用tkinter和ttkbootstrap制作UI界面（二）
活动的笑脸的博客
04-19 311
这次讲解UI界面常用的主键，延续上文的框架进行编写，原界面如下： 效果如下： 效果如下： 效果如下： 效果如下： 效果如下： 本次在ui_test.py新增代码，新增如下： 在test_two.py写入界面二，代码如下： 本次讲解UI常用组件的写法，后续将更新组件的调用方法，有疑问欢迎找博主进行答疑，我是活动的笑脸，希望大家积极点赞，本篇到此结束。
开始使用Tkinter编写Python图形界面
02-24
众所周知，在Python中创建图形界面程序有很多种的选择，其中PyQt和wxPython都是很热门的模块包，这些第三方的图形界面模块功能强大、配置丰富，界面美观，是很多人的选择。州的先生也经常使用PyQt5来为Python程序写...
基于python的Tkinter编写登陆注册界面
09-21
主要为大家详细介绍了基于python的Tkinter编写登陆注册界面，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
python用tkinter实现一个简易能进行随机点名的界面
12-16
今天学到Python 有一个名为 random 的内置模块，可用于生成随机数， 这个好玩~可以用来做为上课随机点名的程序了哈哈。。 def main_cor(): import random i = random.randrange(0,29) with open('roll_call.txt'...
python使用tkinter实现简单有界面的备忘录
04-22
使用tkinter包实现备忘录的界面实现，内容涵盖增删改查等（相对而言界面较简陋）
python3制作一款搜索软件
活动的笑脸的博客
10-15 1万+
用python打造一款搜索软件，可以助各位读者快速找到想要的资源，废话不多说，直接上代码，首先导入相应的模块： import random import webbrowser import re from urllib import parse from tkinter import * from tkinter import ttk import win32api import win32con...
python3打造一款游戏辅助软件
活动的笑脸的博客
10-05 1671
许多连击游戏需要快速的按键，这次打造一款按键连击的软件，助玩家快速完成连击，效果图如下： 废话不多说，直接写入代码，首先导入需要的模块： from tkinter import * from pynput import keyboard, mouse import threading import win32api import win32con import time from configp...
python3打造专属的下载软件
活动的笑脸的博客
09-27 1319
用python3打造属于自己的下载软件，利用python自身的下载功能结合GUI界面设计的相关知识，可以打造属于自己的清新简明的下载界面，博主自己设计的界面在下方，读者可自行修改GUI界面，下图： 废话不多说，直接进入代码模式。首先导入python相关的模块： import requests from tkinter import * import tkinter as tk import tk...
python3打造专属的压缩软件
活动的笑脸的博客
09-22 568
python3可以利用其自带的GUI库打造许多有用的应用软件，本文将使用python3的tkinter库来打造自己专属的压缩小软件。 本文的成品图片： 首先导入相关的模块： import os import zipfile import tkinter.filedialog from tkinter import * from tkinter import scrolledtext 接着再设置...
python3打造图片文字识别软件
活动的笑脸的博客
10-08 291
用python3对图片里的文字进行识别，本文使用的是tesseract-OCR识别引擎，相关的资料和文字放在本文的结尾，有需要的读者可以自行下载，软件效果图如下： 首先导入相应的模块： from PIL import Image import pytesseract from tkinter import * from tkinter import scrolledtext import zi...
python3制作实用的改图软件
活动的笑脸的博客
10-11 227
用python3制作实用的改图软件，方便自己以后对图片进行修改，这次代码量相较以往较多，读者有不懂的可以私信博主或者在下方进行评论，博主会在第一时间进行答复的，软件效果图如下： 废话不多说，直接上代码，首先导入相关的模块： from tkinter import * from tkinter import scrolledtext import tkinter.filedialog from ...
python3制作视频截取工具
活动的笑脸的博客
11-10 185
首先导入相关的库文件： import cv2 import time import os import threading import win32api import win32con import tkinter as tk from tkinter import messagebox, filedialog from tkinter import Label, END, Entry, Button, Canvas 接着写入负责和粘贴的函数： def get_copy(): win32api
SpringBoot中实现发送邮件
最新发布
hac1322的博客
04-30 648
当你添加了spring-boot-starter-mail依赖后，Spring Boot会自动配置JavaMailSender实例，并根据application.yml文件中的属性来配置这个实例。你可以直接在需要发送邮件的地方通过@Autowired注解将JavaMailSender实例注入到你的类中，然后使用它来发送邮件。：首先，需要在你的pom.xml文件中添加Spring Boot的邮件发送器依赖。，简化了在Spring Boot应用程序中发送电子邮件的设置过程。Spring Boot的。
python复习（三）
qq_43710593的博客
04-29 433
类是一种面向。
python使用tkinter绘制ui
06-03
好的，我可以为您介绍一下使用 Python 的 tkinter 库绘制 UI 的方法。 首先，您需要导入 tkinter 库： ```python import tkinter as tk ``` 然后，您可以创建一个主窗口并设置其基本属性： ```python root = tk.Tk() root.title("My App") root.geometry("500x500") ``` 接下来，您可以添加一些 UI 元素，例如标签、按钮、文本框等： ```python label = tk.Label(root, text="Hello, World!") button = tk.Button(root, text="Click me!") entry = tk.Entry(root) ``` 最后，您需要使用 pack() 或 grid() 等布局管理器将这些元素放置在窗口中： ```python label.pack() button.pack() entry.pack() ``` 完整的示例代码如下： ```python import tkinter as tk # 创建主窗口 root = tk.Tk() root.title("My App") root.geometry("500x500") # 添加 UI 元素 label = tk.Label(root, text="Hello, World!") button = tk.Button(root, text="Click me!") entry = tk.Entry(root) # 布局管理 label.pack() button.pack() entry.pack() # 运行主循环 root.mainloop() ``` 这就是使用 tkinter 绘制 UI 的基本方法。希望对您有所帮助！

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值