Kivyのラベルとアイコンを統合する最も良い方法

Question

https://github.com/iconic/open-iconic アイコンは元々黒で、.png形式です。

私のキャンバスに上向きの矢印を追加したいと思います。

アイコンをインポートする方法が見つかりましたが、アイコンの色を変更できないという問題がありました。 Kivy内でアイコンの色を変更することはできますか、使用する色ごとに別の.png画像を作成する必要はありますか？

<VitalBoard>: 
canvas: 
    Color: 
     rgba: 0.17, 0.89, 0.89, 1 
     hsv: 0.48, 0.80, 0.34 
    Rectangle: 
     pos: root.width * 2/3 + 20, root.height * 13/24 + 20 
     size: root.width * 2/6 - 10 , root.height * 9/24 - 20 
Label: 
    font_size: 70 
    text: "0" 
    pos: root.width * 2/3 + 20, root.height * 13/24 + 20 
    size: root.width * 2/6 - 10 , root.height * 9/24 - 20 
    Image: 
     source: 'open-iconic/png/arrow-thick-top-8x.png' 
     pos: root.width * 2/3 + 20, root.height * 13/24 + 20 
     size: root.width * 2/6 - 10 , root.height * 9/24 - 20 
     width: 74 

Answer 1

はKivyはhttps://kivy.org/docs/api-kivy.uix.image.html#kivy.uix.image.Image.color

黒と透明がそれによって変更されていないように見える画像の色の属性を持っています。しかし、白は変更することができます。

GridLayout: 
    cols:4 
    canvas.before: 
     Color: 
      rgba: [1,1,1,1] 
     Rectangle: 
      pos: self.pos 
      size: self.size 

    Image: 
     source: 'arrow-bottom-8x.png' 
    Image: 
     source: 'arrow-bottom-8x.png' 
     color: [1,0,0,1] 
    Image: 
     source: 'arrow-bottom-8x.png' 
     color: [0,1,0,1] 
    Image: 
     source: 'arrow-bottom-8x.png' 
     color: [0,0,1,1] 
    Image: 
     source: 'download.png' 
    Image: 
     source: 'download.png' 
     color: [1,0,0,1] 
    Image: 
     source: 'download.png' 
     color: [0,1,0,1] 
    Image: 
     source: 'download.png' 
     color: [0,0,1,1] 

私はあなたが手動かkivy外で行う必要があると思います。ここをクリックしてみてください。https://stackoverflow.com/a/1616893/6646710