DrawerLayout来实现头部固定的抽屉效果的框架

本文介绍了如何利用Android的DrawerLayout组件在项目中创建一个头部固定的侧拉抽屉效果。相较于复杂的SlidingMenu实现,DrawerLayout提供了一个更简便的解决方案,位于v4库中。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近项目需要设置一个头部固定的侧拉效果,当时的想法是用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;
		}
	}
}


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值