首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >键盘淡出时的Android白色背景

键盘淡出时的Android白色背景
EN

Stack Overflow用户
提问于 2016-02-04 20:46:30
回答 6查看 6.3K关注 0票数 22

来自不同用户的问题视频,但它是相同的

http://imgur.com/ca2cNZv

我有一个背景图片,如下所示:

代码语言:javascript
复制
  .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中

代码语言:javascript
复制
<preference name="Fullscreen" value="false"/>

现在我遇到的问题是,当我点击完成/搜索后,键盘逐渐消失,在键盘覆盖的空间过渡期间,它留下了大约0.5的白色背景,看起来有点糟糕。

当键盘关闭时,它不会缩小,但会留下白色间隙。怎样才能让键盘不缩小背景后面的视图?

当我设置

代码语言:javascript
复制
<preference name="Fullscreen" value="true"/>

这不会发生的。我也在使用离子插件键盘。

不管怎样,我可以使键盘的过渡淡入淡出而不显示白色背景吗?

编辑:这是我的android设置

代码语言:javascript
复制
<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>

和我的配置设置

代码语言:javascript
复制
  <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"/>

在Package.json中

代码语言:javascript
复制
  "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"
  ]

在我的web视图中,我使用ion-view和ion-content

代码语言:javascript
复制
<ion-view>
    <ion-content class="has-header has-tabs">
EN

回答 6

Stack Overflow用户

发布于 2016-02-26 01:40:59

那是你的windowBackground在偷看。您可能正在使用蓝绿色背景绘制您的主题的白色背景。如果可能,请修改主题以包含更好的背景色,并从布局中删除背景以提高绘图性能。

代码语言:javascript
复制
<style name="MyAppTheme" parent="Theme.DeviceDefault.NoActionBar">
  ...
  <item name="android:windowBackground">#ff000000</item>
  ...
</style>
票数 1
EN

Stack Overflow用户

发布于 2016-02-26 05:11:08

放入:

代码语言:javascript
复制
<style name="AppTheme" parent="AppBaseTheme">
     <item name="android:windowBackground">@drawable/gradient</item>
</style>

在styles.xml source

票数 1
EN

Stack Overflow用户

发布于 2016-02-27 16:01:26

这是因为窗口会自动调整大小,以便为软输入区域腾出空间

在AndroidManifest.xml中使用android:windowSoftInputMode="adjustNothing"

代码语言:javascript
复制
<activity android:windowSoftInputMode="adjustNothing"
..
...
</activity>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/35201412

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档