[XPLATFORM] Chap08_MLM

Chap08_01_01_MLM-MLM

 

MLM(Multi Layout Manager)

 

하나의 소스로 다양한 상황에 맞는 디자인을 표현할 수 있도록 멀티 레이아웃을 쉽게 작성하고 자동으로 적용해주는 기능

예: 스마트폰의 가로 화면, 세로 화면이 다르지만 하나의 소스로 적용이 가능. 자동으로 화면 배치

 

프로젝트 생성 - default - 제목 : MLM - add Screen 추가 - finish

화면 만들기 - EmployeesMLM - 800,600 - Add Layout 추가(name:Android_V, Screen0 선택, width : 480, height : 800)

Add Layout(name:Android_H,  Screen0 선택, width : 800, height : 480)

 

 

하나의 화면안에 위치정보를 가진 레이아웃 두개가 있다는 뜻

 

Employees 파일에서 모든 컴포넌트 복사해서 붙여넣기

Android_V - 컴포넌트들 위치 지정하기

Android_H - 컴포넌트들 위치 지정하기

사이즈가 Resize 된다.

 

기본 속성 외에 개발자가 변경한 속성들은 볼드체로 변경됨

레이아웃에서 기본 속성 외에 변경한 속성들은 볼드체+파란색으로 변경됨

 

 

가로 화면

세로 화면

 

 

Chap08_01_02_MLM-Sublayout

 

Div, PopupDiv, TabPage 등도 MLM 기능(SubLayout)을 가질 수 있다.

 

MLM project > ScreenInfo > 우클릭 > insert Screen > Screen1(iPhone용) > 테마(blue.xtheme) > 저장

 

EmployeesMLM Default 우클릭 > Layout List > Add Layout > 

Add Layout 추가(name:iOS_V, Screen1 선택, width:320, height:480)

Add Layout(name:iOS_H,  Screen1 선택, width:480, height:320)

 

컴포넌트 위치를 재설정, Div 우클릭 > Sub Layout Edit 선택 > +버튼 눌러 SubLayout을 새로 만든다.  > apply size & end edit 선택

 

                                        

 

Chap08_01_03_MLM-Step

 

스마트폰의 홈 화면처럼 구간별로 나누어서 보여주는 기능을 제공. 슬라이드 형식.

 

실습

화면 생성 : EmployeesSTEP - 320, 480 - finish

한개의 화면을 복수개로 볼 수 있게 하는 기능 : Layout Infomation > step Count > 2 입력

왼쪽에는 Grid, 오른쪽에는 Div

왼쪽에 있는 타이틀과 버튼들을 오른쪽 화면과 같이 공유하려면 Position > positionstep > -1 입력

step 컴포넌트가 자동으로 생성되기 때문에 하단 부분에는 여백을 남겨놔야한다.