appcelerator チタン フレームワークを使用してアプリをテストしようとしています。ビューを画面の中央に配置する必要があります。
私の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>
firstscreen 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はピクセル単位ですが、iOはdp単位を使用するので、どうすればこれを達成できますか? 誰かがアイデアを持っていますか?今のところアンドロイドのために私は
var platformHeight = Ti.Platform.displayCaps.platformHeight;
に
var platformHeight = Ti.Platform.displayCaps.dpi;
しかし、すべての Android 画面解像度に適しているかどうか自問します。これがベストプラクティスである場合はどうなりますか?
助けてくれてありがとう。