📌  相关文章
📜  如何在 Android 中为 ActionBar 设置渐变和图像背景?

📅  最后修改于: 2022-05-13 01:55:49.389000             🧑  作者: Mango

如何在 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 文件夹中添加设计图像

只需将设计图像复制并粘贴到可绘制文件夹中即可。

design_image.png

第 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)
    }
}

输出:

想要一个更快节奏和更具竞争力的环境来学习 Android 的基础知识吗?
单击此处前往由我们的专家精心策划的指南,旨在让您立即做好行业准备!