- GroupNavigation_4: Control: Group Children: - iconHamburgerMenu_10: Control: Classic/Icon Variant: Hamburger Properties: OnSelect: =Set(IsExpand, !IsExpand) AccessibleLabel: ="Menu" BorderStyle: =BorderStyle.None Color: =RGBA(51, 51, 51, 1) DisabledFill: =iconHamburgerMenu_10.Fill FocusedBorderColor: =iconHamburgerMenu_10.BorderColor FocusedBorderThickness: =0 Height: =42 HoverBorderColor: =ColorFade(iconHamburgerMenu_10.Color, 20%) HoverColor: =ColorFade(iconHamburgerMenu_10.Color, 20%) HoverFill: =iconHamburgerMenu_10.Fill Icon: =Icon.Hamburger PaddingBottom: =12 PaddingTop: =12 PressedBorderColor: =ColorFade(iconHamburgerMenu_10.BorderColor, -20%) PressedColor: =ColorFade(iconHamburgerMenu_10.Color, -20%) PressedFill: =iconHamburgerMenu_10.Fill TabIndex: =0 Width: =50 X: =40 Y: =40 - GalleryNavigation_4: Control: Gallery Variant: galleryVertical Properties: OnSelect: |- =//O código abaixo seta a var no item selecionado mudando a cor em TemplateFill, navega para a tela escolhida /*Set(_selectedTutorial, ThisItem); If( ThisItem.Row = 1, Navigate(Screen1, BorderStyle.None), ThisItem.Row = 2, Navigate(Screen2, BorderStyle.None), ThisItem.Row = 3, Navigate(Screen3, BorderStyle.None), ThisItem.Row = 4, Navigate(Screen4, BorderStyle.None) );*/ AccessibleLabel: ="Menu" Items: | =//Essa fórmula comentada é para por no onvisible da tela ou no onstart, serve para deixar a home selecionada ao abrir o App. Se o idioma for português, substitua as vírgulas por ponto e vírgula na fórmula abaixo. /*Set( _selectedTutorial, { Row: 1, Title: "Home", Image: "data:image/svg+xml; utf-8, " & EncodeUrl($"") });*/ [{ Row: 1, Title: "Home", Image: "data:image/svg+xml; utf-8, " & EncodeUrl($"") }, { Row: 2, Title: "Sobre mim", Image: "data:image/svg+xml; utf-8, " & EncodeUrl($"") }, { Row: 3, Title: "Calendário", Image: "data:image/svg+xml; utf-8, " & EncodeUrl($"") } ] /*{ Row: 3; Title: "Calendário"; Image: "data:image/svg+xml; utf-8, " & EncodeUrl($"" }; { Row: 4; Title: "Contato"; Image: OutlookLogo16; }*/ Fill: =RGBA(0,0,0,0) Layout: =Layout.Vertical LoadingSpinnerColor: =GalleryNavigation_4.BorderColor ShowScrollbar: =false TemplateFill: =//If(ThisItem.Row = _selectedTutorial.Row, RGBA(220, 220, 220, 1), RGBA(0,0,0,0)) TemplatePadding: =0 TemplateSize: =42 Width: =If(IsExpand, 50, 200) X: =40 Y: =82 Children: - Label4_6: Control: Label Properties: OnSelect: =Select(Parent) Text: =ThisItem.Title BorderColor: =RGBA(0, 0, 0, 0) BorderStyle: =BorderStyle.None Color: =RGBA(51, 51, 51, 1) FocusedBorderColor: = Height: =42 HoverBorderColor: =Label4_6.BorderColor HoverColor: =Label4_6.Color HoverFill: =Label4_6.Fill PressedBorderColor: =Label4_6.BorderColor PressedColor: =Label4_6.Color PressedFill: =Label4_6.Fill Size: =10 TabIndex: =0 X: =50 - Image1_4: Control: Image Properties: OnSelect: =Select(Parent) Image: =ThisItem.Image FocusedBorderColor: =Image1_4.BorderColor Height: =Parent.TemplateHeight HoverBorderColor: =ColorFade(Image1_4.BorderColor, 20%) HoverFill: =ColorFade(Image1_4.Fill, 20%) PaddingBottom: =12 PaddingTop: =12 PressedBorderColor: =ColorFade(Image1_4.BorderColor, -20%) PressedFill: =ColorFade(Image1_4.Fill, -20%) Width: =50

Expandable Navigation Menu

More Snippets from this Author

Videos from this Author