Before I dive into coding this simple button widget using RCC, I will go through the basics and the newly-introduced family of RCC elements.

在开始用RCC编写这个简单的按钮部件之前，我将回顾一下基本知识和新推出的RCC元素家族。

youdao

In this article, I will introduce the basics of RCC, walk through the implementation of a first user-interface widget (a push-button), and provide a demo of a richer UI application.

本文中将介绍RCC的基础，探讨如何实现一个用户界面部件(按钮)，并提供一个更丰富的UI应用程序的演示。

youdao

As I said in my introduction, a common use case for RCC is creating UI widgets.

在简介中我曾经提到，RCC最常见的用例是创建UI部件。

youdao

Now that the implementation of my push-button is complete, I can create a very simple application, the guts of which (other than the RCC definitions and other required SVG markup) look like this.

现在，我们的下压按钮实现已经完成了，我可以创建一个非常简单的应用程序，其内部构造(而不是RCC定义和其他需要的SVG标记)如下所示。

youdao

Now that the implementation of my push-button is complete, I can create a very simple application, the guts of which (other than the RCC definitions and other required SVG markup) look like this.

现在，我们的下压按钮实现已经完成了，我可以创建一个非常简单的应用程序，其内部构造(而不是RCC定义和其他需要的SVG标记)如下所示。

youdao