Avatar billede mahyar Nybegynder
12. marts 2014 - 18:37 Der er 1 kommentar og
1 løsning

Opret knapper i en for-løkke

hej jeg har 10 knapper der skal oprettes hvoraf titlen på knapperne skal være fra 10 til 0. Det skal siges at det er til en ipdap-App og jeg bruger Titanium.

jeg gør det lige nu som nedenstående men jeg vil have en for-løkke der kan generere dem. Jeg har lavet en for-løkke selv som jeg også viser nedenunder, men den generer kun kun en knap med titlen "9".

Det skal siges at min for-løkke og den første kode kører jeg ikke samtidig. når jeg kører den ene, så udkommenterer jeg den anden. 

------------
Min kode
------------

var mood10 = Titanium.UI.createButton({
        title:'10',
        color: 'white',
        height:200,
        width:186,
        bottom:0,
        left: 0,
        backgroundColor: '#68da80',
        font : { fontSize: '50' }
    });
   
    mood10.addEventListener('click',function(e){
        // Create an ImageView.
        var mood10img = Ti.UI.createImageView({
            image : 'images/mood10.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood10img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
        win.add(mood10img);
    });
    var mood9 = Titanium.UI.createButton({
        title:'9',
        color: 'white',
        height:200,
        width:186,
        bottom:0,
        left: 186,
        backgroundColor: '#93da68',
        font : { fontSize: '50' }
    });
   
    mood9.addEventListener('click',function(e){
        // Create an ImageView.
        var mood9img = Ti.UI.createImageView({
            image : 'images/mood9.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood9img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
        win.add(mood9img);
    });
    var mood8 = Titanium.UI.createButton({
        title:'8',
        height:200,
        width:186,
        bottom:0,
        left: 372,
        backgroundColor: '#a6da68'
    });
  mood8.addEventListener('click',function(e){
        // Create an ImageView.
        var mood8img = Ti.UI.createImageView({
            image : 'images/mood8.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood8img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
        win.add(mood8img);
    });
   
    var mood7 = Titanium.UI.createButton({
        title:'7',
        height:200,
        width:186,
        bottom:0,
        left: 558,
        backgroundColor: '#beda68'
    });
   
    mood7.addEventListener('click',function(e){
        // Create an ImageView.
        var mood7img = Ti.UI.createImageView({
            image : 'images/mood7.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood7img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
  win.add(mood7img);
    });
    var mood6 = Titanium.UI.createButton({
        title:'6',
        height:200,
        width:186,
        bottom:0,
        left: 744,
        backgroundColor: '#dad968'
    });
    mood6.addEventListener('click',function(e){
        // Create an ImageView.
        var mood6img = Ti.UI.createImageView({
            image : 'images/mood6.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood6img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
        win.add(mood6img);
    });
    var mood5 = Titanium.UI.createButton({
        title:'5',
        height:200,
        width:186,
        bottom:0,
        left: 930,
        backgroundColor: '#dac668'
    });
    mood5.addEventListener('click',function(e){
  // Create an ImageView.
        var mood5img = Ti.UI.createImageView({
            image : 'images/mood5.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood5img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
        win.add(mood5img);
    });
    var mood4 = Titanium.UI.createButton({
        title:'4',
        height:200,
        width:186,
        bottom:0,
        left: 1116,
        backgroundColor: '#dab068'
    });
    mood4.addEventListener('click',function(e){
        // Create an ImageView.
        var mood4img = Ti.UI.createImageView({
            image : 'images/mood4.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood4img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
        win.add(mood4img);
    });
    var mood3 = Titanium.UI.createButton({
        title:'3',
        height:200,
    width:186,
        bottom:0,
        left: 1302,
        backgroundColor: '#da9e68'
    });
    mood3.addEventListener('click',function(e){
        // Create an ImageView.
        var mood3img = Ti.UI.createImageView({
            image : 'images/mood3.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood3img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
        win.add(mood3img);
    });
    var mood2 = Titanium.UI.createButton({
        title:'2',
        height:200,
        width:186,
        bottom:0,
        left: 1488,
        backgroundColor: '#da9368'
    });
    mood2.addEventListener('click',function(e){
        // Create an ImageView.
        var mood2img = Ti.UI.createImageView({
            image : 'images/mood2.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood2img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
  // Add to the view.
        win.add(mood2img);
    });
    var mood1 = Titanium.UI.createButton({
        title:'1',
        height:200,
        width:186,
        bottom:0,
        left: 1674,
        backgroundColor: '#da8668'
    });
    mood1.addEventListener('click',function(e){
        // Create an ImageView.
        var mood1img = Ti.UI.createImageView({
            image : 'images/mood1.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood1img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
        win.add(mood1img);
    });
    var mood0 = Titanium.UI.createButton({
        title:'0',
        height:200,
        width:186,
        bottom:0,
        left: 1860,
        backgroundColor: '#da6868'
    });
    mood0.addEventListener('click',function(e){
        // Create an ImageView.
        var mood0img = Ti.UI.createImageView({
            image : 'images/mood0.png',
            width : 100,
            height : 100,
  top : 300,
            left: 700
        });
        mood0img.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
        win.add(mood0img);
    });
   
    var image = Ti.UI.createImageView({
          image:'/images/smily.png',
          width:350,
        height:350,
        top: 10
    });

win.add(image);
win.add(mood0);
win.add(mood1);
win.add(mood2);
win.add(mood3);
win.add(mood4);
win.add(mood5);
win.add(mood6);
win.add(mood7);
win.add(mood8);
win.add(mood9);
win.add(mood10);

win.open();




--------------------------
min for-løkke
--------------------------

    var buttons = new Array();
  for (var i = 0; i< 10; i++) {
          buttons[i] = Titanium.UI.createButton({
            title:i,
            id:"mood"+i.toString(),
            _index: i.toString(),
            height:200,
            width:186,
            bottom:0,
            left: 0,
            backgroundColor: '#68da80',
            font : { fontSize: '50' }
        });
        win.add(buttons[i]);



        buttons[i].addEventListener('click', function(e) { 
            var mood = Ti.UI.createImageView({
            image : 'images/mood'+i.toString()+'.png',
            width : 100,
            height : 100,
            top : 300,
            left: 700
        });
        mood.addEventListener('load', function() {
            Ti.API.info('Image loaded!');
        });
        // Add to the view.
        win.add(mood); 
        });
   


}   
    var image = Ti.UI.createImageView({
          image:'/images/smily.png',
          width:350,
        height:350,
        top: 10
    });
win.add(image);
win.open();
Avatar billede mahyar Nybegynder
13. marts 2014 - 15:49 #1
Så fandt jeg svaret selv :)

her kan I se den kode der virker
--------------------------------------------

var backGroundColor = new Array();

backGroundColor[0] = '#da6868';
backGroundColor[1] = '#da8668';
backGroundColor[2] = '#da9368';
backGroundColor[3] = '#da9e68';
backGroundColor[4] = '#dab068';
backGroundColor[5] = '#dac668';
backGroundColor[6] = '#dad968';
backGroundColor[7] = '#beda68';
backGroundColor[8] = '#a6da68';
backGroundColor[9] = '#93da68';
backGroundColor[10] ='#68da80';


var itemCount = backGroundColor.length -1;

var wrapperView = Titanium.UI.createView(
    {
        backGroundColor:'transparent', height:200, layout: 'horizontal', width:'auto', bottom: 0   
    }
);
var viewMood = Titanium.UI.createView(
    {
        backGroundColor:'transparent', height:100, layout: 'horizontal', width:100   
    }
   
);

    for(var i=itemCount; i>=0; i--)
    {
           
        var buttonxx = Ti.UI.createButton({
           
            title:i,
            id:"mood"+i,           
            height:200,
            width:186,
            bottom:0,
            left: 0,
            color: 'white',
            backgroundColor: backGroundColor[i],
            font : {fontSize: '50'}
        });
           
    buttonxx.addEventListener('click', function(e) {   
     
            var mood = Ti.UI.createImageView({         
                     
            image : 'images/mood'+i+'.png',
            width : 100,
            height : 100,
            top : 0,
            left: 0           
        });
       
       
        mood.addEventListener('load', function() {
            Ti.API.info('Image loaded!');           
        });
        // Add to the view.
        viewMood.add(mood); 
        });
      wrapperView.add(buttonxx);
}       
var image = Ti.UI.createImageView({
          image:'/images/smily.png',
          width:350,
        height:350,
        top: 10
    });   
win.add(image);
win.add(wrapperView);
win.add(viewMood);
win.open();

    return (win);
}
module.exports = page2;
Avatar billede mahyar Nybegynder
13. marts 2014 - 15:50 #2
jeg skulle have valgt "svar" :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester