通过选择器更改视图标签的字体

时间:2014-07-07 20:38:17

标签: javascript titanium-mobile

我想通过在模态窗口中添加的选择器来更改视图标签的字体(从我的字体文件夹中下载的字体集合中)。帮助。我尽我所能。在期待中感谢你。

这就是我尝试通过在picker的eventListener中设置app属性并在标签的fontFamily中获取

来做的事情。
var fontie;

     picker.addEventListener('change', function(e)
   {  
      if(e.rowIndex == 0)
       {

      var fontLabelMain ='Parisish';
      Ti.App.Properties.setString('fontie','fontLabelMain');

       }


var labelMain = Ti.UI.createLabel
({
    text: labelMainValue,
    height : '25%',
    width : 'auto',
    top : '30%',color:'#FFF',
    left : '15%',right:'10%',
    font{fontSize:100,fontFamily:Ti.App.Properties.getString('fontie')},

 });

2 个答案:

答案 0 :(得分:1)

下面...

$('select').on('change', function(){
$('textarea').css('font-family', $(this).val());
//$('input[type="text"]').css('font-family', $(this).val());

});

答案 1 :(得分:0)

var labelMain = Ti.UI.createLabel({
    text: labelMainValue,
    height : '25%',
    width : 'auto',
    top : '30%',color:'#FFF',
    left : '15%',right:'10%',
    font{
        fontSize: 100,
        fontFamily: "Parisish"
    },
});

picker.addEventListener('change', function(e){  
   if(e.rowIndex === 0){
        labelMain.setFont({
            fontSize: 100,
            fontFamily: "Parisish"
        });
   }
}

如果您有任何字体可以使用(n case = n RowIndex):

picker.addEventListener('change', function(e){  
   switch(e.rowIndex){
      case 0:
        labelMain.setFont({
            fontSize: 100,
            fontFamily: "Parisish"
        });
        break;
      case 1:
        ...
        break;
      default:
        break;
   }
}