📜  如何在 Android 中绘制不同类型的圆?

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

如何在 Android 中绘制不同类型的圆?

在 Android 中,我们可以根据需要手动创建形状。可以通过创建 Android 资源文件在 XML 中设计形状。文件的类型允许各种属性,如尺寸、颜色、笔触(边框)、实体(背景)等,用于创建所需的形状和设计。基本上,在本文中,我们已经解释了 3 种类型的圆圈:

  1. 圆圈 1:一个只有边框的简单圆圈
  2. 圆圈 2:一个只有纯色的简单圆圈
  3. 圆圈 3:带有边框和纯色的圆圈。

在 Android 中绘制不同类型的圆

在本文中,我们将向您展示如何创建不同类型的圈子。现在开始,一旦 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,如下所示。

创建 Android 资源文件

根据圆圈命名文件。对于第一个文件,我们将其命名为 circle_1。

创建 Android 资源文件

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_1.xml

circle_2.xml 的代码:

在圈子 2 中,我们仅将其归因于体色。请参阅下面的代码。

XML



  
    
  

circle_2.xml

circle_3.xml 的代码:

在这个圈子里,我们结合了以上两个属性,即边界颜色和体色。下面给出了相同的代码。

XML



  
    
  
    
  

circle_3.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 有边界和体色。

输出