工具栏基本上是一个包含许多交互式项目的表单操作栏。与操作栏相比,工具栏支持更集中的功能。该工具栏已添加到Android Lollipop(API 21)中,并且是ActionBar的后继工具。工具栏是一个ViewGroup,可以将其放置在XML布局中的任何位置。与ActionBar相比,可以更有效地自定义工具栏的外观和行为。工具栏比ActionBar更加灵活。只需更改其颜色,大小和位置即可。我们还可以为其添加标签,徽标,导航图标和其他视图。在本文中,我们将看到如何使用各种方法自定义工具栏背景。我们将看到以下方法:
- 纯色背景
- 自定义渐变背景
- 图片背景
Note: Before adding a custom Toolbar in your app remove the default Actionbar in your android app by following this link.
纯色背景
这是向工具栏添加背景的最简单方法。在这种方法中,我们使用background属性设置纯色。我们可以输入颜色的十六进制代码,也可以在values资源目录中定义颜色。请按照以下步骤操作:
- 在activity_main.xml文件中创建一个工具栏。
- 在名称的colors.xml文件中添加一个颜色值。
- 在activity_main.xml文件的工具栏中添加background属性,并在colors.xml文件中创建颜色的名称。
以下是activity_main.xml文件的代码:
XML
XML
#6200EE
#3700B3
#03DAC5
XML
-
XML
XML
以下是colors.xml文件的代码。
XML格式
#6200EE
#3700B3
#03DAC5
输出界面:
自定义渐变背景
可以使用两种或更多种颜色来创建渐变颜色。 XML为我们提供了一种很酷的方式来创建自己的渐变色,该渐变色可以在许多地方用作背景。请按照以下步骤创建和设置渐变背景–
- 在资源中的drawable文件夹中创建一个XML文件。 (转到应用程序> res> drawable>右键单击>新建> Drawable资源文件,并将文件命名为背景)
- 在项目中创建一个形状,然后放置渐变标签。
- 添加以下属性:
- 角度:这将设置两种颜色褪色的角度。
- startColor:背景的第一种颜色。
- endColor:背景的第二种颜色。
- 类型:这将设置淡入淡出是线性的还是圆形的。
- 创建背景XML后,请在activity_main.xml文件的background属性中进行设置。
以下是background.xml文件的代码。
XML格式
-
以下是activity_main.xml文件的代码:
XML格式
输出界面:
图片背景
我们还可以使用图像代替颜色作为背景。为此,我们将再次使用activity_main.xml中的background属性。我们唯一需要记住的是图像的尺寸应与工具栏的尺寸相同,因为background属性会进行裁剪以适合空间中的图像。请参阅以下步骤:
- 将图像添加到资源中的drawable文件夹中。
- 在activity_main.xml文件的工具栏的drawable属性中设置图像。
- 确保图像和工具栏具有相同的尺寸。
以下是activity_main.xml文件的代码:
XML格式