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

위젯(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 개요

위젯(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

위젯(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()

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 = 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()

위젯(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

본 웹사이트는 광고를 포함하고 있습니다.
광고 클릭에서 발생하는 수익금은 모두 웹사이트 서버의 유지 및 관리, 그리고 기술 콘텐츠 향상을 위해 쓰여집니다.

MDAxNTk2Nzg3MzIzODYw.IEamQ7iA3e533TMznG-lZbZuEzSFPLENkbGQzF1RdQAg.1a5ggmjjRHz1wT6jaHPJX_pRiX04sUD0npx_GorC6cYg.PNG [File Size:22.5KB/Download:11]

이 게시물을

번호	제목	글쓴이	날짜	조회 수
11	[PyQT5] PyQt5 Mainwindow에 Qt Designer를 사용한 graph Widget 추가	졸리운_곰	2024.06.06	476
10	[PyQT5] [Python with Pyqt5] Widget에다가 그래프 넣기 (Feat. Matplotlib)	졸리운_곰	2024.06.06	437
9	[PyQT5] 파이썬(Python)PyQt5 - QMessageBox 사용하기	졸리운_곰	2024.06.06	455
8	[PyQT5] UI Designer 에서 Tab Widget 생성 하기	졸리운_곰	2024.06.06	420
7	[PyQT5] UI Designer 에서 리사이즈 시 같이 확장하기	졸리운_곰	2024.06.06	537
6	[PyQT5] UI Designer 에서 Grid Layout 배치 해보기	졸리운_곰	2024.06.06	474
5	[pyQT] 「Python : PyQt5」 Qt Designer : .ui → .py 변환	졸리운_곰	2024.06.05	624
4	[pyQT] Dev/python/ [pyqt5] 프로그램창을 항상 가장 위에 있게 하면서 동시에 타이틀 바도 없게 하려면?	졸리운_곰	2024.06.01	542
3	[pyQT] QtDesigner에서 리소스 편집기 사용하기	졸리운_곰	2024.05.28	499
2	[pyQT] Qt Resource 파일 (.qrc) 적용방법	졸리운_곰	2024.05.28	421
1	[pyQT] from PyQt5.QtChart import QLineSeries, QChart, QValueAxis, QDateTimeAxis ImportError: DLL load failed while importing QtChart: 지정된 모듈을 찾을 수 없습니다.	졸리운_곰	2024.01.28	430

첫 페이지 1 끝 페이지

쓰기

태그

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

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

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

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

댓글 0

로그인

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