Android 自定义ViewGroup（侧滑菜单）

1，实现效果

 

 

2，实现逻辑

 【1】界面搭建，menu菜单  提取样式

• main 布局 

<?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" >

    <LinearLayout

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:background="@drawable/top_bar_bg"

        android:orientation="horizontal" >

        <Button

            android:id="@+id/btn_back"

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:background="@drawable/main_back" />

        <ImageView

            android:layout_width="wrap_content"

            android:layout_height="wrap_content"

            android:paddingTop="3dp"

            android:src="@drawable/top_bar_divider" />

        <TextView

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:layout_marginLeft="50dp"

            android:text="小帅xxx"

            android:textColor="#ffffff"

            android:textSize="25sp" />

    </LinearLayout>

      <TextView

            android:layout_width="match_parent"

            android:layout_height="match_parent"

            android:text="牛奶奶说牛奶是刘奶奶的奶奶····"

            android:gravity="center"

            android:textSize="25sp" />

</LinearLayout>

• 抽取字体的样式 

<style name="MenuText" parent="android:Widget.TextView">

        <item name="android:layout_width">match_parent</item>

        <item name="android:layout_height">wrap_content</item>

        <item name="android:drawablePadding">15dp</item>

        <item name="android:gravity">center_vertical</item>

        <item name="android:padding">15dp</item>

        <item name="android:textColor">#fff</item>

        <item name="android:textSize">25sp</item>

        <item name="android:textStyle">bold</item>

    </style>

•  menu 的布局 

<?xml version="1.0" encoding="utf-8"?>

<ScrollView xmlns:android="http://schemas.android.com/apk/res/android"

    android:layout_width="240dp"

    android:layout_height="match_parent" >

    <LinearLayout

        android:layout_width="240dp"

        android:layout_height="match_parent"

        android:background="@drawable/menu_bg"

        android:orientation="vertical" >

        <TextView

            style="@style/MenuText"

            android:background="