Android 格子菜单 Xamarin

1.JobView.axml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
    <RelativeLayout
        android:id="@+id/header"
        android:layout_height="45dp"
        android:layout_width="match_parent"
        android:background="#f7f7f7">
        <TextView
            android:layout_height="wrap_content"
            android:layout_width="wrap_content"
            android:text="工作"
            android:textColor="@drawable/TitleFontColor"
            android:layout_centerHorizontal="true"
            android:layout_centerVertical="true"
            android:layout_centerInParent="true"
            android:textSize="18dp" />
    </RelativeLayout>
    <ScrollView
        android:layout_height="match_parent"
        android:layout_width="match_parent"
        android:background="#efeff4">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
        <!-- Banner
          <LinearLayout
                android:id="@+id/bannerplace"
                android:layout_width="match_parent"
                android:layout_height="170dp"
                android:background="#ffffff" />
            <LinearLayout
                android:id="@+id/menu"
                android:layout_height="wrap_content"
                android:layout_width="match_parent"
                android:background="#efeff4"
                android:orientation="vertical"
                android:layout_centerVertical="true">-->
        <!--Bug-->
            <RelativeLayout
                android:layout_height="40dp"
                android:layout_width="match_parent"
                android:background="@drawable/MenuBackground">
                <TextView
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Bug"
                    android:textColor="#000000"
                    android:layout_marginLeft="20dp"
                    android:layout_centerVertical="true" />
            </RelativeLayout>
            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="90dp"
                android:layout_weight="1"
                android:orientation="horizontal">
            <!--menu1-->
                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:background="@drawable/MenuBackground">
                    <LinearLayout
                        android:layout_height="wrap_content"
                        android:layout_width="wrap_content"
                        android:layout_centerInParent="true"
                        android:orientation="vertical">
                        <ImageView
                            android:layout_height="40dp"
                            android:layout_width="40dp"
                            android:background="@drawable/menu_baobiao" />
                        <TextView
                            android:layout_height="wrap_content"
                            android:layout_width="match_parent"
                            android:layout_marginTop="8dp"
                            android:text="提Bug"
                            android:textSize="12dp"
                            android:gravity="center"
                            android:textColor="#000000" />
                    </LinearLayout>
                </RelativeLayout>
            <!--menu2-->
                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:background="@drawable/MenuBackground">
                    <LinearLayout
                        android:layout_height="wrap_content"
                        android:layout_width="wrap_content"
                        android:layout_centerInParent="true"
                        android:orientation="vertical">
                        <ImageView
                            android:layout_height="40dp"
                            android:layout_width="40dp" />
                        <TextView
                            android:layout_height="wrap_content"
                            android:layout_width="match_parent"
                            android:layout_marginTop="8dp"
                            android:textSize="12dp"
                            android:gravity="center"
                            android:textColor="#000000" />
                    </LinearLayout>
                </RelativeLayout>
            <!--menu3-->
                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:background="@drawable/MenuBackground" />
            <!--menu4-->
                <RelativeLayout
                    android:layout_width="0dp"
                    android:layout_height="match_parent"
                    android:layout_weight="1"
                    android:background="@drawable/MenuBackground" />
            </LinearLayout>
        <!--Bug-->
        </LinearLayout>
    </ScrollView>
</LinearLayout>

2.JobFragment.cs

    public class JobFragment : Fragment
    {
        public override void OnCreate(Bundle savedInstanceState)
        {
            base.OnCreate(savedInstanceState);
        }

        public override View OnCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState)
        {
            View JobView = inflater.Inflate(Resource.Layout.JobView, container, false);
            return JobView;
        }
    }

3.实现效果