チタンまたは合金/ Appceleratorのラベルの一部を変更する

Question

ラベルの一部を動的に変更したいと考えています。

これは私のコードです：

<View top="0" height="115"> 
    <Label id="lblMiles" left="15" textAlign="right" right="15" top="0" height="55"> 
     {distance} Miles 
    </Label> 
</View> 

は私が動的に{distance}部分を変更することができるようにしたいです。私たちは、通常そのようにspanタグを使用してHTMLで

$.lblMiles.text = "10 Miles"; 

： しかし現在、私はこのような全体のことを変更することができます

<div id="lblMiles"><span id="distance"></span> Miles</div> 

がどのように私は、合金中の類似した何かを行うことができますか？

Answer 1

それは私までだったら、私はあなたが、あなたは半分だけをアップデートする必要があるいくつかの理由であれば

$.lblMiles.text = "10 Miles"; 
// and then later on to update it to 15 
$.lblMiles.text = "15 Miles"; 

、単にテキスト全体をリセットし、半分だけのラベルを更新については可能性が心配しないだろうが2つのラベルを使用してレイアウトを水平に設定したビューに配置します。

このように見て何か：

<View top="0" height="115"> 
    <View height="Ti.UI.SIZE" width="Ti.UI.SIZE" layout="horizontal"> 
     <Label id="dynamicLabel" /> 
     <Label id="lblMiles" > Miles</Label> 
    </View> 
</View> 

、その後、あなたのコードでは、単に実際の値に設定ダイナミックラベル更新：あなたが果たすべき画面上のラベルを配置するために今すぐ

$.dynamicLabel.text = "15"; 

をコンテナの左、右、上、下の属性に基づいています。

Answer 2

次の2つの三つの方法

1. によってこれを行うことができますは、二つの異なるラベルを持っていて、同様に起因する文字列を使用することができ、コントローラ
2. からそれを設定します。 詳細参照はこちらhttp://docs.appcelerator.com/platform/latest/#!/guide/Attributed_Strings