kivy (python) [kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - Screen Manager

2024.12.20 15:35

졸리운_곰 조회 수:509

[kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - Screen Manager

파이썬 키비 앱 만들기

- Screen Manager -

참고 사이트

키비 공식 문서 :

- 메인 페이지, https://kivy.org/doc/stable/

- 스크린 매니저, https://kivy.org/doc/stable/api-kivy.uix.screenmanager.html

 

- 코드 참고, https://kivy.programmingpedia.net/en/tutorial/6097/using-the-screen-manager

 

위젯(Widget) : Screen Manager 개요

스크린 매니저(Screen Manager)는 애플리케이션의 여러 화면을 관리하기 위한 전용 위젯으로 기본 스크린 매니저는 한 번에 한 화면만 표시하고 TransitionBase를 사용하여 한 화면에서 다른 화면으로 전환한다.

​

화면 관리자인 스크린 매니저 위젯은 화면 좌표 / 스케일 변경 또는 사용자 지정 셰이더를 사용하여 멋진 애니메이션 수행을 기반으로 여러 전환이 지원한다.

위젯(Widget) : Screen Manager 코드 예제

다음 예제는 스크린 매니저 위젯을 이용해 페이지를 앞 뒤로 이동시켜 페이지 번호를 확인하는 예제다.

- 코드 주소 :

 

from kivy.app import App from kivy.uix.label import Label from kivy.uix.button import Button from kivy.uix.boxlayout import BoxLayout from kivy.uix.screenmanager import ScreenManager, Screen from kivy.uix.screenmanager import SlideTransition class CustomScreen(Screen): def __init__(self, **kwargs): super(CustomScreen, self).__init__(**kwargs) layout = BoxLayout(orientation='vertical') layout.add_widget(Label(text=self.name, font_size=50)) # Add another layout to handle the navigation # and set the height of navigation to 20% # of the CustomScreen navig = BoxLayout(size_hint_y=0.2) # Create buttons with a custom text prev = Button(text='Previous') next = Button(text='Next') # Bind to 'on_release' events of Buttons prev.bind(on_release=self.switch_prev) next.bind(on_release=self.switch_next) # Add buttons to navigation # and the navigation to layout navig.add_widget(prev) navig.add_widget(next) layout.add_widget(navig) # And add the layout to the Screen self.add_widget(layout) def switch_prev(self, *args): self.manager.transition = SlideTransition(direction="right") self.manager.current = self.manager.previous() def switch_next(self, *args): self.manager.transition = SlideTransition(direction="right") self.manager.current = self.manager.next() class ScreenManagerApp(App): def build(self): root = ScreenManager() for x in range(4): root.add_widget(CustomScreen(name='Screen %d' % x)) return root if __name__ == '__main__': ScreenManagerApp().run()

코드를 실행하면 스크린 1부터 다음 버튼과 이전 버튼을 눌러 화면을 전환할 수 있다. 다음 버튼을 눌러

- 스크린 1 -> 2 -> 3 -> 0 순서로 이동된다.

 
 
 
 
 
00:22
 
Kivy_ScreenManager
재생545
좋아요0
 
 
Kivy_ScreenManager

위젯(Widget) : Screen Manager 코드 분석

불러오는 모듈은

 

모듈 이름

설명

from kivy.app import App

키비 앱 실행을 위한 모듈

from kivy.uix.label import Label

from kivy.uix.button import Button

현재 화면 정보를 표시할 라벨

화면을 이동하기 위한 버튼

from kivy.uix.boxlayout import BoxLayout

화면을 박스 레이아웃으로 구성함

from kivy.uix.screenmanager import ScreenManager, Screen

화면 관리자 호출

from kivy.uix.screenmanager import SlideTransition

화면 넘길 때 애니메이션 효과 주기

메인 클래스는 ScreenManagerApp으로 root에 스크린 매니저를 선언하고 4번 반복해 스크린을 추가한다.

추가한 클래스는 CustomScreen 클래스다. 각 스크린은 반드시 이름이 부여되어야 한다.

class ScreenManagerApp(App): def build(self): root = ScreenManager() for x in range(4): root.add_widget(CustomScreen(name='Screen %d' % x)) return root if __name__ == '__main__': ScreenManagerApp().run()

CustomScreen 클래스를 나눠 살펴보자. 각 화면 레이아웃은 BoxLayout 구성이며 세로(vertical) 형식으로 설정한다. 각 레이아웃에 화면 이름을 가진 라벨을 50크기로 추가한다.

class CustomScreen(Screen): def __init__(self, **kwargs): super(CustomScreen, self).__init__(**kwargs) layout = BoxLayout(orientation='vertical') layout.add_widget(Label(text=self.name, font_size=50))

구성된 레이아웃에서 navig에도 박스레이아웃으로 설정하며 size_hint는 고정 크기 위젯을 모드 뺀 후 사용 가능한 공간을 사용하도록 설정하는 것이다. navig 아래 이전 버튼과 다음 버튼을 선언하고 버튼을 누르면 수행될 이전과 다음 화면 호출 기능이 담긴 클래스를 바인딩한다.

navig = BoxLayout(size_hint_y=0.2) # Create buttons with a custom text prev = Button(text='Previous') next = Button(text='Next') # Bind to 'on_release' events of Buttons prev.bind(on_release=self.switch_prev) next.bind(on_release=self.switch_next)

바인딩된 각 위젯을 차례로 추가한다.

# Add buttons to navigation # and the navigation to layout navig.add_widget(prev) navig.add_widget(next) layout.add_widget(navig) # And add the layout to the Screen self.add_widget(layout)

이전과 다음 화면으로 이동할 클래스다. 스크린 매니저 위젯의 previous() 함수와 next() 함수를 이용한다. 이동될 때 이동되기 전에 호출한 SlideTransition 모듈로 direction으로 전환 방향을 설정해 화면 전환을 구성한다.

def switch_prev(self, *args): self.manager.transition = SlideTransition(direction="right") self.manager.current = self.manager.previous() def switch_next(self, *args): self.manager.transition = SlideTransition(direction="right") self.manager.current = self.manager.next()

위젯(Widget) : Screen Manager 제공 함수

제공 이벤트(Event) :

Events:

on_pre_enter: ()

화면이 사용되려고 할 때 시작되는 이벤트: 입력 애니메이션이 시작된다.

on_enter: ()

화면이 표시될 때 발생하는 이벤트: 입력 애니메이션 완료를 표시한다.

on_pre_leave: ()

화면이 제거될 때 시작되는 이벤트: 나가는 애니메이션

on_leave: ()

화면이 제거되면 시작되는 이벤트: 나가는 애니메이션이 완료됨

Events:

on_progress: Transition object, progression float

전환 애니메이션 중 전환도 표시

on_complete: Transition object

전환이 완료되면 시작

=> https://kivy.org/doc/stable/api-kivy.uix.screenmanager.html

 

[출처] https://m.blog.naver.com/PostView.naver?blogId=dsz08082&logNo=222065319808&navType=by

 

 

 

 

 

[kivy (python)] [Python] 파이썬 키비(kivy) 앱 개발 - Screen Manager

파이썬 키비 앱 만들기

경축! 아무것도 안하여 에스천사게임즈가 새로운 모습으로 재오픈 하였습니다.
어린이용이며, 설치가 필요없는 브라우저 게임입니다.
https://s1004games.com

- Screen Manager -

참고 사이트

키비 공식 문서 :

- 메인 페이지, https://kivy.org/doc/stable/

- 스크린 매니저, https://kivy.org/doc/stable/api-kivy.uix.screenmanager.html

 

- 코드 참고, https://kivy.programmingpedia.net/en/tutorial/6097/using-the-screen-manager

 

위젯(Widget) : Screen Manager 개요

스크린 매니저(Screen Manager)는 애플리케이션의 여러 화면을 관리하기 위한 전용 위젯으로 기본 스크린 매니저는 한 번에 한 화면만 표시하고 TransitionBase를 사용하여 한 화면에서 다른 화면으로 전환한다.

​

화면 관리자인 스크린 매니저 위젯은 화면 좌표 / 스케일 변경 또는 사용자 지정 셰이더를 사용하여 멋진 애니메이션 수행을 기반으로 여러 전환이 지원한다.

위젯(Widget) : Screen Manager 코드 예제

다음 예제는 스크린 매니저 위젯을 이용해 페이지를 앞 뒤로 이동시켜 페이지 번호를 확인하는 예제다.

- 코드 주소 :

 

from kivy.app import App from kivy.uix.label import Label from kivy.uix.button import Button from kivy.uix.boxlayout import BoxLayout from kivy.uix.screenmanager import ScreenManager, Screen from kivy.uix.screenmanager import SlideTransition class CustomScreen(Screen): def __init__(self, **kwargs): super(CustomScreen, self).__init__(**kwargs) layout = BoxLayout(orientation='vertical') layout.add_widget(Label(text=self.name, font_size=50)) # Add another layout to handle the navigation # and set the height of navigation to 20% # of the CustomScreen navig = BoxLayout(size_hint_y=0.2) # Create buttons with a custom text prev = Button(text='Previous') next = Button(text='Next') # Bind to 'on_release' events of Buttons prev.bind(on_release=self.switch_prev) next.bind(on_release=self.switch_next) # Add buttons to navigation # and the navigation to layout navig.add_widget(prev) navig.add_widget(next) layout.add_widget(navig) # And add the layout to the Screen self.add_widget(layout) def switch_prev(self, *args): self.manager.transition = SlideTransition(direction="right") self.manager.current = self.manager.previous() def switch_next(self, *args): self.manager.transition = SlideTransition(direction="right") self.manager.current = self.manager.next() class ScreenManagerApp(App): def build(self): root = ScreenManager() for x in range(4): root.add_widget(CustomScreen(name='Screen %d' % x)) return root if __name__ == '__main__': ScreenManagerApp().run()

코드를 실행하면 스크린 1부터 다음 버튼과 이전 버튼을 눌러 화면을 전환할 수 있다. 다음 버튼을 눌러

- 스크린 1 -> 2 -> 3 -> 0 순서로 이동된다.

 
 
 
 
 
00:22
 
Kivy_ScreenManager
재생545
좋아요0
 
 
Kivy_ScreenManager

위젯(Widget) : Screen Manager 코드 분석

불러오는 모듈은

 

모듈 이름

설명

from kivy.app import App

키비 앱 실행을 위한 모듈

from kivy.uix.label import Label

from kivy.uix.button import Button

현재 화면 정보를 표시할 라벨

화면을 이동하기 위한 버튼

from kivy.uix.boxlayout import BoxLayout

화면을 박스 레이아웃으로 구성함

from kivy.uix.screenmanager import ScreenManager, Screen

화면 관리자 호출

from kivy.uix.screenmanager import SlideTransition

화면 넘길 때 애니메이션 효과 주기

메인 클래스는 ScreenManagerApp으로 root에 스크린 매니저를 선언하고 4번 반복해 스크린을 추가한다.

추가한 클래스는 CustomScreen 클래스다. 각 스크린은 반드시 이름이 부여되어야 한다.

class ScreenManagerApp(App): def build(self): root = ScreenManager() for x in range(4): root.add_widget(CustomScreen(name='Screen %d' % x)) return root if __name__ == '__main__': ScreenManagerApp().run()

CustomScreen 클래스를 나눠 살펴보자. 각 화면 레이아웃은 BoxLayout 구성이며 세로(vertical) 형식으로 설정한다. 각 레이아웃에 화면 이름을 가진 라벨을 50크기로 추가한다.

class CustomScreen(Screen): def __init__(self, **kwargs): super(CustomScreen, self).__init__(**kwargs) layout = BoxLayout(orientation='vertical') layout.add_widget(Label(text=self.name, font_size=50))

구성된 레이아웃에서 navig에도 박스레이아웃으로 설정하며 size_hint는 고정 크기 위젯을 모드 뺀 후 사용 가능한 공간을 사용하도록 설정하는 것이다. navig 아래 이전 버튼과 다음 버튼을 선언하고 버튼을 누르면 수행될 이전과 다음 화면 호출 기능이 담긴 클래스를 바인딩한다.

navig = BoxLayout(size_hint_y=0.2) # Create buttons with a custom text prev = Button(text='Previous') next = Button(text='Next') # Bind to 'on_release' events of Buttons prev.bind(on_release=self.switch_prev) next.bind(on_release=self.switch_next)

바인딩된 각 위젯을 차례로 추가한다.

# Add buttons to navigation # and the navigation to layout navig.add_widget(prev) navig.add_widget(next) layout.add_widget(navig) # And add the layout to the Screen self.add_widget(layout)

이전과 다음 화면으로 이동할 클래스다. 스크린 매니저 위젯의 previous() 함수와 next() 함수를 이용한다. 이동될 때 이동되기 전에 호출한 SlideTransition 모듈로 direction으로 전환 방향을 설정해 화면 전환을 구성한다.

def switch_prev(self, *args): self.manager.transition = SlideTransition(direction="right") self.manager.current = self.manager.previous() def switch_next(self, *args): self.manager.transition = SlideTransition(direction="right") self.manager.current = self.manager.next()

위젯(Widget) : Screen Manager 제공 함수

제공 이벤트(Event) :

Events:

on_pre_enter: ()

화면이 사용되려고 할 때 시작되는 이벤트: 입력 애니메이션이 시작된다.

on_enter: ()

화면이 표시될 때 발생하는 이벤트: 입력 애니메이션 완료를 표시한다.

on_pre_leave: ()

화면이 제거될 때 시작되는 이벤트: 나가는 애니메이션

on_leave: ()

화면이 제거되면 시작되는 이벤트: 나가는 애니메이션이 완료됨

Events:

on_progress: Transition object, progression float

전환 애니메이션 중 전환도 표시

on_complete: Transition object

전환이 완료되면 시작

=> https://kivy.org/doc/stable/api-kivy.uix.screenmanager.html

 

[출처] https://m.blog.naver.com/PostView.naver?blogId=dsz08082&logNo=222065319808&navType=by

 

 

 

 

 

 

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.
이 게시물을
목록
목록
쓰기
태그
대표 김성준 주소 : 경기 용인 분당수지 U타워 등록번호 : 142-07-27414
통신판매업 신고 : 제2012-용인수지-0185호 출판업 신고 : 수지구청 제 123호 개인정보보호최고책임자 : 김성준 sjkim70@stechstar.com
대표전화 : 010-4589-2193 [fax] 02-6280-1294 COPYRIGHT(C) stechstar.com ALL RIGHTS RESERVED