Android——DrawerLayout抽屉效果

做一个这样的项目，通过获取左边抽屉的新闻标题，在主界面内容区显示对应的内容。

效果图：

这里也要用到第三方包v4包下面的DrawerLayout，可以设置主内容，左抽屉，右抽

屉，但是必须都在< android.support.v4.widget.DrawerLayout >

标签内，第一个是必须主内容区域，剩下两个为左右抽屉，设置

android:layout_gravity=”left”便是左抽屉，right为右。一般选用Fragment作为控

件。

xml：

<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.example.drawerlayouttest.MainActivity" >

    <android.support.v4.widget.DrawerLayout
        android:id="@+id/main_drawer"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <FrameLayout
            android:id="@+id/main_content"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:background="#fff"
             >
        </FrameLayout>

        <FrameLayout
            android:id="@+id/main_left"
            android:layout_width="240dp"
            android:layout_height="match_parent"
            android:layout_gravity="left"
            android:background="#fff" >
        </FrameLayout>

    </android.support.v4.widget.DrawerLayout>

</RelativeLayout>

先来写左边抽屉的逻辑，需要用到网上找的一些新闻资源，这里我将它放到了文本文档里。

这里左边抽屉和主内容区域都是使用Fragment填充，所以需要定义两个Fragment布

局，左边布局是一个TextView和下面的ListView。主内容区域是最上面的progressbar

和下面的WebView。

先来看左边抽屉Fragment的代码：

package com.example.fragment;

import java.util.ArrayList;
import java.util.List;

import com.example.drawerlayouttest.MainActivity;
import com.example.drawerlayouttest.R;
import com.example.drawerlayouttest.R.layout;
import com.example.tools.CommonUtils;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;

public class LeftFragment extends Fragment {
    private ListView lv;
    private MainActivity act;
    private List<String> datas;
    private ArrayAdapter<String> adapter;
    @Override
    public void onAttach(Activity activity) {
        // TODO Auto-generated method stub
        act=(MainActivity) activity;//获取mainactivity的实例对象
        super.onAttach(activity);
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        //将Fragment布局转换为view对象
        return inflater.inflate(R.layout.left_fragment, null);
    }
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onActivityCreated(savedInstanceState);
        initViews();
        try {
            initDatas();
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }

        adapter=new ArrayAdapter<String>(act, R.layout.fragment_lv_item, R.id.tv, datas);
        lv.setAdapter(adapter);



    }

    private void initDatas() throws Exception {
        // TODO Auto-generated method stub
        //这里将数据的初始化抽离成了一个方法。
        datas=CommonUtils.getDatas(act, "news_url.txt", true);
    }

    private void initViews() {
        // TODO Auto-generated method stub
        lv=(ListView) act.findViewById(R.id.fragment_left_lv);
        lv.setOnItemClickListener(new OnItemClickListener() {

            @Override
            public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
                // TODO Auto-generated method stub
                act.setpos(position);
                act.closeDrawer();
            }
        });
    }

}

抽离出来的getDatas方法：

package com.example.tools;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;
import java.util.ArrayList;
import java.util.List;

import android.app.Activity;

public class CommonUtils {
    public static List<String> getDatas(Activity act, String fileName, boolean iskey) throws Exception

    {
        List<String> datas = new ArrayList<String>();
        //读取assets下面的news_url.txt文件
        InputStream is = act.getAssets().open(fileName);
        BufferedReader br = new BufferedReader(new InputStreamReader(is));
        String line = "";
        int index = 0;
        if (iskey) {
            index = 0;
        } else {
            index = 1;
        }
        while ((line = br.readLine()) != null) {
            datas.add(line.split("=")[index]);
        }

        return datas;
    }
}

Mainactivity：

package com.example.drawerlayouttest;

import com.example.fragment.HomeFragment;
import com.example.fragment.LeftFragment;

import android.os.Bundle;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.widget.DrawerLayout;
import android.view.Gravity;

public class MainActivity extends FragmentActivity {
    private DrawerLayout drawer;
    private LeftFragment left_f;
    private HomeFragment home_f;
    private FragmentManager manager;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initViews();
        initFragments();
        addFragments();
    }
    private void addFragments() {
        // TODO Auto-generated method stub
        manager=getSupportFragmentManager();
        manager.beginTransaction().add(R.id.main_left, left_f).add(R.id.main_content, home_f).commit();
    }
    private void initFragments() {
        // TODO Auto-generated method stub
        left_f=new LeftFragment();
        home_f=new HomeFragment();

    }
    private void initViews() {
        // TODO Auto-generated method stub
        drawer=(DrawerLayout) findViewById(R.id.main_drawer);
    }
    public void setpos(int pos)
    {
        home_f.load(pos);
    }
    public void closeDrawer()
    {
        drawer.closeDrawer(Gravity.LEFT);

    }
}

主内容区域的代码：

package com.example.fragment;

import java.util.List;

import com.example.drawerlayouttest.MainActivity;
import com.example.drawerlayouttest.R;
import com.example.drawerlayouttest.R.layout;
import com.example.tools.CommonUtils;

import android.app.Activity;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.webkit.WebChromeClient;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;

public class HomeFragment extends Fragment {
    private WebView wv;
    private ProgressBar pb;
    private MainActivity act;
    private List<String> datas;
    @Override
    public void onAttach(Activity activity) {
        // TODO Auto-generated method stub
        act=(MainActivity) activity;
        super.onAttach(activity);
    }
    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        return inflater.inflate(R.layout.home_fragment, null);
    }
    @Override
    public void onActivityCreated(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onActivityCreated(savedInstanceState);
        initViews();
        try {
            initDatas();
        } catch (Exception e) {
            // TODO Auto-generated catch block
            e.printStackTrace();
        }
        initWebView();
        wv.loadUrl(datas.get(0));
    }
    private void initWebView() {
        // TODO Auto-generated method stub
        wv.setWebChromeClient(new WebChromeClient(){

            @Override
            public void onProgressChanged(WebView view, int newProgress) {
                // TODO Auto-generated method stub
                super.onProgressChanged(view, newProgress);
                if(newProgress<100)
                {
                    pb.setProgress(newProgress);
                }
                else{

                    pb.setVisibility(View.GONE);
                }
            }
        });
        wv.setWebViewClient(new WebViewClient(){
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                // TODO Auto-generated method stub
                view.loadUrl(url);
                pb.setVisibility(View.VISIBLE);
                return true;
            }
        });
        wv.getSettings().setJavaScriptEnabled(true);
        wv.getSettings().setSupportZoom(true);
        wv.getSettings().setBuiltInZoomControls(true);
    }
    private void initDatas() throws Exception {
        // TODO Auto-generated method stub
        datas=CommonUtils.getDatas(act, "news_url.txt", false);
    }
    private void initViews() {
        // TODO Auto-generated method stub
        wv=(WebView) getView().findViewById(R.id.fragment_home_wv);
        pb=(ProgressBar) getView().findViewById(R.id.fragment_home_pb);
    }
    public void load(int pos)
    {
        wv.loadUrl(datas.get(pos));

    }

}

1、主内容需要获得左侧抽屉对应下标的url读取。

2、在左侧抽屉监听事件当中通过Activity给主内容传递对应position。

监听： act.setpos(position);
act.closeDrawer();

3、直接在Activity创建方法将position传进来，在Activity中调用Fragment中要用此

position的方法。

act：
public void setpos(int pos)
{
home_f.load(pos);
}

主内容：

public void load(int pos)
{
wv.loadUrl(datas.get(pos));

}

（观察者模式）

关闭左边抽屉的方法：drawer.closeDrawer(Gravity.LEFT);