Outils pour utilisateurs

Outils du site


kivy_liste_des_elements_graphiques

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
kivy_liste_des_elements_graphiques [2018/10/25 13:46]
serge [ScatterLayout]
kivy_liste_des_elements_graphiques [2020/02/08 13:14] (Version actuelle)
serge [Kivy: Liste des éléments graphiques]
Ligne 2: Ligne 2:
 <WRAP center round box 60% centeralign>​ <WRAP center round box 60% centeralign>​
 **{{tagpage>​kivy|Toutes les pages Kivy}}** **{{tagpage>​kivy|Toutes les pages Kivy}}**
 +**[[http://​translate.google.com/​translate?​hl=&​sl=auto&​tl=en&​u=https%3A%2F%2Fressources.labomedia.org%2Fkivy_liste_des_elements_graphiques|English Version]]**
 +</​WRAP>​
 +<WRAP center round box 40% centeralign>​
 +**[[les_pages_kivy_en_details|Les pages Kivy en détails]]**
 </​WRAP>​ </​WRAP>​
  
Ligne 7: Ligne 11:
  
   - Les éléments graphiques sont définis dans un *.kv, et non dans le main.py. La doc kivy, c'est expliquer la factorisation avec un exemple du genre y = a * (sin(x) + ln(x)) à un élève de 5ème !   - Les éléments graphiques sont définis dans un *.kv, et non dans le main.py. La doc kivy, c'est expliquer la factorisation avec un exemple du genre y = a * (sin(x) + ln(x)) à un élève de 5ème !
-  - Pour construire une application installable sur Android avec [[kivy_buildozer_pour_creer_une_application_android_avec_un_script_python|Buildozer pour créer une application Android avec un script python]], le fichier principal doit s'​appeler **main.py**. Dans les exemples ici, ils ont un nom **explicite** pour s'y retrouver.+  - Pour construire une application installable sur Android avec [[archives:kivy_buildozer_pour_creer_une_application_android_avec_un_script_python|Buildozer pour créer une application Android avec un script python]], le fichier principal doit s'​appeler **main.py**. Dans les exemples ici, ils ont un nom **explicite** pour s'y retrouver.
   - Testé sous Linux Mint 17 et **python 3.4**.   - Testé sous Linux Mint 17 et **python 3.4**.
   - C'est du python, BoxLayout n'a rien à voir avec Boxlayout   - C'est du python, BoxLayout n'a rien à voir avec Boxlayout
Ligne 31: Ligne 35:
 ===== Widgets classiques pour interface utilisateur ===== ===== Widgets classiques pour interface utilisateur =====
  
-{{:kivy:​Classique1.png?​300|Classique1.png}}+{{media_02:classique1.png?​300|Classique1.png}}
  
 **classique.py** **classique.py**
Ligne 93: Ligne 97:
  
 ==== AnchorLayout ==== ==== AnchorLayout ====
-{{:kivy:​Anchor1.png?​300|fig:​Anchor1.png}} Les éléments sont ancrés sur un point+{{media_02:anchor1.png?​300|fig:​Anchor1.png}} Les éléments sont ancrés sur un point
  
 **anchorlayout.py** **anchorlayout.py**
Ligne 134: Ligne 138:
  
 ==== BoxLayout ==== ==== BoxLayout ====
-{{:kivy:Tuto11.png?​300|fig:​Tuto11.png}} Empilement de boîtes horizontales ou verticales.+{{media_02:tuto11.png?​300|fig:​Tuto11.png}} Empilement de boîtes horizontales ou verticales.
  
 **boxlayout.py** **boxlayout.py**
Ligne 192: Ligne 196:
 ==== GridLayout ==== ==== GridLayout ====
  
-{{:kivy:Tuto22.png?​300|fig:​Tuto22.png}} Défini une grille avec des lignes et des colonnes.+{{media_02:tuto22.png?​300|fig:​Tuto22.png}} Défini une grille avec des lignes et des colonnes.
  
 **gridlayout.py** **gridlayout.py**
Ligne 252: Ligne 256:
 ==== PageLayout ==== ==== PageLayout ====
  
-{{:kivy:Page1.png?​300|fig:​Page1.png}} Pour faire tourner des pages+{{media_02:page1.png?​300|fig:​Page1.png}} Pour faire tourner des pages
  
 **pagelayout.py** **pagelayout.py**
Ligne 291: Ligne 295:
 ==== StackLayout ==== ==== StackLayout ====
  
-{{:kivy:Stack1.png?​300|fig:​Stack1.png}} Empile depuis le point défini+{{media_02:stack1.png?​300|fig:​Stack1.png}} Empile depuis le point défini
  
 **stacklayout.py** **stacklayout.py**
Ligne 336: Ligne 340:
 ==== RelativeLayout ==== ==== RelativeLayout ====
  
-{{:kivy:​Relative1.png?​300|fig:​Relative1.png}} Retourne des coordonnées relatives+{{media_02:relative1.png?​300|fig:​Relative1.png}} Retourne des coordonnées relatives
  
 **relativelayout.py** **relativelayout.py**
Ligne 379: Ligne 383:
 ==== ScatterLayout ==== ==== ScatterLayout ====
  
-{{:kivy:​Scatter1.png?​300|fig:​Scatter1.png}} {{:kivy:​Scatter2.png?​320|fig:​Scatter2.png}} Permet de déplacer des widgets.+{{media_02:scatter1.png?​300|fig:​Scatter1.png}} {{media_02:scatter2.png?​320|fig:​Scatter2.png}} Permet de déplacer des widgets.
  
 **scatterlayout.py** **scatterlayout.py**
Ligne 421: Ligne 425:
 </​code>​ </​code>​
  
 +====ScrollView====
 +**Défilement d'une liste de ligne**
 +
 +<code python extrait_de_main.py>​
 +class MainScreen(Screen):​
 +    text = StringProperty("​Mon Texte"​)
 +    def __init__(self,​ **kwargs):
 +        super().__init__(**kwargs)
 +        self.text = "Mon texte\n"​*100
 +</​code>​
 +
 +<code python scroll.kv>​
 +<​MainScreen>:​
 +    BoxLayout:
 +        orientation:​ "​vertical"​
 +        ScrollView:
 +            do_scroll_x:​ False
 +            do_scroll_y:​ True
 +            Label:
 +                id: scroll
 +                size_hint: None, None  # très important !
 +                size: self.texture_size
 +                height: self.size[1]
 +                width: self.size[0]
 +                padding: 10, 10
 +                text: root.text
 +                color: 1, 0, 0.5, 1
 +                font_size: "​20dp"​
 +</​code>​
  
-{{tag>​kivy sb}}+{{tag>​kivy sb python3}}
kivy_liste_des_elements_graphiques.1540468008.txt.gz · Dernière modification: 2018/10/25 13:46 par serge