最近项目需要设置一个头部固定的侧拉效果,当时的想法是用slidingmenu来做,重写动画效果,但是实现起来比较复杂,在查阅资料的时候看到了DrawerLayout这个类,Google在v4包中,下面开始介绍这个控件。
首先布局文件:
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="com.vere.xinanchurch.MainActivity" >
<RelativeLayout
android:id="@+id/layout_title"
android:layout_width="match_parent"
android:layout_height="45dp"
android:background="@color/white" >
<!-- 左右button外添加布局,增加点击区域 -->
<LinearLayout
android:id="@+id/back_layout"
android:layout_width="50dp"
android:layout_height="45dp"
android:layout_alignParentLeft="true"
android:layout_centerVertical="true"
android:gravity="center" >
<Button
android:id="@+id/btn_back"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_marginLeft="8dip"
android:layout_marginRight="8dip"
android:background="@drawable/left_menu"
android:clickable="false"
android:gravity="center"
android:paddingBottom="10dp"
android:paddingLeft="24dp"
android:paddingRight="18dp"
android:paddingTop="10dp"
android:textSize="16sp" />
</LinearLayout>
<LinearLayout
android:id="@+id/title_layout"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignWithParentIfMissing="true"
android:layout_centerVertical="true"
android:layout_toLeftOf="@+id/next_layout"
android:layout_toRightOf="@id/back_layout"
android:gravity="center_horizontal" >
<TextView
android:id="@+id/tv_title"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:singleLine="true"
android:textColor="#333333"
android:text="lalalala"
android:visibility="visible" />
</LinearLayout>
<LinearLayout
android:id="@+id/next_layout"
android:layout_width="50dp"
android:layout_height="45dp"
android:layout_alignParentRight="true"
android:layout_centerVertical="true"
android:gravity="center" >
<Button
android:id="@+id/btn_next"
android:layout_width="30dp"
android:layout_height="30dp"
android:layout_marginLeft="10dip"
android:layout_marginRight="10dip"
android:background="@drawable/right_setting"
android:clickable="false"
android:gravity="center"
android:paddingBottom="8dip"
android:paddingLeft="18dip"
android:paddingRight="24dip"
android:paddingTop="8dip"
android:textSize="16sp" />
</LinearLayout>
<LinearLayout
android:layout_width="fill_parent"
android:layout_height="1dp"
android:layout_alignParentBottom="true" />
</RelativeLayout>
<android.support.v4.widget.DrawerLayout
<span style="white-space:pre"> </span><!--这个地方导入的是v4包中的DrawerLayout--><span style="white-space:pre"> </span>
android:id="@+id/drawer_layout"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_below="@id/layout_title"
>
<span style="white-space:pre"> </span><!--第一个控件是内容控件,也就是抽屉在不拉出的时候要显示出来的控件-->
<FrameLayout
android:id="@+id/fragment_content"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="#f3f4f5"/>
<span style="white-space:pre"> </span><!--第二个是抽屉控件,就是抽屉拉出来的时候显示的布局-->
<ListView
android:id="@+id/lv_leftmenu"
android:layout_width="match_parent"
android:layout_height="match_parent"
<span style="white-space:pre"> </span> android:layout_gravity="start"<!--设置侧拉的方向 此处为从左到右-->
></ListView>
</android.support.v4.widget.DrawerLayout>
</RelativeLayout>
然后在主页面给内容中添加布局就可以了,用fragment来操作会更好
import android.app.Activity;
import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.view.Gravity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
public class MainActivity extends Activity implements OnClickListener {
private DrawerLayout drawerLayout;
private Button btn;
private Button back;
private Button next;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
initView();
}
private void initView(){
drawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
back = (Button) findViewById(R.id.btn_back);
next = (Button) findViewById(R.id.btn_next);
back.setOnClickListener(this);
next.setOnClickListener(this);
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.btn_back:
break;
case R.id.btn_next:
default:
break;
}
}
}