Titanium appcelerator android 和 ios 平台高度（以像素和 dp 为单位）

Question

我要用 appcelerator titanium 框架测试一个应用程序，我必须在屏幕上居中显示一个视图：

我的index.xml:

<Alloy>
<!-- Anddroid Window -->
<Window id="index" platform="android">
    <Require type="view" id="firstscreen" src="firstscreen"/>
</Window>

<!-- iOS Window -->
<NavigationWindow id="nav" platform="ios">
    <Window id="win1" backgroundColor="white">
        <Require type="view" id="firstscreen" src="firstscreen"/>
    </Window>
</NavigationWindow>

第一屏xml:

<Alloy>
 <ScrollView scrollingEnabled="false" contentWidth="Ti.UI.FILL">
  <ImageView class="fullBgImage" image="/images/login/bg2.png" />
  <View layout="vertical">
   <View id="loginView" class="heightAuto" layout="vertical">
    <ImageView id="localImage" image="/images/logo.png"  />
    <Label class="logoLabel" text="Karma" />
    <Label class="logoSlogan" text="Faits confiance à votre Karma pour booster votre carrière" />
    <View class="btn btnVert"  onClick="openCandidat"><Label class="btnLabel" text="Je recherche un job" /></View>
    <View class="btn btnBlanc" ><Label class="btnLabel bleu" text="Je suis recruteur" /></View>
   </View>
  </View>
 </ScrollView>
</Alloy>

index.js : 实现的公式是：viewTopPosition = (platformheight - viewheight)/2

if (OS_ANDROID) {
 $.index.addEventListener('open', after_win_load);
 $.index.open();
} else {
 $.nav.addEventListener('open', after_win_load);
 $.nav.open();
}

function after_win_load() {
 // Platform height
 var platformHeight = Ti.Platform.displayCaps.platformHeight;
 // The view
 var firstscreen = $.firstscreen;
 /* Taille du logo */
 firstscreenViewHeight = firstscreen.loginView.size;
 /* Centrer la vue verticalement */
 firstScreenTop = platformHeight - firstscreenViewHeight.height;
 //firstscreen.top = firstScreenTop;
 
 var style = $.createStyle({
  classes : 'firstScreenTop',
  apiName : 'View',
  top : firstScreenTop / 2
 });

 firstscreen.loginView.applyProperties(style);
}

在 iOs 上看起来不错，视图垂直居中，但在 android 中：Ti.Platform.displayCaps.platformHeight 像素值太大 = 1920

在我的 tiapp.xml 文件中我已经指定了：

<property name="ti.ui.defaultunit" type="string">dp</property>

我知道 android 是像素单位，但 iOs 使用 dp 单位，请问我该如何实现？有人有想法吗？现在 android 我替换了

var platformHeight = Ti.Platform.displayCaps.platformHeight;

到

var platformHeight = Ti.Platform.displayCaps.dpi;

但我问自己是否适合所有 android 屏幕分辨率？如果这是最佳做法？

感谢您的帮助。

Answer 1

 var densityFactor = OS_IOS ? 1 : Ti.Platform.displayCaps.logicalDensityFactor;

 var platformHeight = Ti.Platform.displayCaps.platformHeight / densityFactor;

或者直接设置top为50%

var style = $.createStyle({
    classes : 'firstScreenTop',
    apiName : 'View',
    top : "50%"
});

Titanium appcelerator android 和 ios 平台高度（以像素和 dp 为单位）

Titanium appcelerator android and ios platform height in pixels and dp

appcelerator

appcelerator-mobile

appcelerator-titanium

appcelerator-alloy