Quantcast
Channel: Xamarin.Forms — Xamarin Community Forums
Viewing all articles
Browse latest Browse all 89864

Toolbar above drawerlayout

$
0
0

I use the FormsAppCompatActivity and set the ToolbarResource to use the new SupportToolbar and that is working fine. But the navigation drawer slides in over the toolbar. That is following the Google Material design guidelines, but I want to set the toolbar above the drawerlayout so that the fancy hamburger to back arrow animation is visible for the users of my app.

I searched the internet and found a solution for plain android. Use a linearlayout, set the toolbar as the first item and then the drawerlayout as the second item.

For example:
`

<!-- The toolbar -->
<android.support.v7.widget.Toolbar  
    android:id="@+id/my_awesome_toolbar"
    android:layout_height="wrap_content"
    android:layout_width="match_parent"
    android:minHeight="?attr/actionBarSize"
    android:background="?attr/colorPrimary" />

<android.support.v4.widget.DrawerLayout
xmlns:android="http://schemas.android.com/apk/res/android"
android:id="@+id/my_drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent">

    <!-- drawer view -->
    <LinearLayout
        android:layout_width="304dp"
        android:layout_height="match_parent"
        android:layout_gravity="left|start">

        <!-- drawer content -->

    </LinearLayout>

    <!-- normal content view -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical">



        <!-- The rest of content view -->

    </LinearLayout>  
</android.support.v4.widget.DrawerLayout>

`

Now I was wondering if and how I could adjust the MasterDetailPageRenderer to do just such an action. I am unable (until now) to find the toolbar view in the masterdetailpage to move him up and unable to add a linearlayout to the root.

Any suggestions or is a whole new custom renderer the only solution?

Thanks in advance for any help on this issue!


Viewing all articles
Browse latest Browse all 89864

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>