2011-09-20 3 views
11

Android 및 iOS PhoneGap 앱용 애니메이션 스플래시 화면을 추가 할 수 있습니까? Android 용 스플래시 화면 파일로 애니메이션 .gif를 추가하려고했지만 작동하지 않습니다. 나는. 애니메이션이 없습니다. 볼 수있는 유일한 것은 .gif의 첫 번째 프레임입니다.Phonegap이 포함 된 애니메이션 스플래시 화면

또한 스플래시 화면에서 어딘가에 동적 텍스트를 추가 할 수있는 방법이 있습니까? 사실이게 내가 원하는거야. 그리고 .gif를 사용하는 것이 가장 쉬운 방법으로 어떻게 할 수 있을까요? Phonegap을 사용하여 iOS 및 Android 동적 시작 화면에 대한 작업 코드 예제를 제공 할 수 있다면 더 좋을 것입니다.

답변

5

gif 애니메이션은 Android에서 지원되지 않습니다. 애니메이션은 jQuery를 사용하여 가능합니다. 이것은 당신이

  1. 는 데이터 역할을 만듭니다이 페이지 에 대한 "의 pageshow"이벤트에 대한 이벤트 리스너를 등록하고 사용하여 애니메이션을 시작하여 시작 화면 보기
  2. 를 포함 = "페이지"사업부를 할 수있는 것입니다 동일의 EventListener에서 jQuery를
  3. 자바 스크립트의 타임 아웃 함수를 호출

setTimeout('functionToLoadNewPage', 2000); //functionToLoadNewPage - function name which will load a new page using $.mobile.changePage and 2000 - number of milliseconds for splash screen to be visible

+3

그러나이 페이지는 WebView가로드 된 경우에만 표시됩니다. WebView 로딩 중에 만 표시되는 실제 스플래시 화면이 필요하다는 뜻입니다. super.setIntegerProperty ("splashscreen", ...) (Android 용)에서이 스플래쉬를 설정할 수 있지만이 방법으로 애니메이션을 만들 수는 없습니다. – SergeyT

3

내가 봤는데 검색, 나는 자바 스크립트 - 안드로이드 인터페이스를 만들고 Cordova가하는 것처럼해야한다고 생각합니다.

이는 코르도바 코드 :

public class SplashScreen extends Plugin { 

    @Override 
    public PluginResult execute(String action, JSONArray args, String callbackId) { 
     PluginResult.Status status = PluginResult.Status.OK; 
     String result = ""; 

     if (action.equals("hide")) { 
      this.webView.postMessage("splashscreen", "hide"); 
     } else if (action.equals("show")){ 
      this.webView.postMessage("splashscreen", "show"); 
     } 
     else { 
      status = PluginResult.Status.INVALID_ACTION; 
     } 
     return new PluginResult(status, result); 
    } 

그리고이 같은 자바 스크립트 throught를 호출 : ios fade out splash screen (iphone 5 friendly)

: 당신이 너무 iOS 용을 수행해야합니다,이 링크를 참조

또한
exec(null, null, "SplashScreen", "show", []); 

+0

스플래시 화면에 텍스트 또는 애니메이션을 추가하는 것이 어떻게 도움이됩니까? –

관련 문제