Application mobile utilisant kivymd
Bonjour cher membres!
Je suis entrain de faire une réalisation d'une application mobile, en utilisant kivymd pour le front-end. Mais je suis bloqué au niveau de l'adaptation de mon MDBottomBar.
<HomeScreen>:
name:"accueil"
MDBottomAppBar:
MDScreen:
MDBottomNavigation:
panel_color: "#eeeaea"
selected_color_background: "orange"
text_color_active: "lightgrey"
MDBottomNavigationItem:
name: 'screen 1'
text: 'Mail'
icon: 'gmail'
badge_icon: "numeric-10"
MDBottomNavigationItem:
name: 'screen 2'
text: 'Twitter'
icon: 'twitter'
badge_icon: "numeric-5"
MDLabel:
text: 'Twitter'
halign: 'center'
MDBottomNavigationItem:
name: 'screen 3'
text: 'LinkedIN'
icon: 'linkedin'
MDLabel:
text: 'LinkedIN'
halign: 'center'
MDNavigationLayout:
MDScreenManager:
MDScreen:
orientation:"vertical"
#navigation AppBar
MDTopAppBar:
title:"DianaCarte"
#elevation: 4
pos_hint: {"top": 1}
md_bg_color: "#FFFFFF"
specific_text_color: "#FFA500"
left_action_items:
[['menu', lambda x: nav_drawer.set_state("open")]]
right_action_items:
[['images/favicon-sans-fond.png'],['bell']]
MDBoxLayout:
size_hint_y:.9
#md_bg_color:"grey"
MDScrollView:
MDBoxLayout:
size_hint_y:0.9
orientation:"vertical"
MDBoxLayout:
padding:10
spacing:2
#md_bg_color:"orange"
MDLabel:
text:"Catégories"
#catégories
MDScrollView:
do_scroll_y:False
MDBoxLayout:
size_hint_x:2
spacing:30
MDLabel:
text:"Hôtel"
halign:"center"
MDLabel:
text:"Restaurant"
MDLabel:
text:"Snack-Bar"
MDLabel:
text:"Pâtissérie"
MDLabel:
text:"Boulangéries"
MDLabel:
text:"Coiffures"
MDScrollView:
do_scroll_y:False
MDBoxLayout:
size_hint_x:6
spacing:40
padding:5
MDSmartTile:
radius: 24
box_radius: [0, 0, 24, 24]
#box_color: 1, 1, 1, .2
source: "images/hotel/la-poste.jpg"
#pos_hint: {"center_x": .5, "center_y": .5}
size_hint: None, None
size: "110dp", "110dp"
MDLabel:
text: "Hôtel de la Poste"
bold: True
color: "orange"
font_size:12
MDSmartTile:
radius: 24
box_radius: [0, 0, 24, 24]
#box_color: 1, 1, 1, .2
source: "images/restaurant/vary.jpg"
#pos_hint: {"center_x": .5, "center_y": .5}
size_hint: None, None
size: "110dp", "110dp"
MDLabel:
text: "Restaurant La Cantine"
bold: True
color: "orange"
font_size:12
MDSmartTile:
radius: 24
box_radius: [0, 0, 24, 24]
#box_color: 1, 1, 1, .2
source: "images/Snack bar/Capture.PNG"
#pos_hint: {"center_x": .5, "center_y": .5}
size_hint: None, None
size: "110dp", "110dp"
MDLabel:
text: "La terrasse cercle mess"
bold: True
color: "orange"
font_size:12
MDBoxLayout:
padding:10
spacing:2
#md_bg_color:"orange"
MDLabel:
text:"Plus visités"
#most visited
MDScrollView:
do_scroll_y:False
MDBoxLayout:
size_hint_x:7
spacing:40
padding:5
MDSmartTile:
radius: 24
box_radius: [0, 0, 24, 24]
#box_color: 1, 1, 1, .2
source: "images/most visited/Bemofo.jpg"
#pos_hint: {"center_x": .5, "center_y": .5}
size_hint: None, None
size: "110dp", "110dp"
MDLabel:
text: "BEMOFO Mahandro"
bold: True
color: "orange"
font_size:12
MDSmartTile:
radius: 24
box_radius: [0, 0, 24, 24]
#box_color: 1, 1, 1, .2
source: "images/most visited/coiffeur-Tafara.jpg"
#pos_hint: {"center_x": .5, "center_y": .5}
size_hint: None, None
size: "110dp", "110dp"
MDLabel:
text: "Coiffeur TAFARA"
bold: True
color: "orange"
font_size:12
MDSmartTile:
radius: 24
box_radius: [0, 0, 24, 24]
#box_color: 1, 1, 1, .2
source: "images/most visited/MadaDigital.png"
#pos_hint: {"center_x": .5, "center_y": .5}
size_hint: None, None
size: "110dp", "110dp"
MDLabel:
text: "Mada-Digital"
bold: True
color: "orange"
font_size:12
#Bon plan et découverte
MDGridLayout:
cols:2
spacing:20
padding:20
MDLabel:
text:"Bon Plans"
halign:"center"
MDLabel:
text:"Découvertes"
halign:"center"
FitImage:
size_hint: .2, .2
size: "110dp", "110dp"
source:"images/Bon plan/After.jpg"
FitImage:
size_hint: .2, None
size: "110dp", "110dp"
source:"images/decouverte/Ambre.jpg"
#navigation content
MDNavigationDrawer:
id: nav_drawer
radius: (0, 16, 16, 0)
MDNavigationDrawerMenu:
MDNavigationDrawerItem:
icon: "home"
text_color:"white"
text: "Accueil"
MDNavigationDrawerItem:
icon: "help"
text_color:"white"
text: "Qui sommes nous?"
MDNavigationDrawerItem:
text_color:"white"
text: "Point d'interêt!"
A voir également:
- Md_bg_color
- Nommez une application d'appel vidéo ou de visioconférence - Guide
- Desinstaller application windows - Guide
- Chaine tnt gratuite sur mobile - Guide
- Windows application démarrage - Guide
- Comment supprimer une application préinstallée sur android - Guide
1 réponse
Bonjour,
Je n'ai pas trop compris la question et ce que tu cherches à faire, et je ne connais pas kivimd... mais à tout hasard, as-tu regardé cette page et cette page ?
Bonne chance