简体   繁体   中英

Xamarin menu with ToolbarItem icon

I want to do something like this example, but i can't. I try a lot of plugins and I cant find the way to implement.

Someone know or can tell me how can I do?

I want to show a display popup menu when click in one ToolbarItem on a MasterDetailPage.

My actual app:

在此处输入图片说明

What i want:

在此处输入图片说明

I think you can take a look to SlideOverKit

public SlideDownMenuView ()
{
    InitializeComponent ();

    // You must set HeightRequest in this case
    this.HeightRequest = 600;
    // You must set IsFullScreen in this case, 
    // otherwise you need to set WidthRequest, 
    // just like the QuickInnerMenu sample
    this.IsFullScreen = true;
    this.MenuOrientations = MenuOrientation.TopToBottom;

    // You must set BackgroundColor, 
    // and you cannot put another layout with background color cover the whole View
    // otherwise, it cannot be dragged on Android
    this.BackgroundColor = Color.FromHex ("#D8DDE7");         
}

Otherwise with enter link description here

you can try with this code...

public partial class App : Application
{
    public App()
    {
        InitializeComponent();

        MasterDetailPage mdpage = new MasterDetailPage();
        mdpage.Master = new ContentPage() { Title = "Master", BackgroundColor = Color.Red };
        ToolbarItem tbi = new ToolbarItem() { Text = "POPUP" };
        tbi.Clicked += async (object sender, System.EventArgs e) => {

            StackLayout sl = new StackLayout() { HorizontalOptions = LayoutOptions.End, VerticalOptions = LayoutOptions.Start, BackgroundColor = Color.Pink, WidthRequest  = 100, HeightRequest = 200 };
            Rg.Plugins.Popup.Pages.PopupPage mypopup = new Rg.Plugins.Popup.Pages.PopupPage() {BackgroundColor = Color.Transparent };
            mypopup.Content = sl;
            await MainPage.Navigation.PushPopupAsync(mypopup);
        };
        ContentPage detail = new ContentPage() { Title = "Detail", BackgroundColor = Color.Green,  };
        detail.ToolbarItems.Add(tbi);
        mdpage.Detail = new NavigationPage(detail);
        MainPage = mdpage;
    }

    protected override void OnStart()
    {
        // Handle when your app starts
    }

    protected override void OnSleep()
    {
        // Handle when your app sleeps
    }

    protected override void OnResume()
    {
        // Handle when your app resumes
    }
}

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM