toolbar的使用

最新推荐文章于 2024-03-23 22:24:17 发布
最新推荐文章于 2024-03-23 22:24:17 发布
阅读量540 收藏
点赞数

1、ToolBar的介绍

ToolBar基本上继承了ActionBar的风格，使用ToolBar可以简单的实现导航的效果，但toolbar有一此配置比较麻烦，特别是自定义的时候遇到的问题很多，下面是常用的效果图

这里写图片描述

从api或者源码中看toolbar的主要功能：
这里写图片描述

2、ToolBar的基本使用

在布局中配置toolbar，注意是support-v7下的toolbar

<?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"
    android:fitsSystemWindows="true"
    tools:context="com.example.administrator.toolbar.MainActivity">
    <android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="?attr/colorPrimary"
        app:popupTheme="@style/AppTheme.PopupOverlay">
    </android.support.v7.widget.Toolbar>
</LinearLayout>

   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17

在activity中调用

package com.example.administrator.toolbar;

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);
        toolbar.setTitle("主标题");
        toolbar.setSubtitle("附标题");
        toolbar.setNavigationIcon(R.mipmap.icon_back);
        setSupportActionBar(toolbar);
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }
    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41

效果图
这里写图片描述

3、ToolBar自定义样式

1、自定义标题只需要在Toolbar中添加一个TextView

<?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"
    android:fitsSystemWindows="true"
    tools:context="com.example.yu.toolbar.MainActivity">
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" >
            <TextView
                android:gravity="center"
                android:textSize="25sp"
                android:text="标题"
                android:id="@+id/tv_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </android.support.v7.widget.Toolbar>

</LinearLayout>

   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25

这里写图片描述

2、自定义菜单

自定义菜单主要是更换菜单三个点和弹出窗的背景颜色,弹窗的位置
下面也是最常用的布局方式
这里写图片描述

在布局文件中引用设置的主题
主意：在代码中引用的布局是 android:theme=”@style/Theme.ToolBar.Menu”，而不是 android:popupTheme=”@style/Theme.ToolBar.Menu”

在activity中代码一样

package com.example.yu.toolbar;

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);

//        toolbar.setTitle("主标题");
//        toolbar.setTitleTextColor(getResources().getColor(R.color.red));
//
//
//        toolbar.setSubtitle("副标题");
//        toolbar.setSubtitleTextColor(getResources().getColor(R.color.green));
//
//        toolbar.setLogo(R.mipmap.ic_launcher);
        toolbar.setNavigationIcon(R.mipmap.icon_back);

        setSupportActionBar(toolbar);
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }
}

   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50

布局文件代码如下

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:fitsSystemWindows="true"
    tools:context="com.example.yu.toolbar.MainActivity">
        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="#3F51B5"
            android:theme="@style/Theme.ToolBar.Menu"
            >
            <TextView
                android:gravity="center"
                android:textSize="25sp"
                android:text="标题"
                android:id="@+id/tv_title"
                android:layout_width="match_parent"
                android:layout_height="wrap_content" />
        </android.support.v7.widget.Toolbar>

</LinearLayout>

   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25

在styles中设置

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

    <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />
    <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

    <style name="Theme.ToolBar.Menu" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- 设置-弹窗的背景-颜色-->
        <item name="android:colorBackground">#4f4f4f</item>

        <!-- 字体的颜色-->
        <item name="android:textColor">#ffffff</item>
        <!-- 字体大小-->
        <item name="android:textSize">18sp</item>

        <!-- 用于替换菜单的三个小白点，换成自已的图片-->
       <item name="actionOverflowButtonStyle">@style/ActionButton.Overflow.Menu</item>

        <!--用于控制menu弹出的位置，位于toolbar的下面，而不是上面-->
        <item name="actionOverflowMenuStyle">@style/OverflowMenuStyle</item>
    </style>
    <style name="ActionButton.Overflow.Menu" parent="android:style/Widget.Holo.Light.ActionButton.Overflow">
        <item name="android:src">@mipmap/icon_listl</item>

    </style>
    <!--把该属性改为false即可使menu位置位于toolbar之下-->
    <style name="OverflowMenuStyle" parent="Widget.AppCompat.Light.PopupMenu.Overflow">
        <item name="overlapAnchor">false</item>
    </style>
</resources>

   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43

最后在menu_main中

<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="com.example.yu.toolbar.MainActivity"
    >
    <item
        android:id="@+id/action_settings"
        android:orderInCategory="100"
        android:title="设置"
        app:showAsAction="never" />
    <item
        android:id="@+id/action_settings1"
        android:orderInCategory="100"
        android:title="关于"
        app:showAsAction="never" />
    <item

        android:id="@+id/action_settings2"
        android:orderInCategory="100"
        android:title="查询"
        app:showAsAction="never" />
    <item
        android:id="@+id/action_settings3"
        android:orderInCategory="100"
        android:title="发现"
        app:showAsAction="never" />
</menu>

   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28

3、修改popmenu的分割线和宽度

这里写图片描述
在theme中添加代码

  <style name="Theme.ToolBar.Menu" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- 设置-弹窗的背景-颜色-->
        <item name="android:colorBackground">#4f4f4f</item>


        <!-- 字体的颜色-->
        <item name="android:textColor">#ffffff</item>
        <!-- 字体大小-->
        <item name="android:textSize">18sp</item>

        <!-- 用于替换菜单的三个小白点，换成自已的图片-->
        <item name="actionOverflowButtonStyle">@style/ActionButton.Overflow.Menu</item>

        <!--用于控制menu弹出的位置，位于toolbar的下面，而不是上面-->
        <item name="actionOverflowMenuStyle">@style/OverflowMenuStyle</item>

        <!-- 用于修改item默认的分割线-->
        <item name="android:dropDownListViewStyle">@style/dropDownStyle</item>
        <item name="dropDownListViewStyle">@style/dropDownStyle</item>

        <!-- 用于控件popmenu的宽度-->
        <item name="android:width">150dp</item>

    </style>
  <!--用于修改popmenu的分割线-->
    <style name="dropDownStyle" parent="android:style/Widget.Holo.ListView.DropDown">
        <!--<item name="android:listSelector">可添加选中背景颜色</item>-->
        <item name="android:divider">#908d8d8d</item>
        <item name="android:dividerHeight">0.5dp</item>
    </style>

    <style name="popupTextProfile" parent="@style/TextAppearance.Widget.AppCompat.ExpandedMenu.Item">
        <item name="android:textColor">@android:color/white</item>
    </style>
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34

4、ToolBar使用中遇到的问题

1、使用ToolBar直接崩溃问题

崩溃日志如下：

Exception while inflating <vector>
org.xmlpull.v1.XmlPullParserException: Binary XML file line #17<vector> tag requires viewportWidth > 0
at android.support.graphics.drawable.VectorDrawableCompat.updateStateFromTypedArray(VectorDrawableCompat.java:535)
at android.support.graphics.drawable.VectorDrawableCompat.inflate(VectorDrawableCompat.java:472)
at android.support.graphics.drawable.VectorDrawableCompat.createFromXmlInner(VectorDrawableCompat.java:436)
at android.support.v7.widget.AppCompatDrawableManager$VdcInflateDelegate.createFromXmlInner(AppCompatDrawableManager.java:829)
at android.support.v7.widget.AppCompatDrawableManager.loadDrawableFromDelegates(AppCompatDrawableManager.java:303)
at android.support.v7.widget.AppCompatDrawableManager.getDrawable(AppCompatDrawableManager.java:178)
at android.support.v7.widget.AppCompatDrawableManager.getDrawable(AppCompatDrawableManager.java:173)
at android.support.v7.widget.TintTypedArray.getDrawable(TintTypedArray.java:60)
at android.support.v7.widget.Toolbar.<init>(Toolbar.java:254)
at android.support.v7.widget.Toolbar.<init>(Toolbar.java:196)
at java.lang.reflect.Constructor.constructNative(Native Method)
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13

修改：

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:appcompat-v7:23.2.0'
    compile 'com.android.support:design:23.2.0'
}
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6

修改成下面代码

dependencies {
    compile fileTree(dir: 'libs', include: ['*.jar'])
    testCompile 'junit:junit:4.12'
    compile 'com.android.support:design:23.1.1'
}
   
   
  • 1
  • 2
  • 3
  • 4
  • 5

2、使用ToolBar不显示菜单中的图片

这里写图片描述
在menu中的代码

<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="com.example.yu.toolbar.MainActivity"
    >
    <item
        android:icon="@mipmap/menu_group_chat_icon"
        android:id="@+id/action_settings"
        android:title="发起群聊"
        />
    <item
        android:icon="@mipmap/menu_add_icon"
        android:id="@+id/action_settings1"
        android:title="添加朋友"
        />
    <item
        android:icon="@mipmap/men_scan_icon"
        android:id="@+id/action_settings2"
        android:title="查询"
        />
    <item
        android:icon="@mipmap/menu_feedback_icon"
        android:id="@+id/action_settings3"
        android:title="意见反馈"
     />
</menu>

   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

在activity中重写父类的onPrepareOptionsPanel方法就可以显示menu中的图片

 /**
     * 显示item中的图片；
     *
     * @param view
     * @param menu
     * @return
     */
    @Override
    protected boolean onPrepareOptionsPanel(View view, Menu menu) {
        if (menu != ) {
            if (menu.getClass() == MenuBuilder.class) {
                try {
                    Method m = menu.getClass().getDeclaredMethod("setOptionalIconsVisible", Boolean.TYPE);
                    m.setAccessible(true);
                    m.invoke(menu, true);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        }
        return super.onPrepareOptionsPanel(view, menu);
    }
   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22

最后总结一下使用的style属性

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="AppTheme.NoActionBar">
        <item name="windowActionBar">false</item>
        <item name="windowNoTitle">true</item>
    </style>

    <style name="AppTheme.AppBarOverlay" parent="ThemeOverlay.AppCompat.Dark.ActionBar" />

    <style name="AppTheme.PopupOverlay" parent="ThemeOverlay.AppCompat.Light" />

    <style name="Theme.ToolBar.Menu" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- 设置-弹窗的背景-颜色-->
        <item name="android:colorBackground">#4f4f4f</item>

        <!-- 字体的颜色-->
        <item name="android:textColor">#ffffff</item>
        <!-- 字体大小-->
        <item name="android:textSize">18sp</item>

        <!-- 用于替换菜单的三个小白点，换成自已的图片-->
        <item name="actionOverflowButtonStyle">@style/ActionButton.Overflow.Menu</item>

        <!--用于控制menu弹出的位置，位于toolbar的下面，而不是上面-->
        <item name="actionOverflowMenuStyle">@style/OverflowMenuStyle</item>

        <!-- 用于修改item默认的分割线-->
        <item name="android:dropDownListViewStyle">@style/dropDownStyle</item>
        <item name="dropDownListViewStyle">@style/dropDownStyle</item>

        <!-- 用于控件popmenu的宽度-->
        <item name="android:width">150dp</item>

    </style>

    <style name="ActionButton.Overflow.Menu" parent="android:style/Widget.Holo.Light.ActionButton.Overflow">
        <item name="android:src">@mipmap/icon_listl</item>

    </style>
    <!--把该属性改为false即可使menu位置位于toolbar之下-->
    <style name="OverflowMenuStyle" parent="Widget.AppCompat.Light.PopupMenu.Overflow">
        <item name="overlapAnchor">false</item>
    </style>

    <!--用于修改popmenu的分割线-->
    <style name="dropDownStyle" parent="android:style/Widget.Holo.ListView.DropDown">
        <!--<item name="android:listSelector">可添加选中背景颜色</item>-->
        <item name="android:divider">#908d8d8d</item>
        <item name="android:dividerHeight">0.5dp</item>
    </style>

    <style name="popupTextProfile" parent="@style/TextAppearance.Widget.AppCompat.ExpandedMenu.Item">
        <item name="android:textColor">@android:color/white</item>
    </style>
</resources>

   
   
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  • 32
  • 33
  • 34
  • 35
  • 36
  • 37
  • 38
  • 39
  • 40
  • 41
  • 42
  • 43
  • 44
  • 45
  • 46
  • 47
  • 48
  • 49
  • 50
  • 51
  • 52
  • 53
  • 54
  • 55
  • 56
  • 57
  • 58
  • 59
  • 60
  • 61
  • 62
  • 63
  • 64

代码下载地址
http://download.csdn.net/detail/androidxiaogang/9556455

        <link rel="stylesheet" href="https://csdnimg.cn/release/phoenix/template/css/markdown_views-ea0013b516.css">
            </div>
li1214477012
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ToolBar使用方法详解
01-05
ToolBar的出现是为了替换之前的ActionBar的各种不灵活使用方式,相反,ToolBar的使用变得非常灵活,因为它可以让我们自由往里面添加子控件.低版本要使用的话,可以添加support-v7包. 今天要实现的效果如下: 由上图...
Android的ToolBar简单使用
Mr_Tony的专栏
12-11 9529
文章目录一、前言二、Activity、FragmentActivity与ToolsBar的关系三、ToolsBar的初步使用四、ToolBar的菜单配置五、返回时间监听六、自定义ToolBar 一、前言 在实际开发中，通常会有应用操作栏，如果整个应用有一个统一风格的应用状态栏的话，我们常常会自己对其封装一个公共的组件在各个地方进行引入。不过官方对其提供栏一个公共状态栏的组件，并且拥有其一些常用的属性。以前是ActionBar，现在叫做ToolBar。而且还可以和一些其它的组件进行联动。这些组件在不满足其使用
【Android】原来Toolbar还能这么用？Toolbar使用最全解析。网友：终于不用老是自定义标题栏啦
宾有为的博客
07-11 4490
参考文章：Toolbar的使用
Toolbar在Android中的使用，安卓开发必须会的技能
最新发布
m0_56175058的博客
03-23 979
其实Android开发的知识点就那么多，面试问来问去还是那么点东西。所以面试没有其他的诀窍，只看你对这些知识点准备的充分程度。so，出去面试时先看看自己复习到了哪个阶段就好。虽然 Android 没有前几年火热了，已经过去了会四大组件就能找到高薪职位的时代了。这只能说明 Android 中级以下的岗位饱和了，现在高级工程师还是比较缺少的，很多高级职位给的薪资真的特别高（钱多也不一定能找到合适的），所以努力让自己成为高级工程师才是最重要的。
Android---Toolbar
qq_44950283的博客
01-06 3540
使用 Toolbar 更好的代替 Actionbar。Toolbar 也可以很好的与 menu 结合设计出更炫酷大的UI。特别注意设置 Toolbar 的主题，可以单独设置
Toolbar的介绍和使用
wangjiang
02-16 9482
1.Toolbar介绍      Toolbar是应用程序中使用的标准工具栏。     Toolbar是应用程序布局中使用的Actionbar的泛华，虽然Actionbar是传统Activity的不透明窗口装饰的控制框架的一部分，但是在视图层次里Toolbar可以被任何任意级别的嵌套。使用Toolbar时，应用程序可以通过使用android.support.v7.app.AppCompatAc
Android开发之Toolbar（实现自定义工具栏）
ShadyPi的IT笔记
03-08 5222
自定义工具栏，包含图标、点击图标时间、标题副标题等。
Android toolbar 使用详解
08-14
Android toolbar 使用详解，一个不错的学习toolbar的例子，里面包括各种toolbar用法
android Toolbar 使用
01-03
1、导航控制器：  google 为了统一导航 android3.0 出来了 ActionBar, ActionBar使用比较费劲 ...2. 使用toolbar 2.1 添加依赖 compile 'com.android.support:design:27.1.1' 2.2. 布局  2.3. 设置主题 
Toolbar使用详解
05-27
详细介绍了Toolbar 的使用过程
Toolbar的使用
Dimen-zhou的博客
06-16 529
一、Toolbar的简介 Toolbar 是 android 5.0 引入的一个新控件，Toolbar出现之前，我们很多时候都是使用ActionBar以及ActionActivity实现顶部导航栏的，因此Toolbar可以理解为是ActionBar的升级版。Toolbar大大扩展了ActionBar，使用更灵活，不像ActionBar那么固定，Toolbar更像是一般的View元素，可以被放
组合控件——顶部导航栏——工具栏Toolbar
小白龙白龙马的博客
09-04 1090
工具栏位于页面顶部，引入工具栏的步骤如下： (1)在styles.xml中定义一个不包含ActionBar的风格样式； (2)给activity节点添加android:theme属性，并将属性值设为第一步定义的风格； (3)将活动页面的XML文件根节点改成LinearLayout，且为vertical垂直方向，然后增加一个Toolbar节点 (4)打开活动页面的Java代码，在onCreate...
Android ToolBar 使用完全解析
蓝天白云梦的csdn博客
05-07 3万+
ToolBar简介ToolBar是Android 5.0推出的一个新的导航控件用于取代之前的ActionBar，由于其高度的可定制性、灵活性、具有Material Design风格等优点，越来越多的应用也用上了ToolBar，比如常用的知乎软件其顶部导航栏正是使用ToolBar。官方考虑到仍有一部分用户的手机版本号低于5.0，所以，ToolBar也放进了support v7包内，使得低版本的系统也能
Android Toolbar控件
假装你是大灰狼的专栏
09-03 3323
1. Toolbar类 Toolbar是替代ActionBar的产物，低版本可以使用v7兼容包，使用Theme.AppCompat主题，并添加配置。 &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;item name=&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quot;windowActionBar&amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;quo
qt5-入门-工具栏toolBar介绍+实例
陆沙的博客
03-21 1152
qt5 工具栏实际应用
ToolBar使用总结
俊墨客
09-30 1399
目录 一、toolbar style配置 toolbar布局 二、NavigationIcon NavigationIcon常用方法 具体使用 三、title 四、Menu menu的创建 menu点击事件 menu不同状态时操作 menu菜单图标+标题同时显示 fragment使用menu菜单 五、style的配置 style的基本配置 app:theme & app:popupTheme 修改toolbar的字体 修改menu的字体颜色 修改menu显示位置 一、
Toolbar的详细介绍和自定义Toolbar
热门推荐
da_caoyuan的博客
03-14 9万+
在此总结一下，Android Toolbar 控件的使用方法，争取总结的系统全面些。之前也只是停留在一些基本简单的用法，而且也不系统。希望爱学习的你能通过这篇文章，有所收获！ Toolbar 的基本用法 常用的方法 xml中的设置： &amp;amp;amp;amp;amp;amp;amp;amp;amp;amp;lt;android.support.v7.widget.Toolbar android:id=&amp;amp;amp;amp;amp;amp
toolbar使用
05-28
使用Toolbar的步骤如下： 1.在布局文件中定义Toolbar，例如： ``` <androidx.appcompat.widget.Toolbar android:id="@+id/toolbar" android:layout_width="match_parent" android:layout_height="?attr/...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值