Android Quick Return Bar导航条

简介: Android Quick Return Bar导航条之前写了一些文章是关于Android Toolbar各种变换形式和作用:(文章1)《Android Material Design:基于Coordinato...


Android Quick Return Bar导航条

之前写了一些文章是关于Android Toolbar各种变换形式和作用:
(文章1)《Android Material Design:基于CoordinatorLayout实现向上滚动导航条ToolBar滚出、向下滚动导航条滚出》文章链接地址:http://blog.csdn.net/zhangphil/article/details/48877721

(文章2)《Android Material Design:CoordinatorLayout与NestedScrollView》文章链接:http://blog.csdn.net/zhangphil/article/details/48877865

本文要写的Android Quick Return Bar导航条其实和文章(1)(2)类似。这篇文章主要在之前2篇文章的基础上增加1点内容:用Toolbar取代ActionBar。
如果打算继承自AppCompatActivity,用Toolbar取代ActionBar,需要在AndroidManifest.xml中定义这个activity时候声明Theme:

android:theme="@style/Theme.AppCompat.Light.NoActionBar"

随后在自己的java代码中:
...
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
...


这样就可以向下兼容将Toolbar取代ActionBar使用了。
给出代码。
测试的activity MainActivity.java:

package zhangphil.demo;

import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;


public class MainActivity extends AppCompatActivity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);

		Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
		setSupportActionBar(toolbar);
		getSupportActionBar().setDisplayHomeAsUpEnabled(true);
	}

	@Override
	public boolean onCreateOptionsMenu(Menu menu) {
		getMenuInflater().inflate(R.menu.main, menu);
		return true;
	}

	@Override
	public boolean onOptionsItemSelected(MenuItem item) {
		int id = item.getItemId();
		if (id == R.id.action_settings) {
			return true;
		}
		return super.onOptionsItemSelected(item);
	}
}


MainActivity.java需要的布局文件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"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

    <android.support.design.widget.AppBarLayout
        android:id="@+id/appBarLayout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" >

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:layout_alignParentTop="true"
            app:layout_scrollFlags="scroll|enterAlways"
            android:background="#1e88e5"
            android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
            app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />
    </android.support.design.widget.AppBarLayout>

    <android.support.v4.widget.NestedScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/appBarLayout"
        app:layout_behavior="@string/appbar_scrolling_view_behavior" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical" >

            <TextView
                android:layout_width="match_parent"
                android:layout_height="100dip"
                android:text="0" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="100dip"
                android:text="1" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="100dip"
                android:text="2" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="100dip"
                android:text="3" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="100dip"
                android:text="4" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="100dip"
                android:text="5" />

            <TextView
                android:layout_width="match_parent"
                android:layout_height="100dip"
                android:text="6" />
        </LinearLayout>
    </android.support.v4.widget.NestedScrollView>

</android.support.design.widget.CoordinatorLayout>


同时,MainActivity.java需要的res/menu/main.xml文件:

<menu 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"
    tools:context="zhangphil.demo.MainActivity" >
    
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="设置"
        app:showAsAction="never"/>
    
</menu>

Main.xml里面定义的菜单将换在取代ActionBar的Toolbar中以相同样式表现。

代码运行结果:

相关文章
|
3月前
|
Android开发
Android开发显示头部Bar的需求解决方案--Android应用实战
Android开发显示头部Bar的需求解决方案--Android应用实战
32 0
|
6月前
|
Android开发 Kotlin
kotlin开发安卓app,如何让布局自适应系统传统导航和全面屏导航
使用`navigationBarsPadding()`修饰符实现界面自适应,自动处理底部导航栏的内边距,再加上`.padding(bottom = 10.dp)`设定内容与屏幕底部的距离,以完成全面的布局适配。示例代码采用Kotlin。
144 15
|
8月前
|
Java Android开发
Android 导航方式切换
Android 导航方式切换
191 1
|
8月前
|
Java Android开发 Kotlin
Android Dialog 弹出时,隐藏 navigation bar
Android Dialog 弹出时,隐藏 navigation bar
148 1
|
8月前
|
Android开发
【Android 从入门到出门】第四章:现代Android开发中的导航
【Android 从入门到出门】第四章:现代Android开发中的导航
53 2
【Android 从入门到出门】第四章:现代Android开发中的导航
|
8月前
|
Java 定位技术 Android开发
【Android App】利用腾讯地图获取地点信息和规划导航线路讲解及实战(附源码和演示视频 超详细必看)
【Android App】利用腾讯地图获取地点信息和规划导航线路讲解及实战(附源码和演示视频 超详细必看)
447 1
|
8月前
|
XML Java 定位技术
【Android App】定位导航GPS中开启手机定位功能讲解及实战(附源码和演示 超详细)
【Android App】定位导航GPS中开启手机定位功能讲解及实战(附源码和演示 超详细)
375 0
|
XML Java Android开发
连Action Bar都不会 你能说你学过 Android?
连Action Bar都不会 你能说你学过 Android?
143 0
连Action Bar都不会 你能说你学过 Android?
|
存储 Android开发
android ViewPager + Fragment + Tablayout 实现嵌套页面导航(二)
android ViewPager + Fragment + Tablayout 实现嵌套页面导航
android ViewPager + Fragment + Tablayout 实现嵌套页面导航(二)
|
编译器 Android开发 容器
android ViewPager + Fragment + Tablayout 实现嵌套页面导航(一)
android ViewPager + Fragment + Tablayout 实现嵌套页面导航
android ViewPager + Fragment + Tablayout 实现嵌套页面导航(一)