Pyloid 공식문서
GithubLanguage
  • 💎Pyloid란 무엇인가?
  • 시작하기
    • 사전 요구사항
    • 프로젝트 생성하기
  • API
    • Python (백엔드)
      • Pyloid
      • BrowserWindow
      • PyloidAPI
      • Monitor
      • TrayEvent
      • 유틸리티 함수
    • Javascript (프론트엔드)
      • WindowAPI
      • EventAPI
  • 가이드
    • 커스텀 보일러플레이트 만들기
    • 웹뷰 로드하기
    • JS에서 Python 호출하기
    • Python에서 JS 호출하기
    • 키보드 단축키
    • 알림
    • 트레이
    • 타이머
    • 파일 감시
    • 클립보드
    • 창 위치
    • 개발자 도구
    • 창 사용자 정의
    • 자동 시작
    • 프로덕션 유틸리티
    • 데스크탑 모니터
    • 파일 다이어로그
    • 스플래시 스크린
    • 스레드
    • ⚡pyside를 사용하여 API 커스터마이징
    • 테마
    • 빌드 가이드
      • Pyloid-React-Vite
      • Pyloid-HTML-Boilerplate
Powered by GitBook
On this page
  • 기본 설정
  • 사용 예시
  1. 가이드

창 사용자 정의

data-pyloid-drag-region 속성을 사용하여 HTML 요소를 드래그 가능하게 만들 수 있습니다. 아래는 이 속성을 사용하여 창 제목 표시줄을 사용자 정의하는 방법에 대한 설명입니다.

기본 설정

먼저, main.py에서 창을 생성할 때 기본 프레임을 제거하기 위해 frame=False 인수를 전달합니다.

window = app.create_window(title="드래그 가능 영역", frame=False)

HTML 문서에서 드래그 가능하게 만들고 싶은 요소에 data-pyloid-drag-region 속성을 추가합니다. 예를 들어, div 요소에 이 속성을 다음과 같이 추가할 수 있습니다:

<div data-pyloid-drag-region>드래그 가능 영역</div>

사용 예시

다음은 data-pyloid-drag-region 속성을 사용하여 드래그 가능한 영역을 포함하는 HTML 문서의 예시입니다:

<!DOCTYPE html>
<html lang="ko">
  <head>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0"
    />
    <script src="qrc:///qtwebchannel/qwebchannel.js"></script>
    <script>
      document.addEventListener('pyloidReady', function () {
        console.log('pyloidReady');
      });
    </script>
    <title>드래그 가능 영역</title>
  </head>
  <body>
    <div data-pyloid-drag-region>드래그 가능 영역</div>
    <h1>안녕하세요</h1>
  </body>
</html>

이와 같이 data-pyloid-drag-region 속성을 사용하면 원하는 요소를 드래그 가능한 영역으로 설정할 수 있습니다. 이를 통해 창 제목 표시줄을 자유롭게 사용자 정의할 수 있습니다.

Previous개발자 도구Next자동 시작

Last updated 7 months ago