======Kivy: Canvas======
<WRAP center round box 60% centeralign>
**{{tagpage>kivy|Toutes les pages Kivy}}**
**[[http://translate.google.com/translate?hl=&sl=auto&tl=en&u=https%3A%2F%2Fressources.labomedia.org%2Fkivy_canvas|English Version]]**
</WRAP>
<WRAP center round box 40% centeralign>
**[[les_pages_kivy_en_details|Les pages Kivy en détails]]**
</WRAP>
===== Définition =====

=== Un canvas, ce n'est pas ===

  * Un trou noir !
  * Un puit de potentiel profond
  * Une toile infinie
  * Identique au html canvas
  * Un Rappel à tarte
  * Une pipe

Ressources nulles:

  * [[http://kivy.org/docs/guide/graphics.html#introduction-to-canvas|La doc officielle Kivy]]. Je résume: le canvas c'est comme une toile de tableau infinie, et voici le code: bordel, l'explication elle est où ?
  *[[ http://robertour.com/2013/07/19/10-things-you-should-know-about-the-kivy-canvas/|Un peu mieux sur robertour.com]]

=== Un canvas, c'est: ===

  * Un ensemble de fonctions graphiques utilisées dans le fichier kv pour gérer les couches d'affichage.
    * canvas.before sera en dessous, vers l'arrière-plan
    * canvas est la tranche de jambon du sandwich
    * canvas.after sera au dessus, vers l'avant-plan

===== Exemple: comment définir la couleur de l'arrière-plan d'un Label =====

Un Label n'a pas d'arrière plan, c'est uniquement un texte. Il faut donc rajouter un truc en dessous qui sera de la couleur désirée.

<code python>
        BoxLayout:
            size_hint_y: 0.05
            canvas:
                Color:
                    rgba: 0.2, 0.2, 0.2, 1
            Label:
                text: "Info:  {}".format(root.info)
                font_size: "16dp"
</code>
==== La propriété 'canvas' ====

Creating Apps in Kivi Mobile with python: la bonne réponse

  * Créez des animations de base en utilisant des canvas et des primitives graphiques.

<code python>
Widget:
    canvas:
        Color:
            rgb: (1, 1, 1)
        Rectangle:
            size: self.size
            pos: self.pos
</code>
Si vous voulez changer l'aspect du bouton, vous pouvez créer votre propre fichier kv et y inclure:

<code python>
<Button>:
    canvas:
        Color:
            rgb: (1, 0, 0)
        Rectangle:
            pos: self.pos
            size: self.size
        Rectangle:
            pos: self.pos
            size: self.texture_size
            texture: self.texture
</code>
Cela donnera des boutons avec un fond rouge, avec le label en bas à droite, en supplément de toutes les règles précédentes. Vous pouvez effacer toutes les instructions précédentes en utilisant la commande clear:

<code python>
<Button>:
    canvas:
        Clear
        Color:
            rgb: (1, 0, 0)
        Rectangle:
            pos: self.pos
            size: self.size
        Rectangle:
            pos: self.pos
            size: self.texture_size
            texture: self.texture
</code>
Alors ,seules les règles qui suivent la commande clear seront prises en compte.

{{tag> kivy python sb }}