用button 按键实现 button按键上的图片切换

1210150666

1.     <span style="line-height: 30px; text-indent: 2em;">Button{</span>

复制代码

我是这样写的，不知道有什么不足的地方或缺点，如果有更好的方法，请告诉我，谢谢。

零之光

1. Button{
   
2.     id: bt1;
   
3.     width: 100;
   
4.     height: 100;
   
5.     Image {
   
6.         id: image1;
   
7.         fillMode: Image.PreserveAspectFit;
   
8.         source: "file:./res/0.png";
   
9.     }
   
10.     property int i: 0;
    
11.     onClicked: {
    
12.         i += 1
    
13.         if(i>10){
    
14.             i = 1;
    
15.         }
    
16.         image1.source = "file:./res/"+ i +".png";
    
17.        // image1.source = "file:./res/"+i.toString()+".png";
    
18.     }
    
19. }

复制代码

sywh

不知道是贴的问题，还是网页的问题，上面的代码看起来很奇怪啊，是完整的代码吗？

1210150666

1.         Button{
   
2.             id: bt1;
   
3.             width: 100;
   
4.             height: 100;
   
5.             Image {
   
6.                 id: image1;
   
7.                 fillMode: Image.PreserveAspectFit;
   
8.                 source: "file:./res/0.png";
   
9.             }
   
10.             property int i: 1;
    
11.             onClicked: {
    
12.                 if(i>10){
    
13.                     i = 1;
    
14.                 }
    
15.                 switch(i%10)
    
16.                 {
    
17.                 case 0:
    
18.                     image1.source = "file:./res/0.png";
    
19.                     i++;
    
20.                     break;
    
21.                 case 1:
    
22.                     image1.source = "file:./res/1.png";
    
23.                     i++;
    
24.                     break;
    
25.                 case 2:
    
26.                     image1.source = "file:./res/2.png";
    
27.                     i++;
    
28.                     break;
    
29.                 case 3:
    
30.                     image1.source = "file:./res/3.png";
    
31.                     i++;
    
32.                     break;
    
33.                 case 4:
    
34.                     image1.source = "file:./res/4.png";
    
35.                     i++;
    
36.                     break;
    
37.                 case 5:
    
38.                     image1.source = "file:./res/5.png";
    
39.                     i++;
    
40.                     break;
    
41.                 case 6:
    
42.                     image1.source = "file:./res/6.png";
    
43.                     i++;
    
44.                     break;
    
45.                 case 7:
    
46.                     image1.source = "file:./res/7.png";
    
47.                     i++;
    
48.                     break;
    
49.                 case 8:
    
50.                     image1.source = "file:./res/8.png";
    
51.                     i++;
    
52.                     break;
    
53.                 case 9:
    
54.                     image1.source = "file:./res/9.png";
    
55.                     i++;
    
56.                     break;
    
57.                 }
    
58.             }
    
59.         }

复制代码