4

とにかく、Titanium Appcelerator を使用してパーセンテージを使用する場合はありますか。滑らかでレスポンシブなデザイン。そうしないと、すべてのデバイスの IF ELSE ステートメントに苦労することになります!

オリジナルコード

    WebViewWindow=Titanium.UI.createWebView({
    html:globalHTMLHeadert,
    visible:true,
    width:100%, //note I have tried also "100%" with/out comma
    left:0,
    bottom:30%,
    zIndex:400
});

私が欲しい

WebViewWindow=Titanium.UI.createWebView({
    html:globalHTMLHeadert,
    visible:true,
    width:320,
    left:0,
    bottom:150,
    zIndex:400
});
4

2 に答える 2

7

単純。

frames.jsという新しいファイルを作成します。

/*
 * Frames
 * @ We uses this framework to allow mobility for responsive design
 * @ Each variable is used and this is the width based on the device
 */
// 100%
var per100 = Math.floor(Titanium.Platform.displayCaps.platformWidth * 1.0); 
// 90%
var per90 = Math.floor(Titanium.Platform.displayCaps.platformWidth * 0.9); 
// 80%
var per80 = Math.floor(Titanium.Platform.displayCaps.platformWidth * 0.8); 
// 50%
var per50 = Math.floor(Titanium.Platform.displayCaps.platformWidth * 0.5); 
// 40%
var per40 = Math.floor(Titanium.Platform.displayCaps.platformWidth * 0.4);
// 25%
var per25 = Math.floor(Titanium.Platform.displayCaps.platformWidth * 0.25); 
// 10%
var per10 = Math.floor(Titanium.Platform.displayCaps.platformWidth * 0.10); 
// 5%
var per5 = Math.floor(Titanium.Platform.displayCaps.platformWidth * 0.05); 
// 1%
var per1 = Math.floor(Titanium.Platform.displayCaps.platformWidth * 0.01);

ここで、js ファイルに frames.js を含めます。

そのまま使用できます。これは流動的なボタンです。90%

var btngeorgia=Titanium.UI.createButton({
    color:'#d8d8d8',
    borderRadius:'2px',
    height:30,
    width:per90,
    zIndex:800,
    left:10,
    bottom:100,
    title:'Georgia',
    font:'Georgia',
});

これは、流体デバイス幅の 100% の Web ビューになります。

WebViewWindow=Titanium.UI.createWebView({
    html:globalHTMLHeadert,
    visible:true,
    width:per100,
    left:0,
    bottom:220,
    zIndex:300
});
于 2012-05-02T16:01:32.807 に答える
1

以下のサイトは開発者ブログからのものです。これは、titanium がアプリを自動的にスケーリングするように交換するために 1.7 に含まれていたプロパティについて述べています。

このオプションをオンにすると、パーセンテージなどを計算する必要がなくなります。iPhone エミュレーターで適切に表示される場合は、すべてのデバイスで同じように表示されるようにスケーリングされます。

http://developer.appcelerator.com/blog/2011/06/new-defaults-for-android-layouts-in-1-7.html

また、密度ピクセルに「15dp」を使用することについても言及しています。これにより、画面の解像度に関係なく、統一されたピクセルサイズが得られます。

最後に、アプリで実際に width:'100%' などのパーセンテージを使用できます。

http://developer.appcelerator.com/question/46501/using-percentages-to-set-sizes

これは、誰かが引用符を使用せず、後で答えを正しいとマークした投稿です

于 2012-05-03T14:23:27.547 に答える