kivy_liste_des_elements_graphiques
Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédenteDernière révisionLes deux révisions suivantes | ||
kivy_liste_des_elements_graphiques [2018/03/22 07:44] – [Widgets classiques pour interface utilisateur] serge | kivy_liste_des_elements_graphiques [2020/02/08 12:14] – [Kivy: Liste des éléments graphiques] serge | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
- | =====Kivy: Liste des éléments graphiques===== | + | ======Kivy: Liste des éléments graphiques====== |
+ | <WRAP center round box 60% centeralign> | ||
+ | **{{tagpage> | ||
+ | **[[http:// | ||
+ | </ | ||
+ | <WRAP center round box 40% centeralign> | ||
+ | **[[les_pages_kivy_en_details|Les pages Kivy en détails]]** | ||
+ | </ | ||
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_Comment_cr%C3%A9er_une_application_Android_pour_un_script_python|Buildozer]], | + | - Pour construire une application installable sur Android avec [[archives: |
- 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 | ||
- Les titres pointent vers la documentation officielle. Les fichiers contiennent kivycatalog, | - Les titres pointent vers la documentation officielle. Les fichiers contiennent kivycatalog, | ||
- | ==== Les fichiers sur Github et en zip ==== | + | ===== Les fichiers sur Github et en zip ===== |
- | [[https:// | + | **[[https:// |
* Cloner le git ou télécharger le zip. | * Cloner le git ou télécharger le zip. | ||
Ligne 20: | Ligne 27: | ||
Dans geany, ouvrir tous les fichiers et Excécuter les .py | Dans geany, ouvrir tous les fichiers et Excécuter les .py | ||
- | ==== Liste des éléments graphiques kivy.uix ==== | + | ===== Liste des éléments graphiques kivy.uix |
- | * [[http:// | + | * [[http:// |
* [[http:// | * [[http:// | ||
* [[http:// | * [[http:// | ||
- | ==== Widgets classiques pour interface utilisateur ==== | + | ===== Widgets classiques pour interface utilisateur |
- | {{:Classique1.png? | + | {{media_02:classique1.png? |
**classique.py** | **classique.py** | ||
Ligne 86: | Ligne 93: | ||
</ | </ | ||
- | ==== Layouts: Méthodes de dispositions des éléments graphiques ==== | + | ===== Layouts: Méthodes de dispositions des éléments graphiques ===== |
+ | * [[http:// | ||
- | == Ressources | + | ==== AnchorLayout |
- | * http:// | + | {{media_02:anchor1.png? |
- | + | ||
- | === AnchorLayout | + | |
- | + | ||
- | {{:Anchor1.png? | + | |
**anchorlayout.py** | **anchorlayout.py** | ||
Ligne 133: | Ligne 137: | ||
</ | </ | ||
- | === BoxLayout === | + | ==== BoxLayout ==== |
- | + | {{media_02:tuto11.png? | |
- | {{:Tuto11.png? | + | |
**boxlayout.py** | **boxlayout.py** | ||
Ligne 191: | Ligne 194: | ||
</ | </ | ||
- | === GridLayout === | + | ==== GridLayout |
- | {{:Tuto22.png? | + | {{media_02:tuto22.png? |
**gridlayout.py** | **gridlayout.py** | ||
Ligne 251: | Ligne 254: | ||
</ | </ | ||
- | === PageLayout === | + | ==== PageLayout |
- | {{:Page1.png? | + | {{media_02:page1.png? |
**pagelayout.py** | **pagelayout.py** | ||
Ligne 290: | Ligne 293: | ||
</ | </ | ||
- | === StackLayout === | + | ==== StackLayout |
- | {{:Stack1.png? | + | {{media_02:stack1.png? |
**stacklayout.py** | **stacklayout.py** | ||
Ligne 335: | Ligne 338: | ||
</ | </ | ||
- | === RelativeLayout === | + | ==== RelativeLayout |
- | {{:Relative1.png? | + | {{media_02:relative1.png? |
**relativelayout.py** | **relativelayout.py** | ||
Ligne 378: | Ligne 381: | ||
</ | </ | ||
- | === ScatterLayout === | + | ==== ScatterLayout |
- | {{:Scatter1.png? | + | {{media_02:scatter1.png? |
**scatterlayout.py** | **scatterlayout.py** | ||
Ligne 422: | Ligne 425: | ||
</ | </ | ||
- | ==== Extrait des exemples de la documentation officielle | + | ====ScrollView==== |
+ | **Défilement d'une liste de ligne** | ||
- | C'est bien pour voir ce que ça peut faire, mais ce ne sont pas des exemples simples. | + | <code python extrait_de_main.py> |
+ | class MainScreen(Screen): | ||
+ | text = StringProperty(" | ||
+ | def __init__(self, **kwargs): | ||
+ | super().__init__(**kwargs) | ||
+ | self.text = "Mon texte\n" | ||
+ | </ | ||
+ | <code python scroll.kv> | ||
+ | < | ||
+ | BoxLayout: | ||
+ | orientation: | ||
+ | ScrollView: | ||
+ | do_scroll_x: | ||
+ | do_scroll_y: | ||
+ | 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: " | ||
+ | </ | ||
- | {{tag> | + | {{tag> |
kivy_liste_des_elements_graphiques.txt · Dernière modification : 2020/10/19 07:12 de serge