2014-04-04 5 views
1

현재 인텔의 앱 프레임 워크 (이전의 jqMobi/appMobi)를 사용하여 "하이브리드"앱을 개발하고 있지만 문제가 발생했습니다. 실제 Android 기기에서 Android WebView를 실행할 때 웹 페이지가 다소 큰 스크롤바를 표시한다는 점이 실제 문제입니다. 웹 페이지에 콘텐츠가 없더라도 스크롤을 통해 아래로 스크롤 할 수 있습니다.인텔의 앱 프레임 워크는 Android WebView에서 스크롤 가능한 페이지를 보여줍니다.

Android 기기에서 브라우저를 사용하고 웹 페이지를 방문하면 Google에서 원하는대로 스크롤 할 수 없습니다.

Google HTML은 다음과 같습니다 (아래 참조) .... 페이지에서 볼 수있는 것이 아무것도 없습니다. 내가 생각 Screenshot

+0

WebView 및 사용중인 레이아웃을 구성하는 방법을 공유하십시오. 어떤 Android 플랫폼 버전을 사용하고 있습니까? – ksasq

+0

Android 4.4에서 Nexus 5를 실행 중입니다. 위의 WebView 구성을 추가했습니다 ... – Vincent

답변

0

가 좋아, 난 그냥 문제는 안드로이드 앱에 있었고,하지 ... 내가 가지고 있던 문제를 해결 한 것 같다 인텔의 앱 프레임 워크에서. 매니페스트 파일에서

, 나는 활동의 테마를 변경을 원했습니다, 그래서 나는 다음과 같은 코드를 가지고 : :) ... 나를 위해에 대한 감사를

<activity 
    android:name="nl.deburen.boodschappertje.MainActivity" 
    android:label="@string/app_name" 
    android:theme="@android:style/Theme.NoTitleBar" > <!-- THIS LINE GENERATES THE PROBLEM --> 
</activity> 

이상한 행동을하지만, 그럼에도 불구하고 해결책을 도움!

0

: 여기

mWebView = (WebView) findViewById(R.id.activity_main_webview); 

mWebView.setClickable(true); 
mWebView.setFocusableInTouchMode(true); 

mWebView.addJavascriptInterface(new WebAppInterface(MainActivity.this), "Android"); 

mWebView.setWebViewClient(new WebClientClass()); 
mWebView.setWebChromeClient(new WebChromeClass()); 

WebSettings webSettings = mWebView.getSettings(); 
webSettings.setJavaScriptEnabled(true); 
webSettings.setLoadsImagesAutomatically(true); 

이 스크린 샷에 대한 링크입니다 : 정말

<!DOCTYPE html> 
<html> 
<head> 
    <title>Demo App</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

    <script type="text/javascript" src="js/appframework.min.js"></script>  
    <script type="text/javascript" src="js/appframework.ui.min.js"></script> 

    <link rel="stylesheet" type="text/css" href="css/af.ui.min.css" /> 
</head> 

<body> 
</body> 
</html> 

웹보기는 다음과 같이 구성되어 있습니다 ... 누군가가 여기에 우리를 도울 수 있기를 바랍니다 Intel AppFramework의 이전 버전을 사용하는 경우 latest으로 시도해보십시오.

Android 4.4, Nexus5에서 문제가 표시되지 않습니다. 난 그냥 최신 CDN에 대한 링크와 함께 AppFramework 스크립트를 대체하고 코드를 테스트 :

<!DOCTYPE html> 
<html> 
<head> 
    <title>Demo App</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 

    <link rel="stylesheet" type="text/css" href="http://cdn.app-framework-software.intel.com/2.1/af.ui.css" /> 
    <link rel="stylesheet" type="text/css" href="http://cdn.app-framework-software.intel.com/2.1/icons.css" /> 
    <script type="text/javascript" charset="utf-8" src="http://cdn.app-framework-software.intel.com/2.1/appframework.ui.min.js"></script> 

</head> 

<body> 
</body> 
</html> 
+0

테스트 해 주셔서 감사합니다 ... Android 4.4에서도 Nexus 5를 사용하고 있습니다. Android 앱을 시작하고 나와 제공 한 코드로 웹 페이지를 실행하면 이전에 언급 한 것과 똑같은 문제가 발생합니다. 검은 페이지가 있지만 스크롤하려고하면 스크롤바가 나타나고 빈 페이지를 스크롤 할 수있는 것처럼 보입니다 ... 이상한 .. – Vincent