在 GUI 中，单个的按钮、复选框等等都叫做组件（component），也称为控件（control），有时还称作部件（widget）。下面向我们的 GUI 中增加一些组件。
添加按钮
在左边的窗口（空窗口）中，选择 Component（组件）菜单，然后选择 Button （按钮）。你会看到弹出一个 NewButton 对话框，它的名字和标签都是 Button1 。必须在这里输入我们的按钮名（程序中将用这个名字来指示按钮），另外还要指定一个标签（它将出现在按钮上）。下面把按钮命名为 helloButton，指定标签为“Hello!”。
在 NewButton 对话框中点击 OK 时，会看到这个按钮出现在 GUI 窗口中。应该像右图显示的这样。
另外在属性编辑器窗口中还会看到这个按钮的属性。
可以看到，这个按钮的名字是 helloButton。如果点击属性列表中的其他属性，还可以看到按钮的颜色、大小、位置等内容。
修改按钮
要修改按钮的大小或者按钮在窗口中的位置，有两种方法：用鼠标拖动按钮，或者改变 Size 或 Position 属性。可以试着用这两种方法移动和调整按钮大小，看看它们的作用。
保存 GUI
下面保存目前为止建立的 GUI。在 PythonCard 程序中，所有组件的描述都保存在一个资源文件（resource file）中。这个文件包含了窗口、菜单和组件的所有信息。资源编辑器中显示的正是同样的信息，现在我们需要把这些信息保存到一个文件中，以便 PythonCard 程序运行时使用。
要保存资源文件，可以在资源编辑器中进入 File 菜单，选择 Save As（另存为），为文件指定一个名字。下面把我们的 GUI 命名为 MyFirstGui。你会注意到，Save As Type（另存为类型）框中有一项 .rsrc.py。这说明输入文件名时会在末尾增加 .rsrc.py 作为文件扩展名。所以这个程序的资源文件是 MyFirstGui.rsrc.py。
可以在任何文本编辑器（如 SPE 或 IDLE）中查看这个文件。如果打开这个文件，会看到这样的内容：
看起来让人有点糊涂，不过如果再仔细看看，可以看到以 backgrounds 开头的一节（从第 3 行开始）。这部分描述了窗口，窗口大小为 400×300 像素。下面一节对应菜单（从第 10 行开始），接下来一节名为 components（从第 25 行开始）。这里可以看到一个类型为 Button 的组件，后面还列出了它的属性：name、position、size 和 label。