Labomedia Ressources

Outils pour utilisateurs

Outils du site

Piste :
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édentesRévision précédente
Prochaine révision		Révision précédente
kivy_liste_des_elements_graphiques [2018/09/05 06:52] – [Layouts: Méthodes de dispositions des éléments graphiques] sergekivy_liste_des_elements_graphiques [2020/10/19 07:12] (Version actuelle) – Tag0 Added: python Removed: python3 serge
Ligne 1: Ligne 1:
 ======Kivy: Liste des éléments graphiques====== ======Kivy: Liste des éléments graphiques======
 +<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>
  
 Remarques: Remarques:
  
   - 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 28: 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 90: 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 131: 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 189: 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 249: 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 288: 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 333: 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 376: 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 418: Ligne 425:
 </code> </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 python sb }}
kivy_liste_des_elements_graphiques.1536130357.txt.gz · Dernière modification : 2018/09/05 06:52 de serge