Сенсорная прокрутка Tkinter Python - PullRequest
2 голосов
/ 16 мая 2019

Я делаю приложение для киоска для малины пи на питоне с 7-дюймовым сенсорным экраном.Все работает хорошо, и сейчас я пытаюсь сделать так, чтобы прокрутка работала на сенсорных экранах.Я знаю, что Rasbian не имеет должного сенсорного интерфейса, поэтому каждое прикосновение к экрану работает как щелчок мыши, и если я касаюсь пальцем экрана, он работает как функция перетаскивания.

Toсделать это на Python Я использую мой модифицированный код версии Вертикальная прокрутка кадра с использованием холста, и мне нужно добавить привязки событий <ButtonPress-1> и <B1-Motion>.

<ButtonPress-1> может сохранитьy позиция щелчка и включение функции bind_all для <B1-Motion>.

<B1-Motion> может установить настройку прокрутки вверх или вниз разницы между значением y, сохраненным с помощью <ButtonPress-1> и event.yэтого события.

<ButtonRelease-1> может отключить функцию bind_all с помощью <unbind_all> прокрутки.

Мой добавленный код событий таков, но я не знаю, какчтобы заставить его работать должным образом функцию .yview холста, чтобы заставить мою функцию работать как нужно.

def moving(event):
    #In this part I don't know how to make my effect
    self.canvas.yview('scroll',event.y,"units")

def clicked(event):
    global initialy
    initialy = event.y
    self.canvas.bind_all('<B1-Motion>', moving)

def released(event):
    self.canvas.unbind_all('<B1-Motion>')

self.canvas.bind_all('<ButtonPress-1>',clicked)
self.canvas.bind_all('<ButtonRelease-1>', released)

Ответы [ 2 ]

1 голос
/ 16 мая 2019

Взяв за основу Saad код, я изменил его, чтобы он работал на каждом SO (win, linux, mac), используя yview_moveto, и я применил некоторые модификации, как я объясняю здесь.

РЕДАКТИРОВАТЬ: Я отредактировал код, чтобы показать полный класс.

class VerticalScrolledFrame(Frame):
    """A pure Tkinter scrollable frame that actually works!
    * Use the 'interior' attribute to place widgets inside the scrollable frame
    * Construct and pack/place/grid normally
    * This frame only allows vertical scrolling

    """
    def __init__(self, parent, bg,*args, **kw):
        Frame.__init__(self, parent, *args, **kw)

        # create a canvas object and a vertical scrollbar for scrolling it

        canvas = Canvas(self, bd=0, highlightthickness=0,bg=bg)
        canvas.pack(side=LEFT, fill=BOTH, expand=TRUE)

        # reset the view
        canvas.xview_moveto(0)
        canvas.yview_moveto(0)

        self.canvasheight = 2000

        # create a frame inside the canvas which will be scrolled with it
        self.interior = interior = Frame(canvas,height=self.canvasheight,bg=bg)
        interior_id = canvas.create_window(0, 0, window=interior,anchor=NW)

        # track changes to the canvas and frame width and sync them,
        # also updating the scrollbar
        def _configure_interior(event):
            # update the scrollbars to match the size of the inner frame
            size = (interior.winfo_reqwidth(), interior.winfo_reqheight())
            canvas.config(scrollregion="0 0 %s %s" % size)
            if interior.winfo_reqwidth() != canvas.winfo_width():
                # update the canvas's width to fit the inner frame
                canvas.config(width=interior.winfo_reqwidth())
        interior.bind('<Configure>', _configure_interior)

        def _configure_canvas(event):
            if interior.winfo_reqwidth() != canvas.winfo_width():
                # update the inner frame's width to fill the canvas
                canvas.itemconfigure(interior_id, width=canvas.winfo_width())
        canvas.bind('<Configure>', _configure_canvas)

        self.offset_y = 0
        self.prevy = 0
        self.scrollposition = 1

        def on_press(event):
            self.offset_y = event.y_root
            if self.scrollposition < 1:
                self.scrollposition = 1
            elif self.scrollposition > self.canvasheight:
                self.scrollposition = self.canvasheight
            canvas.yview_moveto(self.scrollposition / self.canvasheight)

        def on_touch_scroll(event):
            nowy = event.y_root

            sectionmoved = 15
            if nowy > self.prevy:
                event.delta = -sectionmoved
            elif nowy < self.prevy:
                event.delta = sectionmoved
            else:
                event.delta = 0
            self.prevy= nowy

            self.scrollposition += event.delta
            canvas.yview_moveto(self.scrollposition/ self.canvasheight)

        self.bind("<Enter>", lambda _: self.bind_all('<Button-1>', on_press), '+')
        self.bind("<Leave>", lambda _: self.unbind_all('<Button-1>'), '+')
        self.bind("<Enter>", lambda _: self.bind_all('<B1-Motion>', on_touch_scroll), '+')
        self.bind("<Leave>", lambda _: self.unbind_all('<B1-Motion>'), '+')
1 голос
/ 16 мая 2019

Я изменил VerticalScrolledFrame с несколькими строками кода, который прокручивает, как вы хотите. Я протестировал код с VerticalScrolledFrame , и он отлично работает с мышью. Добавьте следующий код к VerticalScrolledFrame.

self.offset_y = 0
def on_press(evt):
    self.offset_y = evt.y_root

def on_touch_scroll(evt): 
    if evt.y_root-self.offset_y<0: 
        evt.delta = -1
    else: 
        evt.delta = 1
    # canvas.yview_scroll(-1*(evt.delta), 'units') # For MacOS
    canvas.yview_scroll( int(-1*(evt.delta/120)) , 'units') # For windows

self.bind("<Enter>", lambda _: self.bind_all('<Button-1>', on_press), '+')
self.bind("<Leave>", lambda _: self.unbind_all('<Button-1>'), '+')
self.bind("<Enter>", lambda _: self.bind_all('<B1-Motion>', on_touch_scroll), '+')
self.bind("<Leave>", lambda _: self.unbind_all('<B1-Motion>'), '+')

enter image description here

Надеюсь, вы найдете это полезным.

...