XPLATFORM 101

- Form > Resize


anchor 속성에 대한 부분입니다.

해당 스펙은 9.2 에서 변경이 있을 예정이지만 기본적인 개념을 익히고 나면

이후 변경사항도 쉽게 이해하실 수 있을 겁니다.


도움말을 보면 anchor 이라는 것은

부모 컴포넌트의 크기에 따라 크기를 해당 컴포넌트의 크기를 자동으로 조절되게 할지 설정하는 속성입니다.

이 속성은 Form에서 제공하는 것이 아니라 

ActiveX,  Alert,  ApplicationMenu,  Button,  Calendar,  Chart,  ChartAxis,  ChartBoard,  ChartLegend,  ChartSeries,  ChartTitle,  CheckBox,  Combo,  Confirm,  Div,  Edit,  FileDownload,  FileUpload,  FlashPlayer,  GraphicPath,  Grid,  GroupBox,  ImageViewer,  ListBox,  MaskEdit,  MediaPlayer,  Menu,  Panel,  PanelItem,  PopupMenu,  ProgressBar,  Radio,  ScrollBar,  Shape,  Sign,  Spin,  Splitter,  Static,  Step,  Tab,  TextArea,  WebBrowser  등등의 속성으로 제공되는 겁니다.



위의 그림 오른쪽에 있는 그리드에 anchor 를 설정했을 경우 윈도우의 크기가 변하면

아래와 같이 표시가 됩니다.



현재의 구조는 데스크탑 환경에서 특정 영역은 고정시키고 (메뉴같은) 콘텐츠 영역만 처리하는 경우에는 유용할 수 있습니다.

하지만 다양한 스크린 환경에 대응하기에는 제약이 있습니다.

그래서 9.2 버전에서 MLM이 등장하고 anchor 기능이 확장된 것이죠.

해당 기능에 대해서는 다음 기회에 다시 설명하도록 하구요. ^^


anchor 에는 4가지 속성이 있습니다.

bottom, left, right, top 각 속성은 부모 컴포넌트와의 고정거리를 유지하게 합니다. 

좀 혼란스러울 수 있는 것이 default 속성인데 anchor를 사용하지 않는것으로

left, top 은 true, bottom 은 false 로 동작하게 됩니다.

지정된 위치에서 부모 컴포넌트의 크기가 변하더라도 움직이지 않습니다.


* 쇼케이스의 예제는 폼이 리사이즈되지 않도록 되어 있어 테스트를 해볼 수 없습니다.

해당 소스를 직접 UX 스튜디오에서 테스트해보면 됩니다.

http://cafe.naver.com/xplatform101/219