知识图谱构建_构建更明亮的应用程序：在Android中使用颜色

cunfen3485

于 2021-01-10 19:25:09 发布

阅读量268

点赞数

文章标签： java python android html vue ViewUI

原文链接：https://www.javacodegeeks.com/2013/02/build-brighter-apps-using-colour-in-android.html

版权

知识图谱构建

使您的Android应用脱颖而出的最有效方法之一就是增加颜色。在本教程中，我将向您展示如何快速轻松地将颜色应用于一系列UI元素：背景，文本和按钮，并演示如何通过在指定的XML文件中定义颜色来简化使用颜色的工作。在本教程的最后一节中，我们将继续进行更高级的介绍：使用颜色状态列表来在按下按钮时更改按钮的颜色。

入门

开始使用颜色的最快方法是利用Android的预定义颜色之一：黑色或白色。创建一个新的Android项目并删除任何默认UI

Eclipse生成的元素和布局。为了让我们开始，我们将这个项目的背景更改为黑色：

在res / layout中打开您的XML文件。

添加以下内容，尤其要注意“ android：background”属性：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com.tools"
        android:background="@color/black"
        android:layout_width="match_parent" 
        android:layout_height="match_parent"   >

       </RelativeLayout>

切换到Eclipse的图形布局编辑器，您将看到背景已变为黑色。

颜色常数

如果要将背景颜色更改为比黑色或白色更具冒险色彩的颜色，则需要使用颜色常量。这些常量的列表可在官方 Android 文档中获得。在最基本的水平上，更改背景颜色仅是用以下代码之一替换“ @ color / black”。例如，“ blue”的值为：

Constant Value: -16776961 ff0000ff

输入以下内容，将背景更改为蓝色：

android:background="#ff0000ff"

或者，要将背景颜色更改为绿色，请输入：

android:background="#ff00ff00"

这是一个很好的起点，但是您已经注意到，在Android文档和Eclipse安装之间不断地迁移是非常耗时的。为了节省时间，您应该预先定义要在项目中使用的所有颜色。

创建一个Color.xml文件

定义颜色资源有几种可能的方法，但是最好将它们一起保存在res / values文件夹中的专用color.xml文件中。 Eclipse默认情况下不会生成此文件，因此您需要首先将其添加到项目中。

右键单击“值”文件夹，然后从上下文菜单中选择“新建”。如果看不到“ Android XML文件”选项，则可以选择“其他…”以显示更全面的选项列表。
在随后的对话框中，将新的XML文件命名为“颜色”，然后选择“完成”。
成功！ color.xml文件已添加到“值”文件夹。

定义颜色常数

现在，我们已经创建了一个colour.xml文件来保存我们的颜色值，我们将定义蓝色，以便我们可以像对待预定义颜色一样引用它。

如果未自动打开，请打开color.xml文件并切换到“ color.xml”选项卡。

输入以下内容：

<?xml version="1.0" encoding="utf-8"?>

<resources>

<color name="blue">#ff0000ff</color>

</resources>

返回到res / layout XML文件并设置背景颜色，其方式与我们先前使用的预定义“黑色”完全相同：
```
android:background="@color/blue"
```
切换到图形布局编辑器。现在背景应该是蓝色的。

现在，只需定义新颜色即可，只需返回“ color.xml”文件并添加另一行XML。尝试最后一次通过定义新颜色来更改背景颜色：

<color name="LightPink">#FFE4E1</color>

返回您的布局文件，并将“ @ color / blue”替换为“ @ color / LightPink”。就这么简单！

将颜色应用于UI元素

但是，这个令人兴奋的色彩世界不仅限于您应用的背景。定义颜色后，只需一行XML即可更改文本的颜色：

<TextView

android:id="@+id/textView1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:textColor="@color/blue"

android:text="This is blue text" />

您还可以更改按钮的背景色：

<Button

android:id="@+id/button1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:background="@color/blue"

android:text="Button" />

或将两者结合起来以创建一个具有蓝色背景和浅粉红色文本的按钮：

<Button

android:id="@+id/button1"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"
android:background="@color/blue"

android:textColor="@color/LightPink"

android:text="Button" />

使用Android的颜色状态列表

有几种方法可以让用户知道您已经在其应用程序中注册了他们的活动，但是最简单的方法之一就是使用“颜色状态列表”来更改UI元素的颜色。 “颜色状态列表”本质上是一个更改颜色的对象，以与相关View对象的更改状态相对应。在本教程的最后一部分中，我将通过按钮的示例向您展示如何在项目中使用颜色状态列表，该按钮在按下时会改变颜色。

1.定义一些颜色

在开始之前，您应该返回colors.xml文件并添加将在应用程序中使用的颜色。

<color name="red">#ff00</color>
<color name="green">#f0f0</color>

2.定义颜色状态列表资源

在res / drawable文件夹中创建一个'color_list.xml'文件。

空的颜色状态列表使用以下打开和关闭XML：

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

</selector>

列表中的每种颜色都是使用<item>标记定义的，将这些颜色称为标准可绘制资源。您还需要将每个<item>附加到一个状态，因此请从以下选项中进行选择：

android：state_pressed =” true / false”
android：state_focused =“ true / false”
android：state_selected =“ true / false”
android：state_checkable =” true / false”
android：state_checked =“ true / false”
android：state_enabled =“ true / false”
android：state_window_focused =“ true / false”

我们将创建两个状态，默认状态和android：state_pressed。请注意，该项目的默认值应始终位于列表的底部，因为您的Eclipse安装将采用列表中与当前状态匹配的第一项。如果第一个状态是默认状态，则Eclipse甚至不会查看其余状态。

<?xml version="1.0" encoding="utf-8"?>

<selector xmlns:android="http://schemas.android.com/apk/res/android">

<item

android:state_pressed="true"

android:drawable="@color/green" />

<item

android:drawable="@color/red" />

</selector>

3.创建您的UI

现在是时候使用您的颜色状态列表了！打开您的布局文件，并通过一个按钮创建一个布局。在此示例中，我正在使用：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:layout_width="match_parent"

android:layout_height="match_parent"  >

<Button

android:id="@+id/button1"

style="?android:attr/buttonStyleSmall"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:layout_marginTop="18dp"

android:text="@string/click"  />

</RelativeLayout>

小费

。不要忘记为@ string / click创建一个字符串资源。打开您的strings.xml文件并添加以下内容：

<string name="click">Click Me</string>

4.全部链接！

现在是时候将“颜色状态列表”链接到您刚创建的按钮了。引用列表，就像使用任何可绘制资源一样：

<Button

android:id="@+id/button1"

style="?android:attr/buttonStyleSmall"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_alignParentLeft="true"

android:layout_alignParentTop="true"

android:layout_marginTop="18dp"

android:text=“@string/click"

android:background=“@drawable/color_list" />