チタン：iPhoneの連絡先（編集モード）のアプリのようなフィールドを作成

Question

注：この質問の主な点は、区切り記号の別名です。それは見える必要があります。

iPhoneの連絡先（連絡先の編集）アプリにあるようなフィールドを作成する方法はありますか？

titleLabelとtextFieldを区切る区切り記号を作成したいとします。私はチタンを使用していますことを除いて...私は私がやろうとしています。これに似ていると思う

を「ファーストネームはhinttext」の代わりに|「hinttextファーストネーム」 よう 。これを行う方法はありますか？ How is iPhone Contact app's detail View implemented

@MRTと知っている人： どのようにしてこのような組み合わせのビューを作成しますか？

____________________ 
(Name | hinttext) 
-------------------- 

Answer 1

新しいTableViewRowを作成し、それをカスタマイズする必要があります。

ラベル、フィールド、イメージなどをTableViewRowに配置できます。

例：

var row = Ti.UI.createTableViewRow(); 

var label = Ti.UI.createLabel({ 
    text: "Name", 
    width: 50, 
    top: 5, 
    bottom: 5, 
    left: 5, 
    font: {fontSize:10} 
}); 
row.add(label); 

Answer 2

が、これは本当にあなたがこれを行うには2つの方法を持っているあなたに

var view1 = Ti.UI.createView({ 
    height : 50, 
    width: 150, 
    top: 5, 
    bottom: 5, 
    left: 5, 
    font: {fontSize:10} 
}); 
var text1 = Ti.UI.createTextField({ 
    hintText : 'First Name', 
    height : 50, 
    width: 75, 
    top: 0, 
    left: 0, 
    font: {fontSize:10} 
}); 
var text2 = Ti.UI.createTextField({ 
    hintText : 'hint text', 
    height : 50, 
    width: 75, 
    top: 0, 
    left: 75, 
    font: {fontSize:10} 
}); 

view1.add(text1); 
view1.add(text2); 

Answer 3

を便利にそれを試してみてください。

1. 2つのTextFieldをとり、調整（上端と左端）して結合します。 または

1テイク1つのTextField 2テイク1つのラベルおよびその幅と高さ2は、テキストフィールドの高さに等しいです。あなただけのTableViewRowを作成し、それにラベルを追加する必要が 3. TextField.add（lable1）

var win1 = Ti.UI.createWindow({ 
title : 'Window1', 
backgroundColor : '#f00', 
id : 0, 
}); 

var text1 = Ti.UI.createTextField({ 
width : 150, 
height : 50, 
borderRadius : 9, 
backgroundColor : '#fff', 
top : 50, 
left : 20, 
    }); 

var label1 = Ti.UI.createLabel({ 
width : 2, 
height : 50, 
top : 0, 
left : 75, 
}); 

text1.add(label1); 
win1.add(text1); 
win1.open(); 

Answer 4

var vline = Ti.UI.createView({ 
    height: 44, 
    width: 1, 
    top: 0, 
    left: 85, 
    backgroundColor:'#CCC' 
}); 

row.add(vline); 

Answer 5

垂直線を追加するには。この行にはテンプレートが用意されていません。しかし、それをたくさん使用する場合はラッパーを作成することができます。例：あなたがテーブルビューにデータを設定すると

var createTableViewRowWithTitleAndValue(title, value) { 

    // TableViewRow 
    row = Ti.UI.createTableViewRow({ 
     backgroundColor: "#FFFFFF" 
    }); 

    // Title 
    row.add(Ti.UI.createLabel({ 
     text: title, 
     left: 5, 
     font: { fontWeight: "bold" } 
    })); 

    // Value 
    row.add(Ti.UI.createLabel({ 
     text: value, 
     right: 5, 
     textAlign: "right" 
    })); 

} 

はその後、代わりにあなたがタイトル、必要な値で、新しいtableViewRowWithTitleAndValue作成し、新しいTableViewRowを作成します。例：

rows.push(new createTableViewRowWithTitleAndValue("Foo", "Bar"));