DrawerLayout实现侧滑(右侧显示)

最近由于项目需要写了一个左滑(从有右侧显示)导航栏的demo,大多数的App都是右滑(从左侧显示)导航栏,这个demo主要是用于用户的一些筛选过滤的操作,好了先给大家看几张效果图,如果觉得有用的话可以参考下,毕竟这只是一个简单的demo,上图啦

DrawerLayout实现侧滑(右侧显示)_第1张图片   DrawerLayout实现侧滑(右侧显示)_第2张图片   DrawerLayout实现侧滑(右侧显示)_第3张图片   DrawerLayout实现侧滑(右侧显示)_第4张图片


简单的demo,界面可能不好看,有时间的需求者可以进行一下优化,把界面美化一下,这只是简单的实现大致功能,细节就没有什么时间去处理了,看完了图,下面我们就来看看代码的具体实现,首先来看看布局文件:

activity_main.xml




    

        


下面是具体实现的java代码

MainActivity.java

package com.test.demo;

import android.os.Bundle;
import android.support.v4.widget.DrawerLayout;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.AdapterView;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.GridView;
import android.widget.LinearLayout;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity implements View.OnClickListener {

    private DrawerLayout mDrawerLayout;
    private LinearLayout drawer_content;
    private GridView stateGV;
    private GridView timeGV;
    private TextView filterTV;
    private Button btn;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mDrawerLayout = (DrawerLayout) findViewById(R.id.drawer_layout);
        drawer_content = (LinearLayout) findViewById(R.id.drawer_content);
        stateGV = (GridView) findViewById(R.id.processed_state_gv);
        timeGV = (GridView) findViewById(R.id.processed_time_gv);
        filterTV = (TextView) findViewById(R.id.processed_commit);
        btn = (Button) findViewById(R.id.btn);

        stateGV.setAdapter(new ArrayAdapter(this, R.layout.processed_gridview_item, R.id.gridview_item_process_tv, getResources().getStringArray(R.array.processed_state)));
        stateGV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView parent, View view, int position, long id) {
                TextView tv = (TextView) view.findViewById(R.id.gridview_item_process_tv);
                Toast.makeText(MainActivity.this,tv.getText().toString(),Toast.LENGTH_SHORT).show();
            }
        });
        timeGV.setAdapter(new ArrayAdapter(this, R.layout.processed_gridview_item, R.id.gridview_item_process_tv, getResources().getStringArray(R.array.processed_time)));
        timeGV.setOnItemClickListener(new AdapterView.OnItemClickListener() {
            @Override
            public void onItemClick(AdapterView parent, View view, int position, long id) {
                TextView tv = (TextView) view.findViewById(R.id.gridview_item_process_tv);
                Toast.makeText(MainActivity.this,tv.getText().toString(),Toast.LENGTH_SHORT).show();
            }
        });
        filterTV.setOnClickListener(this);
        btn.setOnClickListener(this);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.processed_commit:
                mDrawerLayout.closeDrawers();
                break;
            case R.id.btn:
                mDrawerLayout.openDrawer(drawer_content);
                break;
        }
    }
}

好拉具体的代码就到这里已经基本实现了,有需要的可以尝试自己写写,毕竟写代码这东西熟能生巧不是么?多练练就好了,当然了,我也将代码打包上传了,需要的可以点击连接下载:DrawerLayout实现侧滑(右侧显示)





你可能感兴趣的:(AndroidUI控件)