如何在 Android 中为 ActionBar 设置渐变和图像背景?
UI 在保持用户参与应用程序方面发挥了重要作用。最基本的开始是为应用程序开发主题。主题可能适用于应用程序中的所有 UI 元素,但是,用户可能首先注意到的是操作栏。默认情况下,操作栏有一个主题。我们只能从可用资产更改其颜色。通过本文,我们想向您展示如何更改 ActionBar 的背景并使其看起来更具吸引力。本文分为两部分。首先,我们演示了如何创建渐变并将其作为背景应用到操作栏,然后,整合类似的想法和方法将图像背景应用到操作栏。
设置 ActionBar 渐变背景的步骤
第 1 步:创建一个新项目
要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。选择Kotlin作为编程语言。
第 2 步:创建可绘制资源文件
通过右键单击资源中的可绘制文件夹来创建可绘制资源文件。现在将光标移动到 New 并选择 Drawable Resource File,如下所示。
选择后,会弹出一个窗口,填写文件名、根元素等。我们将文件命名为“ sample_gradient ”。我们将为根元素选择形状选项。完成后,单击确定。
第 3 步:编辑可绘制资源文件
我们需要为形状标签之间的渐变片段编写代码。这个片段将帮助我们创建一个渐变。按照以下代码创建一个。默认情况下,可绘制资源文件是用 XML 编写的。
XML
Kotlin
package org.geeksforgeeks.actionbargradientcolor
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
// Requesting ActionBar to set specific
// background from the drawable folder.
supportActionBar?.setBackgroundDrawable(resources.getDrawable(R.drawable.sample_gradient))
// It is necessary to call ActionBar
// before setContentView().
setContentView(R.layout.activity_main)
}
}
Kotlin
package org.geeksforgeeks.actionbargradientcolor
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
// Requesting ActionBar to set specific
// background from the drawable folder.
supportActionBar?.setBackgroundDrawable(resources.getDrawable(R.drawable.design_image))
// It is necessary to call ActionBar
// before setContentView().
setContentView(R.layout.activity_main)
}
}
下面是渐变的预览。
第 4 步:编辑 MainActivity.kt
科特林
package org.geeksforgeeks.actionbargradientcolor
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
// Requesting ActionBar to set specific
// background from the drawable folder.
supportActionBar?.setBackgroundDrawable(resources.getDrawable(R.drawable.sample_gradient))
// It is necessary to call ActionBar
// before setContentView().
setContentView(R.layout.activity_main)
}
}
输出:
为 ActionBar 设置图像背景的步骤
第 1 步:创建一个新项目
要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。选择Kotlin作为编程语言。
第 2 步:在 drawable 文件夹中添加设计图像
只需将设计图像复制并粘贴到可绘制文件夹中即可。
第 3 步:编辑 MainActivity.kt
科特林
package org.geeksforgeeks.actionbargradientcolor
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
// Requesting ActionBar to set specific
// background from the drawable folder.
supportActionBar?.setBackgroundDrawable(resources.getDrawable(R.drawable.design_image))
// It is necessary to call ActionBar
// before setContentView().
setContentView(R.layout.activity_main)
}
}
输出: