2011-04-07 11 views
3

私は、Titanium Mobile(iPhone)のGUIのレイアウトに少し問題があります。高さ/幅/位置/スクロール/等の方法を説明するガイド/記事がありますか?チタンモバイルで動作しますか?私はその下の上部でImageViewの、およびテーブルビューでスクロール可能なウィンドウをしたいレイアウトの質問Titanium Mobile

  1. は、今私は2つの問題にこだわっています。彼らは一緒にスクロールする必要があります。 ScrollViewに追加してScrollViewをウィンドウのサイズに拡大しようとしましたが、ImageViewは画面の上部に固定され、TableViewは画面の下半分にスクロール可能ですが、すべてが一緒にスクロールする必要がありますウィンドウ内で

  2. iPhoneの「連絡先」アプリに似た編集可能なグループ化されたTableViewを作成したいと思います。左の青いラベルについては、ラベルを作成してTableRowに追加し、残りの行にテキストフィールドを追加しました。これはうまくいきますが、ラベルにはテキストに合わせるための十分な大きさの「自動」幅と左と右のパディングのビットを付けることができます。ラベルの幅を 'auto'に設定します。これはトリックを行いません)。

私は、そうでない場合はコメントを残して、私はいくつかのスクリーンショットを視覚的に問題を記述してあげる、私の質問は、はっきりしている願っています。

ありがとうございました!

答えて

8

0)いいえ、いい場所には「レイアウト」のドキュメントはありません。

1)ディスプレイ全体を表にします。イメージビューをテーブルのheaderViewに配置します。それは私がこれをしなかった方法は次のとおりです。

screenshot

2)私は、テキストフィールドのことは知らないが、申し訳ありません。しかし、フォールバックとして、上記のようなラベルを作成し、別のフォームに別のフォームを読み込むことができます。それはあなたの最もシンプルな/最良の選択肢かもしれません。

+0

答えてくれてありがとう、私はそれを試してみよう! – Chris

+0

どのように背景色を変更しましたか? –

+0

私はそれが '透明な'設定だと確信しています。それはあなたが意味することですか?ここに私の関連するコードですが、私は信じています。var record_view = Titanium.UI.createTableView({ \tトップ:0、 \t headerView:headerView、 \tのbackgroundColor: '透明' \tスタイル:GROUPED_TABLE_STYLE、 \t separatorColor:TABLE_SEP_COLOR }); – Dogweather

3
var baseScrollView = Ti.UI.createScrollView({ 
    top:0, 
    contentWidth:'auto', 
    contentHeight:'auto', 
    showVerticalScrollIndicator:true, 
    showHorizontalScrollIndicator:false, 
    backgroundColor:'white', 
    scrollType : 'vertical' 
}); 

var iv = Ti.UI.createImageView({ 
    borderRadius:10, 
    top:10, 
    width:300, 
    height:300, 
    image:currentWindow._rowObject["image"] 
}); 
baseScrollView.add(iv); 

var data = []; 

tableView = Titanium.UI.createTableView({ 
    top:320, 
    height:400, 
    scrollable: false, 
    data:data, 
    touchEnabled : true, 
    allowsSelection : false, 
    font: { 
    fontFamily:"Trebuchet MS", 
    fontSize:12 
    }, 
    style : Titanium.UI.iPhone.TableViewStyle.GROUPED 
}); 
baseScrollView.add(tableView);