자유롭게 질의 및 응답을 할 수 있는 게시판입니다. 개발자 여러분의 답변이 큰 도움이 됩니다.
- 제품설치/등록 오류 문의: 설치/등록 Q&A 이용 (제품 구매 고객 한정)
Firemonkey [공유] 기기의 크기에 맞게 레이아웃을 자동 설정하는 반응형 컴포넌트는 어떤 것이 있나요?
2015.03.19 18:09
기기의 크기에 맞게 레이아웃을 자동 설정하는 반응형 컴포넌트는 어떤 것이 있나요?
답변:
델파이에서 반응형 레이아웃을 지원하는 방식은 크게 3가지를 지원합니다.
1, 기본 컴포넌트 중 반응형 컴포넌트는 TMultiView 컴포넌트와 탭컨트롤 등이 있습니다.
2, 하지만 델파이에서는 IDE에 기본으로 포함된 멀티-디바이스 디자이너를 이용해 다양한 디바이스 해상도에 맞는 최적 UI를 만들 수 있습니다.
멀티-디바이스 디자이너를 이용하면 플랫폼 별, 해상도 별 컨트롤의 위치 크기 속성을 각각 지정할 수 있어 하나의 폼으로 폰용 레이아웃, 태블릿용 레이아웃을 각각 다르게 보이도록 디자인할 수 있습니다.
더 큰 장점은 레이아웃을 다르게 설정하더라도 하나의 코드만을 이용해 각각을 컨트롤 할 수 있습니다.
3, 그리고, 델파이의 전통적인 속성인 Align(정렬), Anchor(고정) 속성을 이용해 다양한 레이아웃에 맞는 UI를 만들 수 있다.
델파이는 전통적으로 다양한 화면을 갖는 윈도어플리케이션의 노하우를 갖고 있고 모바일에도 그런 노하우가 대부분 적용되어 있어
다른 개발도구보다 더 훌륭하게 반응형 UI를 만들 수 있다.
관련자료
- 멀티뷰 소개 : http://tech.devgear.co.kr/delphi_news/405793
- 멀티-디바이스 디자이너 소개 : http://tech.devgear.co.kr/delphi_news/405789
- 파이어몽키 컨트롤 배치
- 영문 : http://docwiki.embarcadero.com/RADStudio/XE7/en/Arranging_FireMonkey_Controls#Using_Anchors
- 번역 : https://translate.google.com/translate?sl=ja&tl=ko&js=y&prev=_t&hl=ko&ie=UTF-8&u=http://docwiki.embarcadero.com/RADStudio/XE7/ja/FireMonkey_%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB%E3%81%AE%E9%85%8D%E7%BD%AE
댓글 0
Firemonkey [공유] 기기의 크기에 맞게 레이아웃을 자동 설정하는 반응형 컴포넌트는 어떤 것이 있나요?
2015.03.19 18:09
기기의 크기에 맞게 레이아웃을 자동 설정하는 반응형 컴포넌트는 어떤 것이 있나요?
답변:
델파이에서 반응형 레이아웃을 지원하는 방식은 크게 3가지를 지원합니다.
1, 기본 컴포넌트 중 반응형 컴포넌트는 TMultiView 컴포넌트와 탭컨트롤 등이 있습니다.
2, 하지만 델파이에서는 IDE에 기본으로 포함된 멀티-디바이스 디자이너를 이용해 다양한 디바이스 해상도에 맞는 최적 UI를 만들 수 있습니다.
멀티-디바이스 디자이너를 이용하면 플랫폼 별, 해상도 별 컨트롤의 위치 크기 속성을 각각 지정할 수 있어 하나의 폼으로 폰용 레이아웃, 태블릿용 레이아웃을 각각 다르게 보이도록 디자인할 수 있습니다.
더 큰 장점은 레이아웃을 다르게 설정하더라도 하나의 코드만을 이용해 각각을 컨트롤 할 수 있습니다.
3, 그리고, 델파이의 전통적인 속성인 Align(정렬), Anchor(고정) 속성을 이용해 다양한 레이아웃에 맞는 UI를 만들 수 있다.
델파이는 전통적으로 다양한 화면을 갖는 윈도어플리케이션의 노하우를 갖고 있고 모바일에도 그런 노하우가 대부분 적용되어 있어
다른 개발도구보다 더 훌륭하게 반응형 UI를 만들 수 있다.
관련자료
- 멀티뷰 소개 : http://tech.devgear.co.kr/delphi_news/405793
- 멀티-디바이스 디자이너 소개 : http://tech.devgear.co.kr/delphi_news/405789
- 파이어몽키 컨트롤 배치
- 영문 : http://docwiki.embarcadero.com/RADStudio/XE7/en/Arranging_FireMonkey_Controls#Using_Anchors
- 번역 : https://translate.google.com/translate?sl=ja&tl=ko&js=y&prev=_t&hl=ko&ie=UTF-8&u=http://docwiki.embarcadero.com/RADStudio/XE7/ja/FireMonkey_%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB%E3%81%AE%E9%85%8D%E7%BD%AE
