본문 바로가기
개발언어/Xamarin

Xamarin Forms NavigationBar 추가

by 공장장코난 2020. 10. 24.

Xamarin Forms Single 페이지에서 Navigation Bar를 추가해 보자.
SinglePage 생성시 타이틀 바를 넣고자 할때 먼저 해당 화면에 NavigationPage를 화면에 추가한다.
#NavigationPage에 2개 이상의 Content는 넣을 수 없다.

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
                    ...>
    <NavigationPage.TitleView>
        <!-- Title과 Button을 추가할 예정으로 StackLayout을 추가한다. -->
        <Label Text="SinglePage Example"
                  HorizontalOptions="StartAndExpand"
                  VerticalOptions="CenterAndExpand"/>
        <Button x:Name="btnAddItem"
                   Text="Add"/>
    </Navigationpage.TitleView>
</ContentPage>

두번째로 App.xaml.cs에 NavigationPage를 연결 한다.
public App()
{
    InitializeComponent();
    
    //MainPage = new MainPage(); <-- 제거
    MainPage = new NavigationPage(new MainPage());
}

결과물...