Posted by 홍반장
jQuery = Ext Core
jQueryUI = Ext JS
jQueryMobile = Sencha Touch
- 개발 환경 구축은?
<link rel="stylesheet" href="/resources/css/sencha-touch.css" type="text/css">
<script type="text/javascript" src="/js/sencha-touch.js"></script>
- 초기화 처리
Ext.setup(
{
// 환경 설정 정보들~
tabletStartupScreen:"images/tabletStartupScreen.png",
phoneStartupScreen:"images/phoneStartupScreen.png",
tabletIcon:"images/tabletIcon.png",
phoneIcon:"images/phoneIcon.png",
glossOnIcon: true,
statusBarStyle:"black",
fullscreen:true,
preloadImages:[],
scope:this,
onReady: function()
{
시작~
}
}
- 환경정보들은?
fullscreen - Boolean
- 전체 화면 설정 여부
tabletStartupScreen - String
- iPad의 시작 이미지의 경로 크기는 768 × 1004 세로로하지 않으면 안됨.
phoneStartupScreen - String
- iPhone 및 iPod touch 용 부팅 이미지 경로 320 × 460에 세로로하지 않으면 안됨.
icon - String
- 태블릿과 스마트폰 모두에 사용되는 아이콘 이미지 경로 72 × 72이 좋은
tabletIcon - String
- 태블릿용 아이콘 이미지 경로 이곳을 icon으로 설정되는 이미지보다 우선 72 × 72가된다.
phoneIcon - String
- 스마트폰 아이콘 이미지 경로 이곳을 icon으로 설정되는 이미지보다 우선 57 × 57이다.
glossOnIcon - Boolean
- iPhone, iPad and iPod Touch 아이콘에 광택 효과 여부.
statusBarStyle - String
- iOS web 애플 리케이션의 상태 표시줄에 대한 스타일 설정 default, black, black - translucent 중 하나를 선택.
preloadImages - Array
- 미리 이미지 경로 배열 (자세한 내용은 추후 조사)
onReady - Function
- DOM 생성 후에 실행되는 함수. 애플 리케이션의 시작 지점이되는 경우가 많다.
scope - Scope
- 범위 설정
Posted by 홍반장