Snippet kv : ActionBar

Présentation

Le Widget « ActionBar » a été ajouté dans la version 1.8 de Kivy et nécessite une petite configuration pour ressembler aux jolies applications iOS ou Android.

 

Composition

 

Pour réaliser ce composant, il faut :

  • Ajouter une image de fond sur l’ActionBar « PNG noire avec une transparence de 25% » (elle peut faire 1×1 pixel). Elle nous permettra de voir l’image de fond (en dessous) et de faire une séparation nette de l’entête.
  • Ajouter les widgets dans l’ActionView :
    • ActionPrevious
    • ActionOverflow
    • ActionButton

Le widget « ActionOverflow » prendra toute la place nécessaire pour pousser le dernier widget « ActionButton » le plus à droite possible.

 

Code kv

ActionBar:
	background_image: "images/empty-25b.png"
	pos_hint: {'top':1}
	ActionView:
		use_separator: True
		ActionPrevious:
			title: 'Localité'
			previous_image: "images/ic_action_previous_item.png"
			app_icon: "images/app-icon.png"
			on_press: root.go_back()

		ActionOverflow:

		ActionButton:
			text: 'Refresh'
			icon: "images/ic_action_refresh.png"
			on_press: root.refresh()

 

 

 

 

2 réflexions au sujet de « Snippet kv : ActionBar »

  1. Salut. Je suis un débutant en kivy.
    Je désire faire une application de géolocalisation qui doit tourner sur mobile.
    J’aimerai :
    - Retourner ma position actuelle
    - Rechercher en fonction de ma proximité géographique,
    - Afficher un chemin sur une carte.
    j’aimerai bien avoir un tutoriel complet avec exemples si c’est possible.
    Merci par avance.

    • Bonjour,
      Tu peux regarder ce que j’ai fait pour mon application « LocalGuide » :
      http://julien.coron.free.fr/?p=664

      Tu pourras trouver le code source, hébergé par GitHub (lien dan s l’article), le télécharger et installer l’application. Il y a le lien pour télécharger un package pour Android dans l’article.

      Il y a les fonctionnalités suivantes :
      – trouver la position GPS du mobile
      – afficher une carte avec des points

      De plus, je sais qu’il y a le calcul des distances dans la bibliothèque KiviMaps.
      http://relet.github.io/kivyMaps/

      Je t’invite à regarder ce qu’ont fait d’autres personnes pour faire ton propre code (copier-coller + adaptation). Si tu veux qu’on reste en contact pour ton projet, pas de soucis pour te débloquer.

      Cordialement,
      Julien

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

*

Vous pouvez utiliser ces balises et attributs HTML : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>