• Home
  • Categories
  • WIKI
  • LANGUAGE: en
    • 感觉这样的listview如何
    社区开发 1879 views · 2 replies ·
    Tofloor
    poster avatar
    vala2012
    deepin
    2013-03-10 19:26
    Author
    3. from draw import draw_text, draw_pixbuf
    4. from utils import get_text_size, get_match_parent, get_offset_coordinate
    5. from utils import is_single_click, is_double_click, is_left_button
    6. from listview_base import type_check
    7. from listview_base import ListViewBase
    8. from listview_base import View, Text
    9. import pango
    10. import gtk
    14. '''
    15. !!再也不用写item了.那是一件幸福的事情.
    16. DrawItem 事件可以针对每个 ListView 项发生。
    17. 当 View 属性设置为 View = Details 时，
    18. 还会发生 DrawSubItem 和 DrawColumnHeader 事件。
    19. 在这种情况下，可以处理 DrawItem 事件以绘制所有项共有的元素（如背景），
    20. 并处理 DrawSubItem 事件以便为各个子项（例如文本值）绘制元素。
    21. 您还可以仅使用这两个事件中的一个事件绘制 ListView 控件中的所有元素，尽管这可能不十分方便。
    22. 若要绘制详细信息视图中的列标题，必须处理 DrawColumnHeader 事件。
    23. '''
    25. class ListView(ListViewBase):
    26.     def __init__(self):
    27.         ListViewBase.__init__(self)
    28.         self.__init_settings()
    29.         self.__init_values()
    30.         self.__init_events()
    32.     def __init_settings(self):
    33.         self.add_events(gtk.gdk.ALL_EVENTS_MASK)
    35.     def __init_values(self):
    36.         #
    37.         self.__init_values_events()
    38.         self.__init_values_columns()
    39.         self.__init_values_items()
    41.     def __init_values_events(self):
    42.         self.__on_draw_column_heade = self.__on_draw_column_heade_hd
    43.         self.__on_draw_sub_item     = self.__on_draw_sub_item_hd
    44.         self.__on_draw_item         = self.__on_draw_item_hd
    45.         # 保存事件.
    46.         self.__double_click_hd  = None
    47.         self.__motion_notify_hd = None
    48.         self.__single_click_hd  = None
    50.     def __init_values_columns(self):
    51.         self.__columns_padding_height = 30
    53.     def __init_values_items(self):
    54.         self.__items_padding_height = 30
    55.         # 保存双击items.
    56.         self.__double_items = None
    57.         # 保存移动的items.
    58.         self.__motion_items = None
    59.         # 保存单击的items.
    60.         self.__single_items = None
    62.     def __init_events(self):
    63.         self.connect("realize",              self.__listview_realize_event)
    64.         self.connect("motion-notify-event",  self.__listview_motion_notify_event)
    65.         self.connect("button-press-event",   self.__listview_button_press_event)
    66.         self.connect("button-release-event", self.__listview_button_release_event)
    67.         self.connect("enter-notify-event",   self.__listview_enter_notify_event)
    68.         self.connect("leave-notify-event",   self.__listview_leave_notify_event)
    69.         self.connect("expose-event",         self.__listview_expose_event)
    71.     def __listview_realize_event(self, widget):
    72.         widget.set_realized(True)
    74.         scroll_win = get_match_parent(widget, "ScrolledWindow")
    75.         if scroll_win:
    76.             scroll_win.get_vadjustment().connect("value-changed",
    77.                                     self.__scroll_win_vajustment_changed)
    78.             scroll_win.get_hadjustment().connect("value-changed",
    79.                                     self.__scroll_win_hajustment_changed)
    80.             scroll_win.connect("scroll-event", self.__scroll_win_scroll_event)
    82.     def __scroll_win_scroll_event(self, widget, event):
    83.         self.__scroll_win_event()
    85.     def __scroll_win_vajustment_changed(self, adjustment):
    86.         self.__scroll_win_event()
    88.     def __scroll_win_hajustment_changed(self, adjustment):
    89.         self.__scroll_win_event()
    91.     def __scroll_win_event(self):
    92.         self.on_queue_draw_area()
    93.         self.window.process_updates(True)
    94.         self.window.process_updates(True)
    95.         self.on_queue_draw_area()
    97.     def __listview_motion_notify_event(self, widget, event):
    98.         #print "__listview_motion_notify_event..."
    99.         row_index, col_index = self.__get_items_mouse_data(event)
    100.         if not (None in [row_index]):
    101.             self.__motion_items = self.items[row_index]
    102.             # 发送信号.
    103.             if self.__motion_notify_hd:
    104.                 self.__motion_notify_hd(self, self.__motion_items, row_index, col_index)
    105.             self.on_queue_draw_area()
    107.     def __listview_button_press_event(self, widget, event):
    108.         # 判断双击的区域.
    109.         if is_double_click(event):
    110.             row_index, col_index = self.__get_items_mouse_data(event)
    111.             if not (None in [row_index]):
    112.                 self.__double_items = self.items[row_index]
    113.                 # 发送信号.
    114.                 if self.__double_click_hd:
    115.                     self.__double_click_hd(self, self.__double_items, row_index, col_index)
    116.                 self.on_queue_draw_area()
    118.     def __listview_button_release_event(self, widget, event):
    119.         #print "__listview_button_release_event..."
    120.         # 获取标题头触发的release事件返回的x索引.
    121.         if is_left_button(event):
    122.             # 列标头.
    123.             col_index =  self.__get_columns_mouse_data(event)
    124.             if col_index != None:
    125.                 print self.columns[col_index].text
    126.             # 获取items触发的release事件返回的x,y索引.
    127.             row_index, col_index = self.__get_items_mouse_data(event)
    128.             if not (None in [row_index]):
    129.                 # 发送信号.
    130.                 self.__single_items = self.items[row_index]
    131.                 self.__single_click_hd(self, self.__single_items, row_index, col_index)
    133.     def __listview_enter_notify_event(self, widget, event):
    134.         #print "__listview_enter_enter...notify_event..."
    135.         pass
    137.     def __listview_leave_notify_event(self, widget, event):
    138.         #print "__listview_leave_notify_event...."
    139.         pass
    141.     def connect_event(self, event_name, function_point):
    142.         if event_name == "double-click":
    143.             self.__double_click_hd  = function_point
    144.         elif event_name == "motion-notify":
    145.             self.__motion_notify_hd = function_point
    146.         elif event_name == "single-click":
    147.             self.__single_click_hd  = function_point
    149.     def __listview_expose_event(self, widget, event):
    150.         #print "__listview_expose_event.."
    151.         cr = widget.window.cairo_create()
    152.         rect = widget.allocation
    153.         #
    154.         if self.view == View.DETAILS: # 带标题头的视图, 比如详细信息.
    155.             self.__draw_view_details(cr, rect, widget)
    156.         #elif self.view ==
    157.         #
    158.         # 设置窗体的高度和宽度.
    159.         self.__set_listview_size()
    160.         return True
    162.     def __draw_view_details(self, cr, rect, widget):
    163.         #self.on_draw_item(e)
    164.         offset_x, offset_y, viewport = get_offset_coordinate(widget)
    165.         # 画标题头.
    166.         self.__draw_view_details_column(offset_y, cr, rect)
    167.         # 优化listview.
    168.         # 获取滚动窗口.
    169.         scroll_win = get_match_parent(self, "ScrolledWindow")
    170.         scroll_rect_h = rect.height
    171.         if scroll_win: # 如果没有滚动窗口,直接获取listview的高度.
    172.             scroll_rect_h = scroll_win.allocation.height
    173.         # dtk.ui.listview ===>>>
    174.         start_y = offset_y - self.__columns_padding_height
    175.         end_y   = offset_y + viewport.allocation.height - self.__columns_padding_height
    176.         start_index  = max(start_y / self.__items_padding_height, 0)
    177.         end_index    = (start_index + (scroll_rect_h + self.__columns_padding_height)/ self.__items_padding_height) + 1
    178.         #
    179.         # 剪切出绘制items的区域,防止绘制到标题头上.
    180.         cr.save()
    181.         cr.rectangle(rect.x + offset_x,
    182.                      rect.y + offset_y + self.__columns_padding_height,
    183.                      scroll_win.allocation.width,
    184.                      scroll_win.allocation.height)
    185.         cr.clip()
    186.         # 画 items.
    187.         self.__draw_view_details_items(start_index, end_index, cr, rect)
    188.         cr.restore()
    190.     def __draw_view_details_column(self, offset_y, cr, rect):
    191.         temp_column_w = 0
    192.         for index, column in enumerate(self.columns): # 绘制标题头.
    193.             # 保存属性.
    194.             e = ColumnHeaderEventArgs()
    195.             e.cr     = cr
    196.             e.column = column
    197.             e.column_index = index
    198.             e.text = column.text
    199.             e.x = rect.x + temp_column_w
    200.             e.y = offset_y + rect.y
    201.             e.w = column.width
    202.             e.h = self.__columns_padding_height + 1
    203.             e.text_color = column.text_color
    204.             #
    205.             temp_column_w += column.width
    206.             self.on_draw_column_heade(e)
    208.     def __draw_view_details_items(self, start_index, end_index, cr, rect):
    209.         temp_item_h  = self.__columns_padding_height
    210.         for row, item in enumerate(self.items[start_index:end_index]):
    211.             temp_item_w = 0
    212.             # 行中的列元素.
    213.             for column, sub_item in map(lambda s, c:(s, c),
    214.                                         self.columns,  
    215.                                         item.sub_items):
    216.                 if column and sub_item:
    217.                     # 保存subitem的所有信息.
    218.                     e = SubItemEventArgs()
    219.                     e.cr = cr
    220.                     e.sub_item = sub_item
    221.                     e.double_items = self.__double_items
    222.                     e.motion_items = self.__motion_items
    223.                     e.single_items = self.__single_items
    224.                     e.item     = item
    225.                     e.text = sub_item.text
    226.                     e.text_color = sub_item.text_color
    227.                     e.x = rect.x + temp_item_w
    228.                     e.y = rect.y + ((row + start_index) * self.__items_padding_height) + self.__columns_padding_height
    229.                     e.w = column.width
    230.                     e.h = self.__items_padding_height
    231.                     e.sub_item_index = row + start_index
    232.                     temp_item_w += column.width
    233.                     #
    234.                     self.on_draw_sub_item(e)
    235.             # 保存绘制行的y坐标.
    236.             temp_item_h += self.__items_padding_height
    238.     ################################################
    239.     ## @ on_draw_column_heade : 连接头的重绘函数.
    240.     def __on_draw_column_heade_hd(self, e):
    241.         e.cr.set_source_rgba(0, 0, 0, 0.1)
    242.         e.cr.rectangle(e.x, e.y, e.w, e.h)
    243.         e.cr.fill()
    244.         if self.columns[len(self.columns)-1] == e.column:
    245.             e.cr.rectangle(e.x + e.w, e.y, self.allocation.width - e.x, e.h)
    246.             e.cr.fill()
    247.         # 画标题栏文本.
    248.         draw_text(e.cr,
    249.                   e.text,
    250.                   e.x, e.y, e.w, e.h,
    251.                   text_color=e.text_color,
    252.                   alignment=Text.CENTER)
    253.         #
    255.     @property
    256.     def on_draw_column_heade(self):
    257.         return self.__on_draw_column_heade
    259.     @on_draw_column_heade.setter
    260.     def on_draw_column_heade(self, hd):
    261.         self.__on_draw_column_heade = hd
    262.         self.on_queue_draw_area()
    264.     @on_draw_column_heade.getter
    265.     def on_draw_column_heade(self):
    266.         return self.__on_draw_column_heade
    268.     @on_draw_column_heade.deleter
    269.     def on_draw_column_heade(self):
    270.         del self.__on_draw_column_heade
    272.     ################################################
    273.     ## @ on_draw_item : 连. 当 owner_draw 设置为真的时候发生.
    274.     def __on_draw_item_hd(self, e):
    275.         #print "__on_draw_item_hd..."
    276.         pass
    278.     @property
    279.     def on_draw_item(self, e):
    280.         return self.__on_draw_item
    282.     @on_draw_item.setter
    283.     def on_draw_item(self, hd):
    284.         self.__on_draw_item =  hd
    285.         self.on_queue_draw_area()
    287.     @on_draw_item.getter
    288.     def on_draw_item(self):
    289.         return self.__on_draw_item
    291.     @on_draw_item.deleter
    292.     def on_draw_item(self):
    293.         del self.__on_draw_item
    295.     ################################################
    296.     ## @ on_draw_sub_item : 连.
    297.     def __on_draw_sub_item_hd(self, e):
    298.         if e.double_items == e.item:
    299.             e.text_color = "#0000ff"
    300.         elif e.single_items == e.item:
    301.             e.text_color = "#00FF00"
    302.         if e.motion_items == e.item:
    303.             e.text_color = "#FF0000"
    304.         e.draw_text(e.cr,
    305.                   e.text,
    306.                   e.x, e.y, e.w, e.h,
    307.                   text_color=e.text_color,
    308.                   alignment=Text.CENTER)
    309.         
    310.     @property
    311.     def on_draw_sub_item(self, e):
    312.         return self.__on_draw_sub_item
    314.     @on_draw_sub_item.setter
    315.     def on_draw_sub_item(self, hd):
    316.         self.__on_draw_sub_item =  hd
    317.         self.on_queue_draw_area()
    319.     @on_draw_sub_item.getter
    320.     def on_draw_sub_item(self):
    321.         return self.__on_draw_sub_item
    323.     @on_draw_sub_item.deleter
    324.     def on_draw_sub_item(self):
    325.         del self.__on_draw_sub_item
    327.     def __set_listview_size(self):
    328.         # 设置listview的高度和宽度.
    329.         rect = self.allocation
    330.         listview_height =  (len(self.items)) * self.__items_padding_height + self.__columns_padding_height
    331.         listview_width  =  188 # 额外添加 188 的宽度.
    332.         for column in self.columns:
    333.             listview_width += column.width
    334.         if (rect.height != listview_height) or (rect.width != listview_width):
    335.             self.set_size_request(listview_width, listview_height)
    337.     def __get_items_mouse_data(self, event):
    338.         offset_x, offset_y, viewport = get_offset_coordinate(self)
    339.         if self.__in_items_check(offset_y, event):
    340.             event_x = event.x # 获取鼠标x.
    341.             # 获取行号.
    342.             event_y_padding = int(event.y - self.__columns_padding_height)
    343.             row_index = event_y_padding / self.__items_padding_height
    344.             x_padding = 0
    345.             col_index = 0
    346.             # 获取行item,列的sub_items.
    347.             for column in self.columns:
    348.                 if x_padding <= int(event.x) <= x_padding + column.width:
    349.                     break
    350.                 x_padding += column.width
    351.                 col_index += 1
    352.             # 判断是否在可显示的列内.
    353.             if ((row_index < len(self.items)) and
    354.                 (col_index < len(self.items[row_index].sub_items))):
    355.                 return row_index, col_index
    356.             else:
    357.                 return row_index, None
    358.         else: # 鼠标点击不在区域内.
    359.             return None, None
    361.     def __in_items_check(self, offset_y, event):
    362.         start_y = (offset_y) + self.__columns_padding_height
    363.         end_y   = start_y + ((len(self.items)) * self.__items_padding_height)
    364.         return (start_y < event.y < end_y)
    366.     def __get_columns_mouse_data(self, event):
    367.         offset_x, offset_y, viewport = get_offset_coordinate(self)
    368.         if self.__in_columns_check(offset_y, event):
    369.             # 获取行item,列的sub_items.
    370.             x_padding = 0
    371.             col_index = 0
    372.             for column in self.columns:
    373.                 if x_padding <= int(event.x) <= x_padding + column.width:
    374.                     return col_index
    375.                 x_padding += column.width
    376.                 col_index += 1
    377.             return None
    379.     def __in_columns_check(self, offset_y, event):
    380.         start_y = offset_y
    381.         end_y   = start_y + self.__columns_padding_height
    382.         return (start_y < event.y < end_y)
    384.     # 设置每行的高度.
    385.     @property
    386.     def items_height(self):
    387.         return self.__items_padding_height
    388.    
    389.     @items_height.setter
    390.     def items_height(self, height):
    391.         self.__items_padding_height = height
    392.         self.on_queue_draw_area()
    394.     @items_height.getter
    395.     def items_height(self):
    396.         return self.__items_padding_height
    398.     @items_height.deleter
    399.     def items_height(self):
    400.         del self.__items_padding_height
    402.     # 设置标题头的高度.
    403.     @property
    404.     def columns_height(slef):
    405.         return self.__columns_padding_height
    407.     @columns_height.setter
    408.     def columns_height(self, height):
    409.         self.__columns_padding_height = height
    410.         self.on_queue_draw_area()
    412.     @columns_height.getter
    413.     def  columns_height(self):
    414.         return self.__columns_padding_height
    416.     @columns_height.deleter
    417.     def columns_height(self):
    418.         del self.__columns_padding_height
    420. class ItemEventArgs(object):
    421.     def __init__(self):
    422.         self.cr = None
    423.         self.select_items = []
    424.         # 鼠标的起点和结束点.
    425.         self.start_x = 0
    426.         self.start_y = 0
    427.         self.end_x   = 0
    428.         self.end_y   = 0
    429.         self.state   = 0 # 状态.
    430.         # item.
    431.         self.item    = None
    432.         # Bounds
    433.         self.x =  0
    434.         self.y =  0
    435.         self.w =  0
    436.         self.h =  0
    439. class SubItemEventArgs(object):
    440.     def __init__(self):
    441.         self.cr = None
    442.         self.item = None
    443.         self.sub_item = None
    444.         self.sub_item_index = None
    445.         self.double_items = None
    446.         self.motion_items = None
    447.         self.single_items = None
    448.         self.text = ""
    449.         self.text_color = "#000000"
    450.         self.text_align = Text.LEFT
    451.         self.draw_text = draw_text
    452.         self.x = 0
    453.         self.y = 0
    454.         self.w = 0
    455.         self.h = 0
    457. class ColumnHeaderEventArgs(object):
    458.     def __init__(self):
    459.         self.cr     = None
    460.         self.column = None
    461.         self.column_index = 0
    462.         self.text = ""
    463.         self.text_color = "#000000"
    464.         self.text_align = Text.LEFT
    465.         self.draw_text = draw_text
    466.         self.x = 0
    467.         self.y = 0
    468.         self.w = 0
    469.         self.h = 0
    471. if __name__ == "__main__":
    473.     def test_btn_clicked(widget):
    474.         #listview1.items.clear()
    475.         #listview1.columns[3].width += 5
    476.         #listview1.items.add_range([["微软", "男", "程序员", "美国"]])
    477.         #listview1.items[0].sub_items.add("fdjkf")
    478.         #listview1.items[0].sub_items[0].text = "我爱你,精灵..."
    479.         listview1.begin_update()
    480.         for i in range(0, 20000):
    481.             #listview1.items.add_insert(0, [[str(i), "男", "程序员", "美国" + str(i)]])
    482.             listview1.items.add_range([[str(i),
    483.                                         "男",
    484.                                         "程序员",
    485.                                         "美国" + str(i),
    486.                                         "你是" + str(i),
    487.                                         "#FF" + str(i),
    488.                                         "#ED" + str(i)]])
    489.         listview1.end_update()
    490.         
    491.     def listview1_test_on_draw_column_heade(e):
    492.         print "listview1_test_on_draw_column_heade.... 重绘标题头"
    494.     def listview1_test_on_draw_sub_item(e):
    495.         print "sub item..我来啦...O(∩_∩)O哈哈~..."
    497.     def test_listview_double_click(listview, double_items, row, col):
    498.         print double_items.sub_items[0], row, col
    499.         # 测试双击改变第一个文本.
    500.         #listview.items[row].sub_items[0].text = "明天"
    501.         # 测试删除双击下的items.
    502.         #listview.items.remove(double_items)
    503.         # 测试在指定位置插入items.
    504.         #listview.items.add_insert(row + 1, [["long", "fjdkf", "fjdkf"]])
    505.         # 测试改变标题头高度.
    506.         #listview.columns_height += 5
    508.     def test_listview_motion_notify(listview, motion_items, row, col):
    509.         if col == None:
    510.             col = 0
    511.         print motion_items.sub_items[col].text, row, col
    513.     def test_listview_single_click(listview, single_items, row, col):
    514.         print single_items.sub_items[0].text
    516.     win = gtk.Window(gtk.WINDOW_TOPLEVEL)
    517.     win.connect("destroy", lambda w : gtk.main_quit())
    518.     win.set_size_request(500, 500)
    519.     listview1 = ListView()
    520.     listview1.connect_event("double-click",  test_listview_double_click)
    521.     listview1.connect_event("motion-notify", test_listview_motion_notify)
    522.     listview1.connect_event("single-click",  test_listview_single_click)
    523.     #listview1.connect_event("
    524.     #listview1.items_height = 130
    525.     #listview1.columns_height = 150
    526.     # 连接主要绘制函数.
    527.     #listview1.on_draw_column_heade =  listview1_test_on_draw_column_heade
    528.     #listview1.on_draw_sub_item     =  listview1_test_on_draw_sub_item
    529.     listview1.columns.add("姓名")
    530.     listview1.columns.add_range(["性别", "职业", "国籍", "企业", "前景", "背景",
    531.                                  "性别", "职业", "国籍", "企业", "前景", "背景",
    532.                                  "性别", "职业", "国籍", "企业", "前景", "背景",
    533.                                 ])
    534.     listview1.items.add("皮卡丘")
    535.     listview1.items[0].sub_items.add("男")
    536.     listview1.items[0].sub_items.add("宠物")
    537.     listview1.items[0].sub_items.add("宠物国")
    538.     listview1.items.add_range([["张飞", "男", "武士", "蜀国"],
    539.                               ["孙策", "男", "骑士", "吴国", "aaa", "b", "c", "d", "f"]])
    540.     listview1.items.add_range([["求伯灿", "男", "程序员", "中国"],
    541.                               ["linus", "男", "内核开发", "荷兰"]])
    542.     #
    543.     scroll_win = gtk.ScrolledWindow()
    544.     scroll_win.add_with_viewport(listview1)
    545.     vbox = gtk.VBox()
    546.     test_btn = gtk.Button("test")
    547.     test_btn.connect("clicked",  test_btn_clicked)
    548.     vbox.pack_start(scroll_win, True, True)
    549.     vbox.pack_start(test_btn, False, False)
    550.     win.add(vbox)
    551.     win.show_all()
    552.     #
    553.     listview1.columns[0].width = 245
    554.     listview1.columns[2].width = 145
    555.     listview1.columns[2].text = "职位"
    556.     gtk.main()
    Copy the Code
    listview.py_002.png
    listview.py_004.png

    完全吸取了DEEPIN-UI和C#的优点.
    已经分层.数据层是数据层... ....
    换成QT或者其他界面库都没有什么事情.
    后面要添加5中视图,这是第一种视图.
    使用begin_update 防止连续重绘.
    在进行大数据添加的时候,这个是需要的.
    比如添加 100000 个items, 或者1000000000个items.这时只是数据在添加, 由数据层发送通知给控制层, 控制层再控制绘制层,来绘制出我们需要的东西.

    visual python 的第一个控件.
    Reply Favorite View the author
    All Replies
    a287740928
    deepin
    2013-03-26 20:05
    #1
    搞个控件外观图比较直观点，这个不懂啊
    Reply View the author
    vala2012
    deepin
    2013-03-26 21:29
    #2
    搞个控件外观图比较直观点，这个不懂啊


    已经搞了图片了,
    一直没有时间去给visual python造控件,
    前几个月造了一个 时间控件, Timer.
    现在差不多有空了,
    要造一些常用的控件.
    不用去set_text, get_text.. 感激没有必要, 直接text就好了.
    listview.columns[0].text = "fjdskf" 这样就可以改变视图,非常方便,
    不用再去添加 listview.queue_draw() 来进行重绘...

    你感觉这样方便吗?
    listview.columns[0].set_text("fjdskf")
    print listview.columns[0].get_text()

    width = listview.columns[0].get_width()
    listview.columns[0].set_width(width + 10)

    还是这样.
    list.........text = "fjsdkf"
    print listview..text
    listview.columns[0].width += 10

    重载
    listview1.on_draw_column_heade =  listview1_test_on_draw_column_heade (这个是你写的函数)
    listview1.on_draw_sub_item          =  listview1_test_on_draw_sub_item (这时是你写的函数)
    你需要做的很简单.
    对我给你的返回值,进行各种各样的自绘, 你想搞什么,都可以, 画进度条, 画选择框, 画BUTTON, 都可以.
    Reply View the author
    New Thread

    Popular Events

    More
    国际排名
    WHLUG