Как сделать калькулятор на Titanium

var win = Titanium.UI.currentWindow;

var cv = Ti.UI.createView({width:320,left:00,height:400,backgroundGradient:{type:'linear',colors:['#553200','#241600']}});

var solutionView = Ti.UI.createView({left:10,width:300,borderRadius:5,backgroundColor:'#fff',borderColor:'#ccc',top:30,height:60});
var solutionText = Ti.UI.createLabel({width:280,left:10,height:40,top:10,font:{fontSize:35},textAlign:'right',text:''});

solutionView.add(solutionText);

var b1 = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#888','#555']},height:60,title:1,left:10,top:100});
var b2 = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#888','#555']},height:60,title:2,left:85,top:100});
var b3 = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#888','#555']},height:60,title:3,left:160,top:100});
var bDivide = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#333','#111']},height:60,title:'/',left:240,top:100});
var b4 = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#888','#555']},height:60,title:4,left:10,top:165});
var b5 = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#888','#555']},height:60,title:5,left:85,top:165});
var b6 = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#888','#555']},height:60,title:6,left:160,top:165});
var bMultiply = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#333','#111']},height:60,title:'X',left:240,top:165});
var b7 = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#888','#555']},height:60,title:7,left:10,top:230});
var b8 = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#888','#555']},height:60,title:8,left:85,top:230});
var b9 = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#888','#555']},height:60,title:9,left:160,top:230});
var bSubtract = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#333','#111']},height:60,title:'-',left:240,top:230});
var b0 = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#888','#555']},height:60,title:'0',left:10,top:295});
var bClear = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#cc0000','#990000']},height:60,title:'C',left:85,top:295});
var bSolve = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#009900','#006633']},height:60,title:'=',left:160,top:295});
var bAdd = Ti.UI.createButton({width:70,borderRadius:5,border:'#ccc',backgroundImage:'',font:{fontWeight:'bold'},backgroundGradient:{type:'linear',colors:['#333','#111']},height:60,title:'+',left:240,top:295});

b1.addEventListener('click',function(){calc(1);});
b2.addEventListener('click',function(){calc(2);});
b3.addEventListener('click',function(){calc(3);});
b4.addEventListener('click',function(){calc(4);});
b5.addEventListener('click',function(){calc(5);});
b6.addEventListener('click',function(){calc(6);});
b7.addEventListener('click',function(){calc(7);});
b8.addEventListener('click',function(){calc(8);});
b9.addEventListener('click',function(){calc(9);});
b0.addEventListener('click',function(){calc(0);});
bDivide.addEventListener('click',function(){calc('/');});
bMultiply.addEventListener('click',function(){calc('X');});
bSubtract.addEventListener('click',function(){calc('-');});
bAdd.addEventListener('click',function(){calc('+');});
bSolve.addEventListener('click',function(){calc('solve');});
bClear.addEventListener('click',function(){calc('clear');});

// very simple calculator function
function calc(act) {
    if (act == 'solve') {
        var sol = eval(solutionText.text.replace(/X/g,'*'));
        solutionText.fontStyle = 'italic';
        solutionText.text = sol;
        Ti.UI.Clipboard.setText(sol);
    }
    else {
        solutionText.fontStyle = 'normal';
        if (act == 'clear') {
            solutionText.text = '';
        }
        else if (act == '/' || act == 'X' || act == '-' || act == '+') {
            solutionText.text += ' '+act+' ';
        }
        else
            solutionText.text += act;
    }
}

// add views
cv.add(solutionView);
cv.add(b1);
cv.add(b2);
cv.add(b3);
cv.add(bDivide);
cv.add(b4);
cv.add(b5);
cv.add(b6);
cv.add(bMultiply);
cv.add(b7);
cv.add(b8);
cv.add(b9);
cv.add(bSubtract);
cv.add(b0);
cv.add(bClear);
cv.add(bSolve);
cv.add(bAdd);

win.add(cv);

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s