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