ToolBar 和 DrawerLayout实现侧滑栏

先实现ToolBar和TranslucentBar效果

layout/custom_toolbar.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.v7.widget.Toolbar
    xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:id="@+id/toolbar"
        android:background="#600f"
        >
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="测试"
            android:textSize="20dp"
            android:textColor="#fff"
            />
</android.support.v7.widget.Toolbar>
//在MainActivity.java 中
toolBar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolBar);   //注意,要与DrawerLayout结合需要用这种方法实现toolBar,在Activity中的OnonCreateOptionsMenu()方法中实现菜单menu
toolBar.setTitle("");
toolBar.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
            @Override
            public boolean onMenuItemClick(MenuItem item) {
                switch (item.getItemId()) {
                    case R.id.action_share:
                        Toast.makeText(getApplicationContext(), "action_share", Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.action_edit:
                        Toast.makeText(getApplicationContext(), "action_edit", Toast.LENGTH_SHORT).show();
                        break;
                    case R.id.action_settings:
                        Toast.makeText(getApplicationContext(), "action_settings", Toast.LENGTH_SHORT).show();
                        break;
                }
                return true;
            }
        });


 @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.menu_main,menu);
        return true;
    }
layout/activity_main.xml中

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    //以下两个属性是TranslucentBar实现需要
    android:fitsSystemWindows="true"   
    android:background="#600f" tools:context="com.linge.android.myapplication.MainActivity">

    <include layout="@layout/content_main" />

</android.support.design.widget.CoordinatorLayout>
layout/content_main.xml中
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.linge.android.myapplication.MainActivity"
    tools:showIn="@layout/activity_main"
    android:orientation="vertical"
    android:background="#fff"  //把布局背景设置为白色
   >

    <include layout="@layout/custom_toolbar"/>
    //drawlayout布局
    <!--<include layout="@layout/drawlayout"/>--> 
</LinearLayout>

以上 toolBar设置完成
下面实现TranslucentBar效果
在values,values-v19,values-v21文件中设置自定义theme

values/styles.xml中
<style name="TranslucentBarTheme" parent="AppTheme">
        <item name="windowNoTitle">true</item>
    </style>
values-v19/styles.xml
 <style name="TranslucentBarTheme" parent="Theme.AppCompat.Light.DarkActionBar">

<item name="android:windowTranslucentNavigation">true</item>

<item name="windowNoTitle">true</item>
</style>
values-v21/styles.xml中
<style name="TranslucentBarTheme" parent="Theme.AppCompat.Light.DarkActionBar">
<item name="android:windowTranslucentStatus">true</item>
<item name="android:windowTranslucentNavigation">true</item>
<item name="android:statusBarColor">@android:color/transparent</item>
<item name="windowNoTitle">true</item>
</style>

然后AndroidManifest.xml中需要设置的activity中设置相应的theme
例如

<activity
            android:name=".MainActivity"
            android:label="@string/app_name"
            //样式
            android:theme="@style/TranslucentBarTheme">

            ...
</activity>

TranslucentBar设置完成

然后 结合DrawerLayout

drawlayout.xml文件中
<?xml version="1.0" encoding="utf-8"?>
<android.support.v4.widget.DrawerLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/drawlayout"
   >
//主界面
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent">
        <ImageView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/iv_pager"/>
    </RelativeLayout>

//侧滑界面
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="#600f"
        android:layout_gravity="left">
        <ListView
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:id="@+id/lv_left"></ListView>
    </RelativeLayout>
</android.support.v4.widget.DrawerLayout>
把上面提到的content_main.xml中注释打开
   <include layout="@layout/custom_toolbar"/>
   //此处注释打开
    <include layout="@layout/drawlayout"/>
 mdrawLayout = (DrawerLayout) findViewById(R.id.drawlayout);
 lv = (ListView) findViewById(R.id.lv_left);

//设置toolBar的HomeButton可用和显示
//如果没有使用setSupportActionBar(...),getSupportActionBar()会为null
 getSupportActionBar().setHomeButtonEnabled(true);
 getSupportActionBar().setDisplayHomeAsUpEnabled(true);
 //获得抽屉开关,这个对象继承了抽屉状态的监听者,v7包下的对象,不是v4
mToggle = new ActionBarDrawerToggle(this,mdrawLayout,toolBar, R.string.open,R.string.close){
            @Override
            public void onDrawerOpened(View drawerView) {
                super.onDrawerOpened(drawerView);
                Toast.makeText(MainActivity.this,"open ",Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onDrawerClosed(View drawerView) {
                super.onDrawerClosed(drawerView);
                Toast.makeText(MainActivity.this,"close ",Toast.LENGTH_SHORT).show();
            }
        };
//把ActionBarDrawerToggle和DrawerLayout和toolbar关联并同步
mToggle.syncState();
mdrawLayout.setDrawerListener(mToggle);


 adapter = new ArrayAdapter<String> (this,android.R.layout.simple_list_item_1,lvs);
 lv.setAdapter(adapter);
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值