2016-02-04 5 views
19

問題のビデオをフェードが、その同じアンドロイド白背景キーボードは異なるユーザから離れ

http://imgur.com/ca2cNZv

とき、私のように設定された背景画像は以下の持っている:

.pane { 
    background-image: url("../img/inner-banner-bg.jpg"); 
    background-repeat: repeat; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 
} 

そして、私の中にconfig.xml

<preference name="Fullscreen" value="false"/> 

今問題は次のとおりです。私はdone/searchを打った後にキーボードが消え去ると、キーボードが覆っていたスペースのためのトランジションの間に0.5のような白い背景が残っていて、少し悪く見えます。

キーボードを閉じると、収縮しますが、白い隙間が残ります。バックグラウンドの背後のビューを縮小しないようにキーボードを取得するにはどうすればよいですか?

私はそれが起こらない

<preference name="Fullscreen" value="true"/> 

を設定します。また、Ionic Plugin Keyboardも使用しています。

とにかく私はキーボードのフェードアウトの移行を行うことができます白い背景を表示しますか?

編集:ここに私のAndroidの設定

<activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.DeviceDefault.NoActionBar" android:windowSoftInputMode="adjustResize"> 
      <intent-filter android:label="@string/launcher_name"> 
       <action android:name="android.intent.action.MAIN" /> 
       <category android:name="android.intent.category.LAUNCHER" /> 
      </intent-filter> 
     </activity> 

そして、私のconfig設定

<access launch-external="yes" origin="geo:*"/> 
    <allow-intent href="geo:*"/> 
    <preference name="webviewbounce" value="false"/> 
    <preference name="UIWebViewBounce" value="false"/> 
    <preference name="DisallowOverscroll" value="true"/> 
    <preference name="android-minSdkVersion" value="16"/> 
    <preference name="BackupWebStorage" value="none"/> 
    <preference name="SplashScreen" value="screen"/> 
    <preference name="SplashScreenDelay" value="4000"/> 
    <preference name="FadeSplashScreen" value="false"/> 
    <preference name="ShowSplashScreenSpinner" value="true"/> 
    <preference name="KeyboardShrinksView" value="false"/> 

そして私はイオンビューを使用自分のWebビューでPackage.json

"dependencies": { 
    "gulp": "^3.5.6", 
    "gulp-sass": "^2.0.4", 
    "gulp-concat": "^2.2.0", 
    "gulp-minify-css": "^0.3.0", 
    "gulp-rename": "^1.2.0" 
    }, 
    "devDependencies": { 
    "bower": "^1.3.3", 
    "gulp-util": "^2.2.14", 
    "shelljs": "^0.3.0" 
    }, 
    "cordovaPlugins": [ 
    "cordova-plugin-device", 
    "cordova-plugin-console", 
    "cordova-plugin-whitelist", 
    "cordova-plugin-splashscreen", 
    "cordova-plugin-statusbar", 
    "cordova-plugin-geolocation", 
    "cordova-plugin-network-information", 
    "ionic-plugin-keyboard" 
    ], 
    "cordovaPlatforms": [ 
    "android", 
    "ios" 
    ] 

中ですおよびイオン含有量

<ion-view> 
    <ion-content class="has-header has-tabs"> 
+0

白い背景が消えない潜在的な回避策は、たとえばキーボード入力キーまたはフォームイベントのイベントハンドラなど、キーボードを閉じる場所に次のコードを追加することです。また、依存関係として '$ ionicScrollDelegate'を追加する必要があります。 'if(cordova){cordova.plugins.Keyboard.close(); } $ ionicScrollDelegate.getScrollView()。resetScrollView() ' – Webruster

+0

まだ白い背景のページにジャンプがありません – StevieB

+0

チェックしましたか?デバッガはその行に行きますか? – Webruster

答えて

8

AndroidManifestでxmlファイルはadjustNothingwindowSoftInputMode属性を設定しよう:

android:windowSoftInputMode="adjustNothing" 

それは、ソフトキーボードがオンのときにコルドバのWebViewのサイズ変更を避け、私のイオニア式のプロジェクトのために働いていました。

+1

これは確かに問題を解決して解決策に最も近いものですが、サイズ変更を行わないという唯一の欠点は、入力ボックスを見ることが時折困難ですが、私はこの選択肢の制限を考えています – StevieB

+1

さて、白い背景とちらつきがありますが、実際にはサイズが変更されていないため、ポップアップのボタンが表示されないことがあります。 – StevieB

+0

残念ながらキーボードショートの白いbkgrdは、サイズ変更が遅すぎるCordovaのWebviewの問題だと思います。 – beaver

0

「App.js」に次のコードを追加します。 add

$window.addEventListener('native.keyboardhide', function (event) { 
    $rootScope.$broadcast('native.keyboardhide', event); 
}); 

app.run()メソッドが$ windowと$ rootScope依存関係で呼び出されたときに追加します。また、$ ionicPlatform.ready()に

if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) { 
     cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true); 
     cordova.plugins.Keyboard.disableScroll(true); 
    } 

を追加します。

アプリを調べてコードが更新されていることを確認してください。更新されていない場合は、プラットフォームを削除して追加してアプリを再構築してみてください。

+0

キーボードがフェードしたときに効果がまだ白い背景にならない – StevieB

+0

これは、キーボードが下の領域を隠してしまい、要素が下に見えません – Chisko

0

はねえ、これは

<ion-content class="padding has-header has-footer" overflow-scroll="false"> 

それを修正する関連トピック必要がありますあなたは、イオンコンテンツにオーバーフロースクロール=「false」に追加する必要があり、この

するための簡単な回避策はありIonicforum

+0

にスクロールすることはできません。キーボードが消えてから約0.5秒かかるキーボードのスペースを占める白い背景を取り除いた後も、やはり試みられました。 – StevieB

+0

これは奇妙です。あなたはフォーラムの投稿を見ましたか?私は同じ問題を抱えていたので、イオン流動の代わりにイオンスクロールを使ってオーバーフロースクロールが働いたと言われました。 – stackg91

+0

Yupもイオンスクロールを試みましたが、違いはありません。キーボードが閉じるたびに、私はその白い背景のちらつきを得ました。 – StevieB

1

これはあなたのwindowBackgroundが貫通していることです。あなたはおそらく、そのティールの背景を持つテーマの白い背景を描いています。可能であれば、より良い背景色を含むようにテーマを修正し、可能であればレイアウトから背景を削除して、描画のパフォーマンスを向上させます。

<style name="MyAppTheme" parent="Theme.DeviceDefault.NoActionBar"> 
    ... 
    <item name="android:windowBackground">#ff000000</item> 
    ... 
</style> 
+0

にスクロールすることはできません。 – StevieB

+0

私はCordova(またはIonic)プロジェクトでstyles.xmlを見たことがありません。私はCordova用のXwalk Pluginにstyles.xmlを持っていますが、それは別のものです... – beaver

1

入れ:ウィンドウの再サイズ自体はAndroidManifestソフトの入力領域

使用android:windowSoftInputMode="adjustNothing"ための余地を作るためにためのstyles.xmlで

<style name="AppTheme" parent="AppBaseTheme"> 
    <item name="android:windowBackground">@drawable/gradient</item> 
</style> 

source

+0

イオンプロジェクトのどこにでもスタイルxmlが表示されません – StevieB

0

そのことが起こります。 xml

<activity android:windowSoftInputMode="adjustNothing" 
.. 
... 
</activity> 
関連する問題