xamarinフォームの作成方法クロスプラットフォームハンバーガースライドビュー

Question

私はxamarinフォームアンドロイドとiosクロスプラットフォームアプリケーションをコーディングしています。私はそれを追加したいので、ボタンを押すと、別のページにナビゲートするボタン付きのハンバーガースライドアウトナビゲーションメニューが作成されます。私はチュートリアルを見てみましたが、彼らの誰も私がかなり簡単にxamarinを新しく作ったので作成できないように説明しました。

このチュートリアルでは、hereを試してみましたが、「メインページ」と「SearchPage」と「ProfilePage」という2つのページが既に存在するため、私はそれを取得できません。ページやものを失ってしまいます。

Answer 1

まあ、基本的に、あなたは両方である（それはAndroidとXamarin.Forms上MasterにDrawerと呼ばれています）とContentView（それがXamarin.FormsにDetailと呼ばれています）「ビューをスライドさせ、」MasterDetailPageを持っています。これらのビューのそれぞれは、Xamarinのページです。

あなたはちょうどこのように、ページにこれらの二つの礼儀（マスターとディテール）を設定することにより、MasterDetailPageを作成することができます。

// MainPage here is the Propriety of the App class that controls the current displayed page 
MainPage = new MasterDetailPage 
{ 
    Master = new ContentPage { Content = new StackLayout { Children = { new Label { Text = "This is the Drawer Page!" } } } }, 
    Detail = new ContentPage { Content = new StackLayout { Children = { new Label { Text = "This is the Detail Page!" } } } } 
}; 

アプリクラスにこれを追加し、あなたが"This is the Drawer Page!"を言う引き出しを持っています"This is the Detail Page!"という詳細ページがあります。今

、あなたは、クラスでそれらContentPagesを分離し、このようなものになるだろうとします

public class MasterPage : ContentPage 
{ 
    public MasterPage() 
    { 
     Content = new StackLayout 
     { 
      Children = 
      { 
       new Label { Text = "This is the Master page!" } 
      } 
     } 
    } 
} 

public class DetailPage : ContentPage 
{ 
    public DetailPage() 
    { 
     Content = new StackLayout 
     { 
      Children = 
      { 
       new Label { Text = "This is the Detail page!" } 
      } 
     } 
    } 
} 

// And in the App constructor 
MainPage = new MasterDetailPage 
{ 
    Master = new MasterPage(), 
    Detail = new DetailPage() 
}; 

そして、それはそれだ...あなたはこのことについて、それ以上の質問は:)

気軽にお持ちの場合このコードは、アプリケーションクラスで使用することを意味している

---

編集コメント

た後、他のクラスはMainPage性質を持っていません。

あなたのメインページクラスは、あなただけのMasterDetailPageから（public class MainPage : MasterDetailPageを）MainPageを拡張して、ログイン後、代わりにナビゲーションでそれを押す、呼び出すことによって、あなたのメインページへのアプリケーションのMainPageを設定することができMasterDetailPageになりたい場合は、次の

App.Current.MainPage = new MainPage 
{ 
    Master = MasterPage(), 
    Detail = DetailPage() 
};