ボタンを押したら、背景の色を変える機能(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日までに何か作って、登録しよう。