如何添加布局组件以容纳输入框与眼睛图标

要在密码输入框旁添加眼睛图标（用来切换密码可见/隐藏），可以用Frame作为容器包裹输入框和按钮，再配合切换函数实现功能。以下是修改后的完整代码：

from tkinter import *

def register_user():
    # 这里可保留你原有注册逻辑
    pass

def toggle_password():
    # 切换密码可见状态
    if password_entry.cget('show') == '*':
        password_entry.config(show='')
        toggle_btn.config(text='👁️‍🗨️')  # 切换为隐藏图标
    else:
        password_entry.config(show='*')
        toggle_btn.config(text='👁️')  # 切换为显示图标

def register():
    global register_screen
    register_screen = Toplevel(main_screen)
    register_screen.title("注册")
    register_screen.geometry("300x250")

    global username
    global password
    global username_entry
    global password_entry
    username = StringVar()
    password = StringVar()

    Label(register_screen, text="请输入以下信息", bg="blue").pack()
    Label(register_screen, text="").pack()
    
    # 用户名部分保留原布局
    username_label = Label(register_screen, text="用户名 * ")
    username_label.pack()
    username_entry = Entry(register_screen, textvariable=username)
    username_entry.pack()
    
    # 密码部分用Frame包裹输入框和眼睛按钮
    password_label = Label(register_screen, text="密码 * ")
    password_label.pack()
    
    # 创建Frame作为容器，让输入框和按钮横向排列
    password_frame = Frame(register_screen)
    password_frame.pack()
    
    password_entry = Entry(password_frame, textvariable=password, show='*')
    password_entry.pack(side=LEFT, padx=5)  # 输入框靠左，预留间距
    
    # 眼睛按钮，点击触发切换函数
    toggle_btn = Button(password_frame, text='👁️', command=toggle_password, bd=0)
    toggle_btn.pack(side=LEFT)

    Label(register_screen, text="").pack()
    Button(register_screen, text="注册", width=10, height=1, bg="blue", command=register_user).pack()

# 主窗口初始化（补充完整代码逻辑）
main_screen = Tk()
main_screen.title("主界面")
main_screen.geometry("300x200")
Button(main_screen, text="注册", command=register).pack()

main_screen.mainloop()

关键修改说明： #

• 新增toggle_password函数：通过获取输入框的show属性，切换密码显示明文或密文，同时更新按钮图标文字。
• 用Frame容器：把密码输入框和眼睛按钮放在同一个Frame里，保证二者在同一行显示。
• 调整布局：用pack(side=LEFT)让输入框和按钮横向排列，padx控制间距优化界面美观度。

如果需要用自定义png图标，可借助PIL库加载图片替换按钮文字，示例片段：

from PIL import Image, ImageTk

# 在register函数中替换按钮部分：
# 加载显示/隐藏图标（需提前准备对应图片文件）
show_img = ImageTk.PhotoImage(Image.open("show_icon.png").resize((20,20)))
hide_img = ImageTk.PhotoImage(Image.open("hide_icon.png").resize((20,20)))

toggle_btn = Button(password_frame, image=show_img, command=toggle_password, bd=0)
toggle_btn.image = show_img  # 保留引用防止图片被垃圾回收

# 同步修改toggle_password函数的图标切换逻辑：
def toggle_password():
    if password_entry.cget('show') == '*':
        password_entry.config(show='')
        toggle_btn.config(image=hide_img)
    else:
        password_entry.config(show='*')
        toggle_btn.config(image=show_img)

内容的提问来源于stack exchange，提问作者Jumanah