Différences

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

--- kivy_liste_des_elements_graphiques [2018/10/25 11:46] – [ScatterLayout] serge
+++ kivy_liste_des_elements_graphiques [2020/02/04 02:18] – ↷ Liens modifiés en raison d'un déplacement. 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>
@@ Ligne 7: / Ligne 8: @@
   - 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**.
   - C'est du python, BoxLayout n'a rien à voir avec Boxlayout
@@ Ligne 31: / Ligne 32: @@
 ===== Widgets classiques pour interface utilisateur =====
-{{:kivy:Classique1.png?300|Classique1.png}}
+{{media_02:classique1.png?300|Classique1.png}}
 **classique.py**
@@ Ligne 93: / Ligne 94: @@
 ==== 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 135: @@
 ==== 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 193: @@
 ==== 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 253: @@
 ==== 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 292: @@
 ==== 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 337: @@
 ==== 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 380: @@
 ==== 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 422: @@
 </code>
+====ScrollView====
+**Défilement d'une liste de ligne**
-{{tag>kivy sb}}
+<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 python3}}