夜の歌

プログラミング、音楽、本について緩く書いていきます。

ボタンを押したら、背景の色を変える機能(11月8日)

Titaniumの本を読んでいて、ボタンを押したら、背景色が変化する機能作れないかなと思い作る。

var win = Titanium.UI.createWindow({
	backgroundColor:'#ccc'
});

//犬の絵の画像。私のTwitterのアイコン
var view = Titanium.UI.createImageView({
	width:'75%',
	height:'75%',
	url:'wan.jpg',
	backgroundColor:'#fff'
});

var label = Titanium.UI.createLabel({
	color:'#999',
	top:'80%',
	text:'犬と私と'
});

var button = Ti.UI.createButton({
	title:'button',
	width:'20%',
	top:'90%'
});
win.add(button);

//Webカラーを表す文字と数字を配列に入れる
var a = ['00','33','66','99','CC','FF'];
var s;
var f;
var y;		
		

//ボタンを押したらランダムな色にしたいから、Math.random()を使う
function yo(){
	for(var i = 0;i < 3;i++){
		var b = Math.floor(Math.random() * 6);
		var c = (a[b]);
		var d = c;
		if(i === 0){
		        s = c;
		}else if(i === 1){
		        f = c;
		}else{
		        y = c;
		}
	}
};	
			
//ボタンを押すとイベントWindowの背景色が、ランダムに変わる。		
button.addEventListener('click',function(){
        yo();
	var ss = ('#'+s+f+y);
	win.setBackgroundColor(ss);
});


view.add(label);
win.add(label);
win.add(view);
win.open();

急いで書いたから、変数が適当過ぎる。。それは直そう。。

しかし、面白い。 25日までに何か作って、登録しよう。