EzSplitter

EzSplitter

화면 분할 컴포넌트

Constructor

new EzSplitter()

Author:
  • 정민석(whitn86@gmail.com)

Members

buttonsize :number

Description:

  • 내부 버튼 크기

내부 버튼 크기

Type:
  • number

direction :"horizontal"|"vertical"

Description:

  • splitter 이동방향

    • horizontal : 수평
    • vertical : 수직

splitter 이동방향

  • horizontal : 수평
  • vertical : 수직
Type:
  • "horizontal" | "vertical"

end :number

Description:

  • 이동 가능 범위 최대값

이동 가능 범위 최대값

Type:
  • number

start :number

Description:

  • 이동 가능 범위 최소값

이동 가능 범위 최소값

Type:
  • number

(static, readonly) LOG_KEY :string

Description:

  • 로깅용 키

로깅용 키

Type:
  • string

Methods

resetPosition()

Description:

  • 위치 갱신

    • horizontal일경우 splitter에 right 값이 있을 경우 right값이 변경됩니다.
      splitter에 right 값이 없을 경우 left값이 변경됩니다.
    • vertical일경우 splitter에 bottom 값이 있을 경우 bottom값이 변경됩니다. splitter에 bottom 값이 없을 경우 top값이 변경됩니다.

setPosition(pointX, pointY)

Description:

  • 위치 설정

Parameters:
Name Type Description
pointX number

이동할 x 좌표 direction이 horizontal일경우에만 동작

  • splitter에 right 값이 있을 경우 right값이 변경됩니다.
  • splitter에 right 값이 없을 경우 left값이 변경됩니다.
pointY number

이동할 y 좌표 direction이 vertical일경우에만 동작

  • splitter에 bottom 값이 있을 경우 bottom값이 변경됩니다.
  • splitter에 bottom 값이 없을 경우 top값이 변경됩니다.

set_buttonsize(buttonsize)

Description:

  • 내부 버튼 크기 설정

Example
this.splitter.set_buttonsize(50);
Parameters:
Name Type Description
buttonsize number

내부 버튼 크기

set_direction(direction)

Description:

  • splitter 이동방향 설정

Example
this.splitter.set_direction("vertical");
Parameters:
Name Type Description
direction "horizontal" | "vertical"

splitter 이동방향

  • horizontal : 수평
  • vertical : 수직

set_end(end)

Description:

  • 이동 가능 범위 최대값 설정

Example
this.splitter.set_end(20);
Parameters:
Name Type Description
end number

이동 가능 범위 최대값

set_start(start)

Description:

  • 이동 가능 범위 최소값 설정

Example
var start = this.splitter.start;
this.splitter.set_start(20);
Parameters:
Name Type Description
start number

이동 가능 범위 최소값