Home > 웹 콘텐츠 신기술 제작기법 > 접근성 있는 Flex 제작기법 > Flex 애플리케이션 콘텐츠 구현 예 >
사용자 UI를 고려한 제작기법
스크롤은 다량의 정보 중에서 일부를 하나의 화면에 표시하는 방법이다. 아래 그림은 상하 스크롤 바의 예제로, 4줄의 정보만을 화면에 표시하고 있다. 스크롤 창에 보이지 않는 정보를 화면에 나타내려면 Up 키와 Down 키를 이용하거나, PageUp 키와 PageDown 키를 이용하여 스크롤 시킨다. 주의할 점은 Flex 콘텐츠에서는 스크롤 바에 초점이 주어지지 않는다는 점이다.
[그림] 상하 스크롤 바 예제
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
<mx:Style>
Application {backgroundColor: #FFFFFF; fontFamily: "verdana", "돋움체"
fontSize: 12;}
</mx:Style>
<mx:VBox width="100%" height="30%">
<mx:Panel title="텍스트 스크롤 예제"
paddingTop="10" paddingLeft="10" paddingRight="10" paddingBottom="10">
<mx:VBox paddingLeft="5" verticalGap="0" width="400" height="80"
borderStyle="solid" horizontalScrollPolicy="off"tabEnabled="true" >
<mx:Label text="서울" />
<mx:Label text="대전" />
<mx:Label text="대구" />
<mx:Label text="부산" />
<mx:Label text="인천" />
<mx:Label text="광주" />
<mx:Label text="제주" />
<mx:Label text="수원" />
<mx:Label text="청주" />
</mx:VBox>
</mx:Panel>
</mx:VBox>
</mx:Application>
웹의 힘은 그것의 보편성에 있다. 장애에 구애없이 모든 사람이 접근할 수 있는 것이 필수적인 요소이다.
(The power of the Web is in its universality, Access by everyone regardless of disability is an essential aspect.)
팀 버너스 리 경 - 웹의 창시자 (Tim Berners - Lee , W3C Director and inventor of the World Wide Web)