안녕하세요.
CIMON 입니다.
Xpanel에서 프레임 편집기를 사용하는 방법에 대한 예제입니다.
[이럴 때 사용하시면 됩니다]
화면을 분할해서 프레임 별로 화면 전환을 시키거나 화면을 열고 싶을 때 사용하시면 됩니다.
[프로젝트 예제 작성 버전 및 주의사항]
Xpanel Ver 2.11(R100520)
Ver 2.11 프로젝트는 하위버전에서 프로젝트가 열리지 않습니다. 상위버전 사용자들은 프로젝트 업그레이드로 사용 하실 수 있습니다.
[예제 설명]
이 예제는 프레임편집기 사용 방법에 대해서 예시를 들어 보여줍니다.
CIMON 카탈로그의 페이지들을 프레임편집기를 이용하여 화면에 프레임 별로 표시되도록 해보겠습니다.
1. 카탈로그 화면으로 들어가는 Intro 페이지를 만듭니다.
Intro로 들어갈 그림을 넣고 페이지를 Intro로 저장합니다.

2. 다음과 같은 프레임을 구성하기 위해 3개의 페이지 사이즈를 정해서 구성해야 합니다.
기본이 될 3개의 페이지를 먼저 구성합니다.

3. 위 그림의 페이지1에 프레임 사이즈를 맞춰 페이지를 작성하고 배경색도 변경하여 저장합니다.
페이지1번 위치는 Main1F1으로 저장하였습니다.

4. 페이지2의 프레임 페이지를 작성합니다. Main2F1으로 저장합니다.

5. 페이지3의 프레임 페이지를 작성합니다. Main3F1으로 저장합니다.

6. 다시 프레임편집기로 돌아가서 프레임 페이지를 작성합니다.
프레임 페이지를 작성하지 않고, 각각 페이지를 불러오는 경우에는 정상적으로 동작하지 않을 수 있습니다.

7. 배경화면 중복 터치로 메인 프레임 화면으로 들어가도록 배경그림을 만듭니다.

8. 배경그림을 도구-배경그림으로 설정하고 페이지 환경 설정에서 배경화면 고정, 중첩 터치 동작 허용으로 설정합니다.

9. 화면에 들어갈 프레임 페이지들의 위치가 정확하게 입력되었으면 프레임 페이지 내 오브젝트, 기능만 변경하여 페이지를 다른 이름으로 저장 합니다.

10. 예제는 Main페이지 1번 프레임에 3개의 버튼을 넣었습니다.
각각의 버튼으로 사용될 오브젝트에 프레임페이지를 열 수 있도록 터치 기능을 넣습니다.

11. Main 페이지 2번 프레임 또한 수정하여 다른 이름으로 저장합니다.

이러한 방법으로 해당 프레임에 들어갈 여러 페이지들을 만들 수 있습니다.
12. 필요한 프레임 페이지들을 다 작성하셨으면, 꼼꼼히 페이지들을 버튼이나 스크립트, 기능들을 이용하여 페이지 전환할 수 있게끔 합니다.
그리고 도구-시뮬레이터 실행 이나 Xpanel 다운로드를 통해서 정상동작하는지 확인합니다.

예제 설명으로 충분하지 않으시다면 도움말-Graphic Page Editor-프레임 편집기를 참고하시기 바랍니다.
[적용 방법]
기존 프로젝트에 사용하시려면 다음과 같이 작업하시면 됩니다.
프레임 페이지에 들어갈 기본 페이지들을 크기에 맞춰 저장합니다.
프레임 편집기에서 프레임 구성을 설정하고 프레임 페이지를 만듭니다.
기본 프레임 페이지들을 기준으로 다른 이름으로 저장을 통하여 필요한 프레임 페이지들을 만듭니다.
프레임 페이지들이 전환될 수 있도록 버튼이나 스크립트 기능 등을 이용합니다.
모두 저장한 후 시뮬레이터 실행으로 확인합니다.
첨부 1. FrameEditorV211.zip
감사합니다.
#프레임편집기#XPANEL프레임편집기#XPANEL고정페이지#고정페이지#프로젝트예제#샘플프로젝트#XPANEL프로젝트예제#XPANEL샘플프로젝트#엑스판넬프로젝트예제#엑스판넬샘플프로젝트

















