app的应用名被入口activity的标题名字覆盖(ActionBar改为ToolBar)

今天遇到一个问题,百度“怎么让app的应用名和入口activity的标题名字不一样呢”
只找到一个方法,还没用。。问题如下

我按这个老哥的方法试了没用,后来请教了一位热心的大佬。解决啦。

1.Androidmanifest.xml

 2.进入style.xml,把默认的DarkActionBar改为NoActionBar

3.把activity的label去掉,即在Manifest.xml中设置的页面导航栏名称去掉

4.在该页面的activity.xml布局文件中,在根布局下面添加如下代码:

方法一:直接用title

       缺点:(1)只能更改字体颜色,不能更改字体大小

                 (2)只能靠左,不能居中

   <androidx.appcompat.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="50dp"
        app:title="小车登录界面"
        android:background="@color/colorPrimary"
        app:titleTextColor="@android:color/white"></androidx.appcompat.widget.Toolbar>

或者

方法二:添加子类

        优点:子类也可以居中,一般做标题栏用

<androidx.appcompat.widget.Toolbar
        android:layout_width="match_parent"
        android:layout_height="50dp"
        android:background="@color/colorPrimary">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="小车登录界面"
            android:textSize="20dp"
            ></TextView>      
    </androidx.appcompat.widget.Toolbar>
 

ActionBar和Toolbar

详见   https://blog.csdn.net/xingzhong128/article/details/79696467

ActionBar是Activity开发的标配,但是从5.0开始逐渐由Toolbar取代,主要因为Toolbar使用方式更加简单也更容易定制。

ActionBar的内容组成如上图所示,图中的每个部分都有对应的设置方法。

 Android 5.0之后不再推荐使用ActionBar和它的导航功能,直接使用Toolbar来替代ActionBar是一种更好的开发方式。替换是需要在Activity的布局文件中添加Toolbar对象并把它的引用设置为ActionBar对象。

Toolbar基本使用

(1)简介

Toolbar 是 Android 5.0 推出的一个 Material Design 风格的导航控件 ,用来取代之前的 Actionbar 。与 Actionbar 相比,Toolbar 明显要灵活的多。它不像 Actionbar 一样,一定要固定在Activity的顶部,而是可以放到界面的任意位置。

(2)修改主题

当我们新建一个工程时,我们发现默认是有导航栏的, 如图:

图片.png

那是因为默认app主题自带了导航栏

图片.png

图片.png

我们发现,系统自带的是一个actionBar,那么我们就换一个主题

图片.png

三种主题任意选择一个即可。

现在开始添加一个ToolBar。

(3)Toolbar导包选择
图片.png

如图所示,Toolbar有两种导包,建议使用v7的那个,因为第二种只支持Android5.0以上的手机。

(4)Toolbar基本代码
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar_normal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:collapseIcon="@mipmap/ic_launcher"
    app:buttonGravity="bottom"
    app:navigationIcon="@mipmap/ic_launcher"
    app:popupTheme="@style/Animation.AppCompat.Dialog"
    app:logoDescription="asdasdasd"
    app:maxButtonHeight="50dp"
    app:navigationContentDescription="tttttt"
    app:title="Title"
    app:titleTextColor="#ffffff"
    android:background="@color/colorPrimaryDark"
    app:subtitle="SubTitle"
    app:subtitleTextColor="#ffffff"
    app:logo="@mipmap/ic_launcher">

</android.support.v7.widget.Toolbar>
(5)基本属性
  • background 设置背景色
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar_normal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimaryDark">
    
    </android.support.v7.widget.Toolbar>
    图片.png

    目前发现,设置toolbar背景色之后,状态栏也会随之变化。

    • navigationIcon 添加返回按钮
      <android.support.v7.widget.Toolbar
          android:id="@+id/toolbar_normal"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="@color/colorPrimaryDark"
          app:navigationIcon="@mipmap/back">
      
      </android.support.v7.widget.Toolbar>

 
图片.png
  • logo 添加logo
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar_normal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimaryDark"
    app:navigationIcon="@mipmap/back"
    app:logo="@mipmap/ic_launcher">

</android.support.v7.widget.Toolbar>
图片.png
 
  • logo 添加logo
<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar_normal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimaryDark"
    app:navigationIcon="@mipmap/back"
    app:logo="@mipmap/ic_launcher">

</android.support.v7.widget.Toolbar>
图片.png
  • title和subtitle 添加标题和子标题

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar_normal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimaryDark"
    app:navigationIcon="@mipmap/back"
    app:logo="@mipmap/ic_launcher"
    app:title="ToolBar标题"
    app:subtitle="ToolBar子标题">

</android.support.v7.widget.Toolbar>
图片.png
  • titleTextColor和subtitleTextColor 修改标题和子标题的颜色
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar_normal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@color/colorPrimaryDark"
        app:navigationIcon="@mipmap/back"
        app:logo="@mipmap/ic_launcher"
        app:title="ToolBar标题"
        app:subtitle="ToolBar子标题"
        app:titleTextColor="#ffffff"
        app:subtitleTextColor="#ffffff">
    
    </android.support.v7.widget.Toolbar>
    图片.png
    • collapseIcon 设置折叠视图的图标
      <android.support.v7.widget.Toolbar
          android:id="@+id/toolbar_normal"
          android:layout_width="match_parent"
          android:layout_height="wrap_content"
          android:background="@color/colorPrimaryDark"
          app:navigationIcon="@mipmap/back"
          app:logo="@mipmap/ic_launcher"
          app:title="ToolBar标题"
          app:collapseIcon="@mipmap/back"
          app:subtitle="ToolBar子标题"
          app:titleTextColor="#ffffff"
          app:subtitleTextColor="#ffffff">
      图片.png

      这个后面有详细介绍。

      (6)添加菜单

      通过inflateMenu可以添加toolbar的菜单

          toolbar_normal.inflateMenu(R.menu.toolbar_menu);

      菜单布局是

      <menu
          xmlns:android="http://schemas.android.com/apk/res/android"
          xmlns:app="http://schemas.android.com/apk/res-auto">
      
          <item
              android:id="@+id/action_search"
              android:icon="@mipmap/back"
              android:title="按钮1"
              app:showAsAction="ifRoom" />
      
          <item
              android:id="@+id/action_notification"
              android:icon="@mipmap/back"
              android:title="按钮2"
              app:showAsAction="ifRoom" />
      
          <item
              android:id="@+id/action_item_one"
              android:title="按钮3"
              app:showAsAction="never" />
      
          <item
              android:id="@+id/action_item_two"
              android:title="按钮4"
              app:showAsAction="never" />
      </menu>

      效果如下:

      图片.png
      图片.png

      每个菜单都可以设置特有的属性

      • orderInCategory
        设置菜单项的排列顺序,必须设置大于等于0的整数值。数值小的排列在前,如果值相等,则按照xml中的顺序展现。
      • title
        菜单项的标题。
      • icon
        菜单项的图标。
      • showAsAction
        该属性有五个值,可以混合使用。

      always:总是显示在Toolbar上。
      ifRoom:如果Toolbar上还有空间,则显示,否则会隐藏在溢出列表中。
      never:永远不会显示在Toolbar上,只会在溢出列表中出现。
      withText:文字和图标一起显示。
      collapseActionView:声明了这个操作视窗应该被折叠到一个按钮中,当用户选择这个按钮时,这个操作视窗展开。一般要配合ifRoom一起使用才会有效。

      这里重点介绍一下collapseActionView属性,利用collapseActionView属性实现“点击按钮展开成搜索框”

      第一步:设置折叠视图图标


      图片.png

      第二步:修改菜单属性

      图片.png

      这样的话就可以实现下图的效果

(7)setOnMenuItemClickListener

设置Item的点击事件

    toolbar_normal.setOnMenuItemClickListener(new Toolbar.OnMenuItemClickListener() {
        @Override
        public boolean onMenuItemClick(MenuItem menuItem) {
            switch (menuItem.getItemId()){
                case R.id.action_item_one:
                    break;
                case R.id.action_item_two:
                    break;
                case R.id.action_notification:
                    break;
                case R.id.action_search:
                    break;
            }
            return true;
        }
    });
(8)setNavigationOnClickListener

设置返回键点击事件

    toolbar_normal.setNavigationOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {

        }
    });
(9)SearchView

有关SearchView,前面已经介绍过怎么展示了,下面介绍怎么去设置监听

    SearchView searchView = (SearchView) menuItem.getActionView();
    searchView.setQueryHint("搜索");
    
    //((ImageView)searchView.findViewById(R.id.search_button)).setImageResource(R.mipmap.shennvguo2);

    searchView.setOnSearchClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View v) {
            //当点击搜索编辑框的时候执行,刚进入时默认点击搜索编辑框
        }
    });

    searchView.setOnQueryTextListener(new SearchView.OnQueryTextListener() {
        @Override
        public boolean onQueryTextSubmit(String s) {
            //点击软键盘搜索的时候执行
            return false;
        }

        @Override
        public boolean onQueryTextChange(String s) {
            //搜索框文本发生改变的时候执行
            return false;
        }
    });
    searchView.setOnQueryTextFocusChangeListener(new View.OnFocusChangeListener() {
        @Override
        public void onFocusChange(View v, boolean hasFocus) {
            //当得到焦点和失去焦点的时候执行
        }
    });

    menuItem.setOnActionExpandListener(new MenuItem.OnActionExpandListener() {
        @Override
        public boolean onMenuItemActionExpand(MenuItem item) {
            //展开时回调
            return true;
        }

        @Override
        public boolean onMenuItemActionCollapse(MenuItem item) {
            //收起来时回调
            return true;
        }
    });
(10)Overflow

修改overflow的图标

    //设置overflow图标
   toolbar_normal.setOverflowIcon(ContextCompat.getDrawable(this,R.mipmap.overflow));
图片.png
(11)overflow popup主题
图片.png

溢出菜单就不介绍了,目前没有什么好办法可以自定义布局。

图片.png
(12)添加子布局
图片.png

Toolbar的父类是ViewGroup,我们常用的线性布局和相对布局的父类也是ViewGroup,所以Toolbar也同样可以添加子布局,看以下代码


<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar_normal"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@color/colorPrimaryDark"
    app:navigationIcon="@mipmap/back"
    app:popupTheme="@style/OverflowMenuStyle"
    app:collapseIcon="@mipmap/back">


    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@color/colorAccent"
        android:text="标题"
        android:layout_gravity="center"
        android:textSize="20sp"/>


</android.support.v7.widget.Toolbar>

我们添加一个标题,使它居中

 


ToolBar的使用来自一下,我觉的总结的太好了!!!
作者:NoBugException
链接:https://www.jianshu.com/p/7dd57a7c66f1
来源:简书

猜你喜欢

转载自www.cnblogs.com/xtxt1127/p/12369699.html