一:简介:
其实DrawerLayout这个东西呢,跟LinearLayout布局差不多,但是其中却又一点差别。
关于实现,搜索了一下,有如下两种:
1.用SlidingDrawer:
/reference/android/widget/SlidingDrawer.html
但是不知道为什么这个类官方不建议再继续用了:
Deprecated since API level 17
2.用DrawerLayout:
/reference/android/support/v4/widget/DrawerLayout.html
Guide在这里:
/training/implementing-navigation/nav-drawer.html
库的引用:
1.首先, DrawerLayout这个类是在Support Library里的,需要加上android-support-v4.jar这个包。
2.然后程序中用时在前面导入import android.support.v4.widget.DrawerLayout;
3.如果找不到这个类,首先用SDK Manager更新一下Android Support Library,然后在Android SDK\extras\android\support\v4路
4.径下找到android-support-v4.jar,复制到项目的libs路径,将其Add to Build Path.
5.ps:现在一般的情况下,自己的项目中都会有v4包,所以不用导入,以上内容是借鉴别人的。
二:插曲
但是一定只有这两种方式实现么,答案肯定不是的,当然,你也可以自己打造自己的自定义侧滑菜单,所以的东西都是碰到的了,那么才被研发出来的,所以,只要你懂的一些必须的基础,或许在你手中可以展现出不一样的风采,别人或许在吹牛逼的时候,就会说,那个谁谁谁,研究了什么框架,好牛逼,真tm好用,或许下一个就是你也说不定。
这里说一下QQ的侧滑菜单,有兴趣的小伙伴,可以去看看:/u011546655/article/details/46564709
三:效果图
四:示例源码
1:主要布局文件<android.support.v4.widget.DrawerLayout xmlns:android="/apk/res/android"android:id="@+id/drawer_layout"android:layout_width="match_parent"android:layout_height="match_parent" ><!-- 主要内容的视图 --><!-- main content must be the first element of DrawerLayout because it will be drawn first and drawer must be on top of it --><ImageViewandroid:layout_width="match_parent"android:layout_height="match_parent"android:scaleType="fitXY"android:src="@drawable/image_1" /><!-- 导航菜单 --><ListViewandroid:id="@+id/left_listview"android:layout_width="240dp"android:layout_height="match_parent"android:layout_gravity="left"android:background="#ff0000"android:choiceMode="singleChoice"android:divider="@android:color/transparent"android:dividerHeight="0dp"android:scrollbars="none" /></android.support.v4.widget.DrawerLayout>
2:菜单listview布局文件
<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="/apk/res/android"android:layout_width="match_parent"android:layout_height="match_parent"android:orientation="vertical" ><LinearLayoutandroid:layout_width="wrap_content"android:layout_height="match_parent"android:background="#ff0000"android:orientation="vertical" ><TextViewandroid:id="@+id/drawer_layout_title"android:layout_width="240dp"android:layout_height="40dp"android:gravity="center"android:text="QQ"android:textColor="#ffffff" /><Viewandroid:layout_width="240dp"android:layout_height="1dp"android:layout_marginBottom="0.5dp"android:background="#ffffff" /></LinearLayout></LinearLayout>
3.bean对象(非必须这样写)
public class DrawerLayouts implements Serializable {private static final long serialVersionUID = 1L;private String text;public DrawerLayouts() {}public DrawerLayouts(String text) {this.text = text;}public String getText() {return text;}public void setText(String text) {this.text = text;}}
4:主界面调用
package com.demo.ui;import java.util.ArrayList;import java.util.List;import android.app.Activity;import android.os.Bundle;import android.widget.ListView;import com.demo.adapter.DrawerLayoutAdapter;import com.demo.bean.DrawerLayouts;/*** DrawerLayout 演示* * @author zengtao 7月27日 下午4:06:40 **/public class MainActivity extends Activity {private ListView left_listview;private List<DrawerLayouts> list = new ArrayList<DrawerLayouts>();private DrawerLayoutAdapter adapter;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.main_activity);initView();initData();}private void initView() {left_listview = (ListView) findViewById(R.id.left_listview);}private void initData() {list.add(new DrawerLayouts("懒洋洋"));list.add(new DrawerLayouts("喜洋洋"));list.add(new DrawerLayouts("美羊羊"));list.add(new DrawerLayouts("沸羊羊"));list.add(new DrawerLayouts("红太狼"));list.add(new DrawerLayouts("黑太郎"));adapter = new DrawerLayoutAdapter(list);left_listview.setAdapter(adapter);adapter.notifyDataSetChanged();}}
5.适配器
package com.demo.adapter;import java.util.ArrayList;import java.util.List;import android.annotation.SuppressLint;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.BaseAdapter;import android.widget.TextView;import com.demo.bean.DrawerLayouts;import com.demo.ui.R;/*** * @author zengtao 7月27日 下午4:10:19 **/public class DrawerLayoutAdapter extends BaseAdapter {private List<DrawerLayouts> list = new ArrayList<DrawerLayouts>();public DrawerLayoutAdapter(List<DrawerLayouts> list) {this.list = list;}@Overridepublic int getCount() {return list.isEmpty() ? 0 : list.size();}@Overridepublic Object getItem(int position) {return list.get(position);}@Overridepublic long getItemId(int position) {return position;}@SuppressLint("InflateParams")@Overridepublic View getView(int position, View convertView, ViewGroup parent) {if (convertView == null) {convertView = LayoutInflater.from(parent.getContext()).inflate(R.layout.drawer_layout_item, null);ViewHolder vh = new ViewHolder(convertView);convertView.setTag(vh);}ViewHolder vh = (ViewHolder) convertView.getTag();vh.fillView(list.get(position));return convertView;}static class ViewHolder {private TextView text;public ViewHolder(View view) {text = (TextView) view.findViewById(R.id.drawer_layout_title);}public void fillView(DrawerLayouts ds) {text.setText(ds.getText());}}}
五:总结以上就完成了对DrawerLayout的使用,看起来非常的简单,这里也就不发相应的demo了,没有必要,大家看下来,应该是完全不成问题的,祝大家工作愉快,身心健康。