SlideMenu.py

SlideMenu.py

# coding: utf-8
# based on @cook code https://forum.omz-software.com/topic/3181/ui-view-and-touch
# uses https://github.com/mikaelho/pythonista-gestures

import ui
from pythonista_gestures.Gestures import Gestures
	
class SideMenuSlideView(ui.View):
    def __init__(self, master_view, detail_view):
        #need to instantiate with master and detail subviews as args.
        self.touch_enabled=False # using gestures instead
        self.g=Gestures()
        self.prev_location=None 
        self.g.add_pan(self,self.did_pan)
        
        self.master = ui.View()
        self.master.frame = (0,0,250,200)
        self.master.flex = 'H' 
        self.master.background_color = 0.3
        self.master.touch_enabled = True
        master_view.width = self.master.width #otherwise it's at the default 100.
        self.master.add_subview(master_view)

        self.detail = ui.View()
        self.detail.frame = (0,0,200,200)
        self.detail.flex = 'WH'
        self.detail.background_color = 0.8
        self.detail.touch_enabled = True
        self.detail.add_subview(detail_view)
        
        self.add_subview(self.master)
        self.add_subview(self.detail)
        self.background_color = 0.8
        self.present('panel')
        
    def did_pan(self,data):
        data.prev_location=self.prev_location
        self.prev_location=(data.location)
        if data.state==1:
            self.touch_began(data)
        elif data.state==2:
            self.touch_moved(data)
        else:
            self.touch_ended(data)
            
    def touch_began(self, touch):
        self.touch_start = touch.location
        
    def touch_moved(self, touch):
        if touch.location[0] > touch.prev_location[0]:
            self.x_movement = 'right'
        elif touch.location[0] < touch.prev_location[0]:
            self.x_movement = 'left'
        if touch.location[0] > self.touch_start[0]:
            diff = int(touch.location[0] - self.touch_start[0])
            if diff < self.master.width and self.detail.x != self.master.width:
                self.detail.x = diff
            slide_percent = self.detail.x / self.master.width
            self.master.alpha = slide_percent
            
        elif touch.location[0] < self.touch_start[0]:
            diff = int(self.touch_start[0] - touch.location[0])
            if self.detail.x > 0 and diff < self.master.width:
                self.detail.x = self.master.width - diff
            slide_percent = self.detail.x / self.master.width
            self.master.alpha = slide_percent
        
    def touch_ended(self, touch):
        def slide_left():
            self.detail.x = 0
            self.master.alpha = 0
        def slide_right():
            self.detail.x = self.master.width
            self.master.alpha = 1
        if self.x_movement == 'right':
            ui.animate(slide_right, duration=0.4)
        elif self.x_movement == 'left':
            ui.animate(slide_left, duration=0.4)

master = ui.TableView()
L=ui.ListDataSource(['A','B'])
master.flex = 'WH'
master.data_source=L
master.delegate=L

detail = ui.WebView()
detail.load_url('http://www.google.com/')
detail.flex = 'WH'
detail.scales_page_to_fit = False

a = SideMenuSlideView(master, detail)