更改Titanium或Alloy/Appcelerator中標籤的一部分

Question

我想動態更改標籤的一部分。

這是我的代碼：

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

我希望能夠動態地改變0​​部分。 但目前我只能改變這樣整個事情：

$.lblMiles.text = "10 Miles"; 

在HTML中，我們通常使用span標籤，像這樣：

<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"; 

如果由於某種原因，你只需要更新一半，那麼你可以使用兩個標籤並將它們放置在佈局設置爲水平的視圖中。

東西看起來像這樣：

<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

您可以通過兩種三種方式

1. 有兩種不同的標籤，這樣做，從控制器
2. 您可以使用歸因字符串以及設置。 更多參考在這裏http://docs.appcelerator.com/platform/latest/#!/guide/Attributed_Strings