2011-09-01 5 views
3

Senahc Touch를 사용하여 Android 기기 용 웹 앱을 만들고 스플래시 화면을 표시하려고합니다. 나는 아이폰 splashscreen을 지정할 수있는 Ext.Setup 속성을 가진 Sencha 프레임 워크를 사용하고있었습니다. 이 매개 변수를 작동 시키려고 멈추었으며 표준 HTML5 메타 태그를 사용하여 스플래시 화면을로드하려고합니다. 누구든지 Android HTML 스플래쉬 scren을 기본 HTML5 앱이나 완전히 Sencha 앱에 표시 할 수 있습니까?Android 스플래시 화면 WepApp Sencha

<!doctype html> 
<html> 
    <head> 
<meta charset="utf-8" /> 

<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 

<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
<link rel="apple-touch-startup-image" href="TSplash.gif" /> 

<script src="sencha-touch.js" type="text/javascript"></script> 
<link href="sencha-touch.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript"> 

       new Ext.Application({ 
          launch: function() { 
           new Ext.Panel({ 
            fullscreen : true, 
            html  : 'Hello World_7!' 
         }); 
        } 
       }); 
    </script> 
</head> 
<body></body> 
</html> 

답변

2

한 가지 방법은 html 본문에 배경 이미지를 추가하는 것입니다. 시작시 활동이 시작되기 전에 잠깐 보게됩니다 :

<HTML> 
    <head> 
     <title>Contacts</title> 
     <script type="text/javascript" src="sencha-touch.js"></script> 
     <link href="sencha-touch.css" rel="stylesheet" type="text/css" /> 
     <script type="text/javascript" src="phonegap-1.1.0.js"></script> 

     <script type="text/javascript" src="app/app.js"></script> 
     <link href="app/app.css" rel="stylesheet" type="text/css" /> 


    </head> 
    <body bgcolor="0000" style="background-image: url(TSplash.gif);"></body> 
</HTML>