【问题标题】:Phonegap - Ignore font-size display setting on AndroidPhonegap - 忽略 Android 上的字体大小显示设置
【发布时间】:2014-11-18 20:54:29
【问题描述】:

我在通过配置更改字体大小显示设置时遇到了一些 android 设备的问题。

在网络浏览器中,我的应用程序很简单,忽略了这一点。其他一些手机也是如此。

但是对于某些特定的手机(例如摩托罗拉 G 或 X),更改此配置也会影响我的 Phonegap 应用。

我不知道如何避免这种情况以使应用看起来一致

【问题讨论】:

  • 如果您覆盖用户的字体大小设置,您将忽略基本的用户体验规则。
  • 没错,但即使在原生 android 应用程序中,您也可以选择使用 sp 或 dp 字体值。而且当在浏览器上运行应用程序时,它的行为就像我想要的那样。是在我遇到问题时在 Cordova App 中运行时
  • 我的意思是,主要问题是因为某些手机制造商决定考虑用户显示设置而其他人没有。所以我的应用程序最终会出现跨设备的视觉不一致。 @斯塔克

标签: android cordova ionic-framework


【解决方案1】:

我找到了一个使用这个 cordova 插件的解决方案:com.phonegap.plugin.mobile-accessibility

您必须遵循插件的安装说明,然后才能在 Ionic 应用程序中使用它。您只需确保在 Cordova 'deviceready' 回调之后调用其函数(在下面的示例中由 $ionicPlatform.ready 访问):

angular.module('app').controller('IndexController', function ($ionicPlatform, $window) {

    $ionicPlatform.ready(function(){
        if($window.MobileAccessibility){
            $window.MobileAccessibility.usePreferredTextZoom(false);
        }
    });
});

【讨论】:

  • 我已按照以下步骤进行
  • 我已按照安装步骤进行操作,但每次运行项目时,应用都会通知未安装 MobileAccessibility。我不知道究竟是什么问题。我试图寻找解决方案,但没有解决任何打开的问题。
  • 你知道其他方法吗?
【解决方案2】:

对于任何使用 Ionic 的人。文档是here

安装

$ ionic cordova plugin add phonegap-plugin-mobile-accessibility
$ npm install --save @ionic-native/mobile-accessibility

添加到模块,即app.module.ts

import { MobileAccessibility } from 'ionic-native';


@NgModule({
    providers:[MobileAccessibility]
});

在 app.component.ts 中

constructor( mobileAccessibility: MobileAccessibility, platform: Platform) {

    platform
      .ready()
      .then(()=>{
          mobileAccessibility.usePreferredTextZoom(false);
      });

}

【讨论】:

    猜你喜欢
    • 2012-02-08
    • 2023-01-22
    • 1970-01-01
    • 2022-12-03
    • 2014-12-07
    • 2021-10-26
    • 2016-08-10
    • 2012-08-06
    • 2013-06-12
    相关资源
    最近更新 更多