如何在 Android 中绘制不同类型的圆?
在 Android 中,我们可以根据需要手动创建形状。可以通过创建 Android 资源文件在 XML 中设计形状。文件的类型允许各种属性,如尺寸、颜色、笔触(边框)、实体(背景)等,用于创建所需的形状和设计。基本上,在本文中,我们已经解释了 3 种类型的圆圈:
- 圆圈 1:一个只有边框的简单圆圈
- 圆圈 2:一个只有纯色的简单圆圈
- 圆圈 3:带有边框和纯色的圆圈。
在本文中,我们将向您展示如何创建不同类型的圈子。现在开始,一旦 IDE 准备好,请按照以下步骤操作。
分步实施
第 1 步:在 Android Studio 中创建一个新项目
要在 Android Studio 中创建新项目,请参阅如何在 Android Studio 中创建/启动新项目。我们在 Kotlin 中演示了该应用程序,因此请确保在创建新项目时选择Kotlin作为主要语言。
第 2 步:创建 Android 资源文件
在本文中,我们将实现 3 种类型的圆。所以我们为circle 1、circle 2和circle 3创建了三个这样的资源文件。要创建一个Android资源文件,请右键单击res文件夹,转到New并单击Android Resource File,如下所示。
根据圆圈命名文件。对于第一个文件,我们将其命名为 circle_1。
circle_1.xml 的代码:
圆圈 1 是一个简单的圆圈,没有颜色,只有轮廓。同样,代码如下。
XML
XML
XML
XML
Kotlin
package org.geeksforgeeks.myapplication
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
}
}
circle_2.xml 的代码:
在圈子 2 中,我们仅将其归因于体色。请参阅下面的代码。
XML
circle_3.xml 的代码:
在这个圈子里,我们结合了以上两个属性,即边界颜色和体色。下面给出了相同的代码。
XML
第 3 步:使用 activity_main.xml 文件
导航到app > res > layout > activity_main.xml并将以下代码添加到该文件。下面是activity_main.xml文件的代码。我们将显示需要为其添加三个 ImageView 的所有三个圆圈。
XML
MainActivity.kt没有变化。当我们将圆圈直接显示到 ImageViews 中时,我们将保持主文件不变。
科特林
package org.geeksforgeeks.myapplication
import androidx.appcompat.app.AppCompatActivity
import android.os.Bundle
class MainActivity : AppCompatActivity() {
override fun onCreate(savedInstanceState: Bundle?) {
super.onCreate(savedInstanceState)
setContentView(R.layout.activity_main)
}
}
输出:
您可以看到我们之前创建的三种类型的圈子。圈 1 只有边界颜色,圈 2 只有体色,圈 3 有边界和体色。