这是我的第二篇实战,相比于第一篇的看视频模仿着实战,这一篇完全是自己的实战,不借助任何视频教程,看视频的实战是在抄代码,而这一篇是完全自己构思,自己去解决问题的,这次的实战是仿照一个社交软件探探,该篇是这部分的第一篇主要讲一讲抽屉菜单DrawerLayout
以下是我们的效果,这是在点击了 左上角的按钮后呈现出来的。
看了效果图后,我们来回到布局代码中来看看吧!
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent" >
<FrameLayout
android:id="@+id/middle_frame"
android:layout_width="match_parent"
android:layout_height="match_parent" >
</FrameLayout>
<RelativeLayout
android:id="@+id/left_menu"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_gravity="left"
android:background="#000000" >
<LinearLayout
android:layout_width="240dp"
android:layout_height="match_parent"
android:orientation="vertical" >
<com.example.library.CircleImageView
android:layout_width="160dp"
android:layout_height="160dp"
android:layout_centerInParent="true"
android:layout_gravity="center"
android:src="@drawable/hugh"
app:border_color="@color/light"
app:border_width="2dp" />
<ListView
android:id="@+id/left_drawer"
android:layout_width="240dp"
android:layout_height="match_parent"
android:layout_marginTop="50dp" >
</ListView>
</LinearLayout>
</RelativeLayout>
</android.support.v4.widget.DrawerLayout>
首先我们看的是根标签,这次的根标签是
<android.support.v4.widget.DrawerLayout>
……
</android.support.v4.widget.DrawerLayout>
从这可以看出的是我们用到的Drawerlayout是support.v4下的一个类,使用这个类我们可以很方便的完成上述的效果,当然我不是说这里只能使用这个去完成,还有SlidingMenu……等许多个标签去完成,同样可以达到我们一样的效果,(SlidingMenu例子),在这里我们就拿DrawerLayout这个来讲解了。
讲完根标签以后我们继续往下看,可以看到的是一个FrameLayout布局,这个布局是我们用来放置主要内容的,在后续的实战中我们会在这里放置一个地图,定位在您所在的位置。
接着往下看是一个RelativeLayout嵌套了一个LinearLayout,在LinearLayout中有一个这个<com.example.library.CircleImageView />和一个<ListView /&g