2016-08-29 4 views
1

XAML이 포함 된 간단한 Xamarin Project가 있는데 Material Design을 사용하고 싶습니다. 기본적으로 활성화되어 있지만 도구 모음이 MainPage와 함께 표시되지 않습니다. 또는 xaml에서 토브 바를 추가해야합니까?Xamarin Forms에서 도구 모음을 활성화하는 방법

에서 MainPage.xaml :

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms" 
      xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml" 
      xmlns:local="clr-namespace:Material" 
      x:Class="Material.MainPage"> 
    <Label Text="Welcome to Xamarin Forms!" 
      VerticalOptions="Center" 
      HorizontalOptions="Center" /> 
    <ToolbarItem Name="Test" /> 
</ContentPage> 

style.xml :

<style name="MainTheme" parent="MainTheme.Base"> 
    </style> 
    <style name="MainTheme.Base" parent="Theme.AppCompat.Light.DarkActionBar"> 
    <item name="windowNoTitle">true</item> 
    <item name="windowActionBar">false</item> 
    <item name="colorPrimary">#2196F3</item> 
    <item name="colorPrimaryDark">#1976D2</item> 
    <item name="colorAccent">#FF4081</item> 
    <item name="windowActionModeOverlay">true</item> 
    <item name="android:datePickerDialogTheme">@style/AppCompatDialogStyle</item> 
    </style> 
    <style name="AppCompatDialogStyle" parent="Theme.AppCompat.Light.Dialog"> 
    <item name="colorAccent">#FF4081</item> 
    </style> 

Toobar.axml :

<android.support.v7.widget.Toolbar xmlns:android="http://schemas.android.com/apk/res/android" 
android:id="@+id/toolbar" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:background="?attr/colorPrimary" 
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
android:popupTheme="@style/ThemeOverlay.AppCompat.Light" /> 

Tabbar.axml

<android.support.design.widget.TabLayout xmlns:android="http://schemas.android.com/apk/res/android" 
xmlns:app="http://schemas.android.com/apk/res-auto" 
android:id="@+id/sliding_tabs" 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:background="?attr/colorPrimary" 
android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" 
app:tabIndicatorColor="@android:color/white" 
app:tabGravity="fill" 
app:tabMode="fixed" /> 
012,351,

MainActivity.cs :

[Activity(Label = "Material", Icon = "@drawable/icon", Theme = "@style/MainTheme", MainLauncher = true, ConfigurationChanges = ConfigChanges.ScreenSize | ConfigChanges.Orientation)] 
public class MainActivity : global::Xamarin.Forms.Platform.Android.FormsAppCompatActivity 
{ 
    protected override void OnCreate(Bundle bundle) 
    { 
     TabLayoutResource = Resource.Layout.Tabbar; 
     ToolbarResource = Resource.Layout.Toolbar; 

     base.OnCreate(bundle); 
     global::Xamarin.Forms.Forms.Init(this, bundle); 
     LoadApplication(new App()); 
    } 
} 

내가 This 튜토리얼 다음되었다. 감사! 당신은 포장한다 enter image description here

+0

여기에서 언급 한 튜토리얼에서 Actionbar는 사라졌습니다. 이제는 AppCompat v7이며 튜토리얼에서 도구 모음을 만들었습니다. –

답변

3

지금까지 난 그냥이있어

... 당신의 ContentPage 당신의 App.(xaml).cs에서 NavigationPage있다.

그래서 정의 할 때 당신의 App.(xaml).cs 그것을 이런 식으로 내부 MainPage :

public App() 
{ 
    InitializeComponent(); 
    MainPage = new NavigationPage(new MainPage()); 
} 

이 더 탐색 할 때, 당신은 탐색이 상대적 같은 NavigationPage에서 ContentPage마다 포장 할 필요가 없다.

+0

고마워, 작동! –

관련 문제