Différences

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

--- kivy_liste_des_elements_graphiques [2019/12/26 09:40] – ↷ Liens modifiés en raison d'un déplacement. serge
+++ kivy_liste_des_elements_graphiques [2020/02/08 12:14] – [Kivy: Liste des éléments graphiques] serge
@@ Ligne 2: / Ligne 2: @@
 <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_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>
@@ Ligne 31: / Ligne 35: @@
 ===== Widgets classiques pour interface utilisateur =====
-{{:kivy:Classique1.png?300|Classique1.png}}
+{{media_02:classique1.png?300|Classique1.png}}
 **classique.py**
@@ Ligne 93: / Ligne 97: @@
 ==== 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**
@@ Ligne 134: / Ligne 138: @@
 ==== 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**
@@ Ligne 192: / Ligne 196: @@
 ==== 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**
@@ Ligne 252: / Ligne 256: @@
 ==== 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**
@@ Ligne 291: / Ligne 295: @@
 ==== 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**
@@ Ligne 336: / Ligne 340: @@
 ==== 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**
@@ Ligne 379: / Ligne 383: @@
 ==== 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**
@@ Ligne 421: / Ligne 425: @@
 </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}}