Application mobile utilisant kivymd

Fermé
Chaminah Messages postés 1 Date d'inscription samedi 9 septembre 2023 Statut Membre Dernière intervention 14 octobre 2023 - Modifié le 9 sept. 2023 à 12:30
mamiemando Messages postés 33536 Date d'inscription jeudi 12 mai 2005 Statut Modérateur Dernière intervention 18 février 2025 - 12 sept. 2023 à 15:49

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!"

1 réponse

mamiemando Messages postés 33536 Date d'inscription jeudi 12 mai 2005 Statut Modérateur Dernière intervention 18 février 2025 7 828
12 sept. 2023 à 15:49

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

0