Wie kann die Schriftgröße in einem Textfeld dynamisch mit Appcelerator eingestellt werden?

Question

Mit Alloy habe ich ein Textfeld und möchte die Schriftgröße verkleinern, wenn der Benutzer mehr als 24 Zeichen eingibt, damit nichts im Textfeld abgeschnitten wird.

views.xml:

 <TextField id="ccHolder" class="fieldInput" onChange="makeFontSmaller"><Label id="cvcIcon" class="fieldIcons"/> </TextField> 

controller.js:

function makeFontSmaller(e){ 
     console.log("font size " + e.source.font.fontSize); //outputs "14dp" 
     if (e.source.value.length > 20) { 
      e.source.font.fontSize = "12dp"; //no effect 
     //$.ccHolder.value.setFont("12dp"); /no effect 
    } 
} 

Irgendwelche Ideen?

Answer 1

verwendet Das funktioniert gut, wenn Sie nur die Schriftart ändern möchten.

e.source.font = { 
    fontSize : 14 
}; 

Answer 2

[redigierte das Font-Objekt zu korrigieren]

In meiner ersten Antwort zu bearbeiten, ich naiv hatte gehofft, dass font.fontSize eine legitime Eigenschaft sein könnte, aber es ist eindeutig nicht.

Dann, nach Prashant Kommentare testete ich erfolgreich die (ausführlichere) Lösung unten, die applyProperties()

function makeFontSmaller(e){ 
    if (e.source.value.length > 20) { 
     e.source.applyProperties({font: {fontSize: "12dp"}}); 
    } 
}