ttk.Treeview - 无法更改行高

时间:2014-11-16 14:09:10

标签: python python-2.7 python-3.x tkinter ttk

我使用的ttkcalendar.py可以找到in this link.

我已将其改编为Python 3.3

基本上我要做的就是将这个日历小部件输入到我的Tkinter应用程序中,该应用程序工作正常,并且没有问题。

我希望克服的问题是:

  1. 如何更改日历的字体大小(月,日和日) - 已完成
  2. 如何更改所选日期,使其变为bold。 - 已完成
  3. 如何更改treeview中行的高度,因为在prevoius尝试中可以增加字体大小,但行高不会随字体大小而增加。 - 仍然擅长帮助
  4. 提前致谢。

    编辑1:

    在下面找到整个程序的代码:

    import calendar
    import tkinter as Tkinter
    import tkinter.font as tkFont
    from tkinter import ttk                             #Imports ttk Module
    
    def get_calendar(locale, fwday):
        #Instantiate Proper Calendar Class
        if locale is None:
            return calendar.TextCalendar(fwday)
        else:
            return calendar.LocaleTextCalendar(fwday, locale)
    
    class Calendar(ttk.Frame):
        datetime = calendar.datetime.datetime
        timedelta = calendar.datetime.timedelta
    
        def __init__(self, master=None, **kw):
            """
            WIDGET-SPECIFIC OPTIONS
    
                locale, firstweekday, year, month, selectbackground,
                selectforeground
            """
            #Remove Custom Options From kw BEFORE Initializating ttk.Frame
            fwday = kw.pop('firstweekday', calendar.MONDAY)
            year = kw.pop('year', self.datetime.now().year)
            month = kw.pop('month', self.datetime.now().month)
            locale = kw.pop('locale', None)
            sel_bg = kw.pop('selectbackground', '#EEEEEE')
            sel_fg = kw.pop('selectforeground', '#B6333B')
    
            self._date = self.datetime(year, month, 1)
            self._selection = None                          #No Date Selected
    
            ttk.Frame.__init__(self, master, **kw)
    
            self._cal = get_calendar(locale, fwday)
    
            self.__setup_styles()                           #Creates Custom Styles
            self.__place_widgets()                          #Pack/Grid Used Widgets
            self.__config_calendar()                        #Adjust Calendar Columns & Setup Tags
            #Configure a Canvas & Proper Bindings for Selecting Dates
            self.__setup_selection(sel_bg, sel_fg)
    
            #Store Item ids - Used for Insertion Later On
            self._items = [self._calendar.insert('', 'end', values='')
                                for _ in range(6)]
            #Insert Dates in the Currently Empty Calendar
            self._build_calendar()
    
            #Set Minimal Size for Widget
            self._calendar.bind('<Map>', self.__minsize)
    
        def __setitem__(self, item, value):
            if item in ('year', 'month'):
                raise AttributeError("attribute '%s' is not writeable" % item)
            elif item == 'selectbackground':
                self._canvas['background'] = value
            elif item == 'selectforeground':
                self._canvas.itemconfigure(self._canvas.text, item=value)
            else:
                ttk.Frame.__setitem__(self, item, value)
    
        def __getitem__(self, item):
            if item in ('year', 'month'):
                return getattr(self._date, item)
            elif item == 'selectbackground':
                return self._canvas['background']
            elif item == 'selectforeground':
                return self._canvas.itemcget(self._canvas.text, 'fill')
            else:
                r = ttk.tclobjs_to_py({item: ttk.Frame.__getitem__(self, item)})
                return r[item]
    
        def __setup_styles(self):
            #CUSTOM ttk Styles
            style = ttk.Style(self.master)
            arrow_layout = lambda dir: (
                [('Button.focus', {'children': [('Button.%sarrow' % dir, None)]})]
            )
            style.layout('L.TButton', arrow_layout('left'))
            style.layout('R.TButton', arrow_layout('right'))
    
        def __place_widgets(self):
            #Header Frame & Widgets
            hframe = ttk.Frame(self)
            lbtn = ttk.Button(hframe, style='L.TButton', command=self._prev_month)
            rbtn = ttk.Button(hframe, style='R.TButton', command=self._next_month)
            self._header = ttk.Label(hframe, width=15, anchor='center', font='Arial 20')
            #Main Calendar
            self._calendar = ttk.Treeview(show='', selectmode='none', height='6')
            #Pack The Widgets
            hframe.pack(in_=self, side='top', pady=4, anchor='center')
            lbtn.grid(in_=hframe)
            self._header.grid(in_=hframe, column=1, row=0, padx=12)
            rbtn.grid(in_=hframe, column=2, row=0)
            self._calendar.pack(in_=self, expand=1, fill='both', side='bottom')
    
        def __config_calendar(self):
            cols = self._cal.formatweekheader(3).split()
            self._calendar['columns'] = cols
            self._calendar.tag_configure('header', background='grey90', font='Arial 20')
            self._calendar.insert('', 'end', values=cols, tag=('header', 'dayFont'))
            #Change Font of dayFont TAG
            self._calendar.tag_configure('dayFont', font='Arial 20')
            #Adjust Column Widths
            font = tkFont.Font(size=20)
            maxwidth = max(font.measure(col) for col in cols)
            for col in cols:
                self._calendar.column(col, width=maxwidth, minwidth=maxwidth, anchor='c')
    
        def __setup_selection(self, sel_bg, sel_fg):
            self._font = tkFont.Font()
            canvas = Tkinter.Canvas(self._calendar, background=sel_bg, borderwidth=0, highlightthickness=0)
            self._canvas = canvas
            canvas.text = canvas.create_text(0, 0, fill=sel_fg, anchor='c')
    
            canvas.bind('<ButtonPress-1>', lambda evt: canvas.place_forget())
            self._calendar.bind('<Configure>', lambda evt: canvas.place_forget())
            self._calendar.bind('<ButtonPress-1>', self._pressed)
    
        def __minsize(self, evt):
            width, height = self._calendar.master.geometry().split('x')
            height = height[:height.index('+')]
            self._calendar.master.minsize(width, height)
    
        def _build_calendar(self):
            year, month = self._date.year, self._date.month
    
            #Update Header Text (Month, YEAR)
            header = self._cal.formatmonthname(year, month, 0)
            self._header['text'] = header.title()
    
            #Update Calendar Showing Dates
            cal = self._cal.monthdayscalendar(year, month)
    
            for indx, item in enumerate(self._items):
                week = cal[indx] if indx < len(cal) else []
                fmt_week = [('%02d' % day) if day else '' for day in week]
                self._calendar.item(item, values=fmt_week, tag='bodyFont')
                self._calendar.tag_configure('bodyFont', font='Arial 10')        
    
    
        def _show_selection(self, text, bbox): #SELECTION FONT
            """Configure canvas for a new selection."""
            x, y, width, height = bbox
    
            textw = self._font.measure(text)
    
            canvas = self._canvas
            canvas.configure(width=width, height=height)
            canvas.coords(canvas.text, width - textw, height / 2 - 1)
            canvas.itemconfigure(canvas.text, text=text, font='Arial 15 bold')
            canvas.place(in_=self._calendar, x=x, y=y)
    
        #Callbacks
    
        def _pressed(self, evt):
            """Clicked somewhere in the calendar."""
            x, y, widget = evt.x, evt.y, evt.widget
            item = widget.identify_row(y)
            column = widget.identify_column(x)
    
            if not column or not item in self._items:       #Clicked in the Weekdays Row or Just Outside The Columns
                return
    
            item_values = widget.item(item)['values']
            if not len(item_values):                        #Row is Empty For This Month
                return
    
            text = item_values[int(column[1]) - 1]
            if not text:                                    #Date is Empty
                return
    
            bbox = widget.bbox(item, column)
            if not bbox:                                    #Calendar is not Visible Yet
                return
    
            #Update & Then Show Selection
            text = '%02d' % text
            self._selection = (text, item, column)
            self._show_selection(text, bbox)
    
        def _prev_month(self):
            """Updated calendar to show the previous month."""
            self._canvas.place_forget()
    
            self._date = self._date - self.timedelta(days=1)
            self._date = self.datetime(self._date.year, self._date.month, 1)
            #Reconstruct Calendar
            self._build_calendar()
    
        def _next_month(self):
            """Update calendar to show the next month."""
            self._canvas.place_forget()
    
            year, month = self._date.year, self._date.month
            self._date = self._date + self.timedelta(
                days=calendar.monthrange(year, month)[1] + 1)
            self._date = self.datetime(self._date.year, self._date.month, 1)
    
            self._build_calendar() 
    
        #Properties
        #-----------------------------------------------------
    
        @property
        def selection(self):
            """Return a datetime representing the current selected date."""
            if not self._selection:
                return None
    
            year, month = self._date.year, self._date.month
            return self.datetime(year, month, int(self._selection[0]))
    
    #----------------------------------
    

    编辑2:

    如何更改relief的{​​{1}}?

3 个答案:

答案 0 :(得分:12)

也许和你一样,我希望线条能够根据需要进行扩展。但我用下面的代码确认了问题,省略了解决方案(两个样式行)。当我找不到解决方案here和相应的样式页面时,我用Google搜索并找到this。向下滚动到Emiliano的答案,以及下面的一些内容(还有一个缩进选项)。

import tkinter as tk
from tkinter import ttk

root = tk.Tk()
root.geometry('500x200')
style = ttk.Style(root)
style.configure('Treeview', rowheight=40)  #SOLUTION
tree = ttk.Treeview(root)
tree.insert('', 0, text='Line 1 of many XXX', tags='T')
tree.insert('', 1, text='Line 2 of many XXX', tags='T')
tree.insert('', 2, text='Line 3 of many XXX', tags='T')
tree.column('#0', stretch=True)
tree.tag_configure('T', font='Arial 20')
tree.pack(fill='x')

上面的答案被省略,是展示问题的最小代码示例。这是发布的东西!

编辑1:

要使Calendar小部件可以在其他应用程序中正确导入和使用,它应该使用自定义样式,因此其样式不会影响应用程序中的任何其他树视图。

style.configure('Calendar.Treeview', rowheight=40)
tree = ttk.Treeview(root, style='Calendar.Treeview')

编辑2:

我自己只是在学习ttk风格。为了回答你的解决问题,我在执行上述操作后,在style doc中尝试了以下内容,并在Idle的Shell中进行了以下操作,并在编辑1中进行了两次修改。

>>> style.layout('Calendar.Treeview')
[('Treeview.field', {'sticky': 'nswe', 'children': [('Treeview.padding',
{'sticky': 'nswe', 'children': [('Treeview.treearea', {'sticky': 'nswe'})]})], 'border': '1'})]
>>> style.element_options('Calendar.Treeview.border')
('-relief',)
>>> style.lookup('Calendar.Treeview.border', 'relief')
''
>>> style.configure('Calendar.Treeview.border', relief='raised')
{}

我没有看到任何边框,也没有看到任何设置效果。也许浮雕适用于列之间的边界。我不知道。 (请注意,更改rowheight立即可用,因此配置为“实时”。)

答案 1 :(得分:4)

我发现Tkinter Font对象有一个metrics()方法,它的高度为&#34; linespace&#34;。这允许动态缩放行高:

try:
    from tkinter.font import Font
    from tkinter.ttk import Style, Treeview
    from tkinter import *         
except:
    from tkFont import Font
    font ttk import Style, Treeview
    from Tkinter import *

font=Font(family='Arial', size=20)
font.metrics()
#output: {'ascent': 31, 'descent': 7, 'linespace': 38, 'fixed': 0}

有了这个,你可以用:

获得字体高度
font.metrics()['linespace']
#output: 38

然后使用它在Treeview小部件中设置rowheight:

fontheight=font.metrics()['linespace']

style=Style()
style.configure('Calendar.Treeview', font=font, rowheight=fontheight)   

tree=Treeview(style='Calendar.Treeview')

更改字体对象参数可以轻松更新Treeview窗口小部件,但是rowheight不会更新,需要重做。例如,使用键盘快捷键缩放字体大小可能如下所示:

def scaleup():
    font['size']+=1
    style.configure('Calendar.Treeview', rowheight=font.metrics()['linespace'])

def scaledown():
    font['size']-=1
    style.configure('Calendar.Treeview', rowheight=font.metrics()['linespace'])

tree.bind('<Control-equal>', scaleup)
tree.bind('<Control-minus>', scaledown)

我实际上想用Control-MouseWheel做同样的事情,但还没有弄清楚行为(很高兴听到它是如何工作的)。

希望这很方便。

答案 2 :(得分:1)

  

如何更改树视图中行的高度,因为在prevoius尝试中可以增加字体大小,但行高不会随字体大小而增加。 - 仍然乐于助人

如果你还在等待这个问题的帮助,那么 way来改变行高,不过Google群组主管说它没有得到官方支持由Tk:

#apply any configuration options
ttk.Style().configure('Treeview',rowheight=30)