Xojo

Xojo简介

Xojo for Windows是一个多功能的应用程序开发环境，与其他多平台开发工具相比，它为开发人员提供了显著的生产力提升。Xojo包含拖放功能，可以让你快速创建用户界面设计，并组合其背后的代码，增加功能和功能；该程序与Visual Basic高度兼容，因此Visual Basic开发人员可以使用该工具非常快速地提高工作效率。Xojo桌面版它还附带了一个实用程序，可以帮助用户将Visual Basic项目转换为应用程序。单击复选框，为macOS、Windows、Linux、Web和iOS编译它们。它可以通过一组源代码为所有平台和Web运行和创建软件；这个程序结合了特定于平台的智能，例如用户界面小部件，因此无论使用哪种工具来创建平台，该工具创建的应用程序都具有本机外观。使用基于SQLite公共域数据库引擎的应用内置数据库，构建强大的数据库应用，支持矢量图形的标准图像格式！

Xojo软件功能

创造任何东西。

内置对图形、数据库、互联网协议等的支持。

你几乎可以用这个软件构建任何你能想象的东西。

有了它，你可以制作商业软件产品和实用程序，帮助你简化生活，甚至学习编程。

其实工具本身就是一个应用！

构建应用程序的速度提高10倍。

您可以使用一组源代码来支持多个平台，并拥有40多个内置用户界面控件。

让你的应用程序看起来和显示你想要在任何平台上。

在互联网上，你可以使用一种强大的语言来代替HTML、CSS、PHP和JavaScpt。

还是用AJAX来创建网络应用，从而节省了大量的开发时间！

Xojo软件特色

开发:软件是一种现代的面向对象的语言。

它支持继承、接口、多态性，并且是强类型的。

API调用中有成千上万的差异，这个程序将从这些细节向您展示。

这大大减少了开发时间，并允许您专注于使应用程序独特的方面。

本机、跨平台

这些应用程序没有解释器或虚拟机——它们被编译成机器代码。

可以快速实施并保护您的知识产权。

该工具使用本机控件，因此您的应用程序在每个平台上看起来和感觉都是正确的。

开发也是跨平台的。

在您最喜欢的操作系统上创建项目，并为该应用程序支持的任何平台构建它。

Xojo安装步骤

1.用户可以点击本网站提供的下载路径下载相应的程序安装包。

2.只需使用解压功能打开压缩包，双击主程序进行安装，弹出程序安装界面。

3.同意上述协议的条款，继续安装应用程序，并单击同意按钮。

4.您可以根据自己的需要点击浏览按钮来更改应用程序的安装路径。

5.弹出如下界面，用户可以直接用鼠标点击下一步按钮。

6.桌面快捷键可以根据用户需求创建，也可以不创建。

7.现在准备安装主程序，单击安装按钮开始安装。

8.弹出应用安装进度条加载界面，只需等待加载完成即可。

9.根据提示，点击安装，弹出程序安装完成界面，然后点击完成按钮。

Xojo使用教程

欢迎来到Xojo！如果你是/

Xojo可免费用于开发、测试和调试。开始:

为您的操作系统下载Xojo。

Start Xojo

(可选)使用您的Xojo帐户登录(即您在Xojo上设置的电子邮件和密码)。com)。

登录后，您购买的所有许可证都将自动下载。

如果您对使用这些资源有任何疑问，请向hello@xojo.com发送电子邮件。

如果你喜欢阅读，你应该阅读快速入门指南。

这些指南将为您提供/

您应该能够在30分钟或更短时间内完成每个快速入门。

即使您熟悉其他开发工具，也应该鼓励您花时间阅读至少一个QuickStart，以帮助您熟悉Xojo的工作方式。

如果您还没有这样做，现在是开始Xojo的时候了。加载完成后，将显示项目选择器窗口。

Xojo使您能够构建几种不同类型的应用程序(桌面、Web、控制台和iOS)。在本教程中，您将构建一个桌面应用程序，因此请单击桌面。

现在，您应该会看到三个需要值的字段:应用程序名称、公司名称和应用程序标识符。

应用程序名称是您的应用程序的名称。这将是实际创建的应用程序文件的文件名。

公司名称是您公司的名称。您可以选择将此留空。

应用程序标识符是此应用程序的唯一标识符。它会自动填充您为“应用程序名称”和“公司名称”输入的内容，但您也可以将其更改为所需的名称。

输入“TaskMar”作为应用程序名称。您可以保持公司名称不变，也可以更改。单击“确定”打开Xojo主窗口(称为工作区)，您将在其中开始设计应用程序。

工作空间

Xojo工作区将使用浏览器中选择的应用程序的默认窗口打开，并显示在布局编辑器中。

任务管理器

对于任务管理器应用程序，您可以在文本字段中输入任务，然后单击添加将其添加到列表中。您可以单击列表中的单个任务将其删除或标记为已完成。

任务管理器使用三种类型的控件:

列表框:一个可移动的列表控件。它可以显示单列列表和多列列表，并且可以水平和垂直移动。

文本:用于输入单行文本的控件。

按钮:标准按钮。它最常用于启动操作。

在下一节中，您将逐步创建这个应用程序。

设计用户界面

任务列表

您应该运行Xojo并在布局编辑器中打开窗口1。现在，您将在窗口中添加一个列表框。列表框用于存储任务。

添加列表框:在控件库中，单击列表框并将其拖动到布局编辑器的左上角。当您接近窗口边缘时，您将看到一个对齐指示器，它可以帮助您放置控件。当你对列表框的位置满意时，把它放下。

调整列表框的大小:单击列表框以显示调整大小手柄。抓住右下角的手柄，拖动它来放大列表框，以填充窗口的前2/3。

按钮

现在，您将任务管理器所需的三个按钮添加到窗口中。

“删除”按钮从列表框中删除任务，“添加”按钮将任务添加到列表框中，“完成”按钮将列表框中的任务标记为已完成。

添加按钮:在库中，单击通用按钮控件，并将其拖到列表框右下角的窗口中。使用对齐指示器帮助您定位按钮，使其与列表框的右边缘对齐。

添加添加按钮:在库中，单击通用按钮控件，并将其拖动到左下角附近的窗口。同样，使用对齐指示器帮助您放置按钮。

添加完成按钮:在库中，单击通用按钮控件，并将其拖到右下角附近的窗口。

文本字段

用户在文本字段中键入要添加到列表中的任务。

在库中，点按“文本栏”并将其拖到窗口，使其位于“删除”和“添加”按钮之间。

调整“任务”域的大小。选择最右边的拖动手柄并拖动文本栏，使其与列表框的宽度相同。使用对齐指示器作为指南，帮助您正确安排一切。

添加所有控件后，窗口布局现在应该如下所示:

属对象的值。更改属性值使您能够更改对象的行为。对于此项目，您希望更改各种类型的视图和添加的控件。你需要做的一些事情是:

重命名所有控件(和窗口)，以便它们描述自己的行为，并且可以在代码中轻松引用。

给按钮添加标题。

设置锁定种类，以便在调整窗口大小时可以正确调整控件的大小。

检查员

用于更改视图和控件种类。它与工作区右侧的库共享相同的区域。要显示，请单击工具栏上的回车按钮或按-I(在Windows和Linux中为Ctrl+I)。

窗属

如果还没有，请点击工具栏上的“浏览器”按钮，显示“浏览器”。您需要更改窗口的名称和标题:

首先，在布局编辑器中，单击窗口的标题栏将其选中。现在，查看器将显示窗口的种类。

在名称字段(在标识组中)中，将名称从“窗口1”更改为“任务窗口”。按“返回”在导航器中查看名称更改。

在“标题”字段(在框架组中)中，将名称从“无标题”更改为“任务管理器”。按回车键查看窗口标题栏中的名称更改。

列表框架属

列表框是显示和存储用户输入的任务的位置。您需要更改下属:名称、标题、列数、初始值、列宽和锁定。

首先，在布局编辑器中，单击列表框将其选中。现在，查看器将显示列表框的种类。

在名称字段(在标识组中)中，将名称从列表框1更改为任务列表。按“返回”在导航器中查看名称更改。

列表框将有一个标题。找到带有标题的属，并将值从off更改为on。

列表框有两列。一列显示完成状态，另一列显示任务名称。在“列数”字段中，将值从“1”更改为“2”。按回车键，你会看到两列布局的列表框。

您希望更改列标题来描述列表中的数据。找到“初始值”类别，然后单击其右侧的“铅笔”图标。这将打开一个小编辑器窗口，您可以在其中输入列标题值。

键入“已完成”，按Tab键，然后键入“任务”。

单击确定按钮。您将看到列表框的列标题发生了变化。

因为当任务标记为“完成”时，“完成”按钮只包含一个简单的复选标记，所以可以缩小范围。在“列宽”字段中，输入值“100 *”。按回车键查看列宽的变化。使用“100，*”告诉列表框，第一列应始终为100像素宽，其余列共享可用宽度。

最后，您需要更改锁，以便列表框随着窗口大小的变化而变大或变小。在“锁定”组中，查看显示窗口的图像，该窗口的顶部和左侧有小锁定图标，底部和右侧有小解锁图标。点按“锁定”以锁定所有顶部、左侧、底部和右侧。

钮扣属

这三个按钮用于执行操作。您需要为每个按钮更改下属:名称、标题和锁定。

删除按钮

“删除”按钮用于从任务列表中删除任务。

首先，在布局编辑器中，单击删除按钮选择它(这是列表框正下方的按钮)。现在，监视器将显示按钮的种类。

在名称字段(标识组)中，将名称从“按钮1”更改为“删除按钮”。按“返回”在导航器中查看名称更改。

在“标题”字段(在“外观”组中)中，将名称从“按钮”更改为“删除”。按回车键查看窗口按钮上的名称更改。

现在，您需要更改锁，以便在调整窗口大小时将“删除”按钮保留在窗口的右侧。

在“锁定”组中，查看显示窗口的图像，该窗口的顶部和左侧有小锁定图标，底部和右侧有小解锁图标。

单击“锁定”，以锁定右侧和底部，解锁左侧和顶部。

添加按钮

“添加”按钮用于将文本字段中输入的任务添加到任务列表中。

在布局编辑器中，单击添加按钮选择它(这是窗口中文本字段下方最左边的按钮)。现在，监视器将显示按钮的种类。

在名称字段(标识组)中，将名称从“按钮2”更改为“添加按钮”。按“返回”在导航器中查看名称更改。

在标题字段(外观组)中，将名称从“按钮”更改为“添加”。按回车键查看窗口按钮上的名称更改。

现在，您需要更改锁，以便在调整窗口大小时将“添加”按钮保留在窗口底部。

在“锁定”组中，查看显示窗口的图像，该窗口的顶部和左侧有小锁定图标，底部和右侧有小解锁图标。

单击“锁定”，以锁定左侧和底部，解锁顶部和右侧。

完成按钮

“完成”按钮用于将任务标记为已完成。

在布局编辑器中，单击“完成”按钮选择它(这是右侧文本字段正下方的按钮)。现在，监视器将显示按钮的种类。

在名称字段(标识组)中，将名称从“按钮3”更改为“完成按钮”。按“返回”在导航器中查看名称更改。

在标题字段(外观组)中，将名称从“按钮”更改为“完成”。按回车键查看窗口按钮上的名称更改。

现在，您需要更改锁定，以便在调整窗口大小时将“完成”按钮保留在窗口的右侧。

在“锁定”组中，查看显示窗口的图像，该窗口的顶部和左侧有小锁定图标，底部和右侧有小解锁图标。

单击“锁定”，以锁定右侧和底部，解锁左侧和顶部。

在项目列表中，新重命名的控件显示在TaskMarPage控件下。

文本字段属

用户将在文本字段中键入要添加到列表中的任务。你需要改变下属:名字和锁。

在布局编辑器中，单击文本字段将其选中。现在，查看器将显示文本字段的种类。

在名称字段(在标识组中)中，将名称从文本字段1更改为任务字段。按“返回”在导航器中查看名称更改。

现在，您需要更改锁定，以便在调整窗口大小时文本栏变大或变小。

在“锁定”组中，查看显示窗口的图像，该窗口的顶部和左侧有小锁定图标，底部和右侧有小解锁图标。

单击锁，以锁定左侧、底部和右侧，并解锁锁。

运行应用程序

您的用户界面布局现在已经完成，是时候尝试一下了。但是在继续之前，你应该先保存你的工作。

通过选择文件保存来保存项目。

将项目命名为桌面，然后单击保存。

现在，您可以测试您的应用程序:

单击工具栏中的“运行”按钮运行项目。

显示任务管理器后，您可以通过单击按钮与按钮进行交互，在文本字段中键入内容，并调整窗口大小以查看按钮本身的位置。

从应用程序的菜单中选择退出，返回布局编辑器。

当然，任务经理什么都不做！为此，您需要添加一些代码，这将在接下来进行。

添加代码

添加按钮

按钮将任务添加到列表中。添加到按钮的代码需要采用您在任务字段中键入的内容，并将其作为新行添加到列表中。

按照以下步骤添加代码:

在窗口中，双击标记为添加的添加按钮控件。

将出现“添加事件处理程序”窗口。当按下按钮时，将调用操作事件处理程序。

这意味着您想要将代码添加到Action事件处理程序中，因此从事件处理程序列表中选择“Do”，然后单击“OK”。

这将显示代码编辑器。还要注意导航器的更新，以显示添加按钮控件下的操作事件。

现在，您需要获取在“任务”字段中键入的任务。您可能认为只需参考字段名TaskField就可以获得任务。

很近，但不是你想要的。相反，您需要任务字段的种类。

当需要引用一个对象的属时，可以使用对象的名称，后面加一个点，就是属的名称。

换句话说，您可以使用以下语法:ObjectName.PpertyName .这是所谓的“点”符号，通常在面向对象编程中使用。

在这种情况下，对象是任务字段，所需的属是值(使用语言引用来查找文本字段可用的所有属)。语法如下:

任务区.文本

要实际向列表框中添加行，请使用AddRow方法。您已经知道如何在步骤2中从任务字段获取文本。

如前所述，一个物体可以有一个属。正如您现在在任务列表中看到的，对象也可以有方法。

AddRow是Listboxes中可用的许多方法之一，它为TaskList的两列添加值。第一列包含完成状态，因此最初设置为空白。

第二列包含任务的名称。这是代码:

任务列表.添加行(“”，任务字段.文本)

通过选择文件保存来保存项目。

运行应用程序进行测试。在“任务”域中键入任务，然后单击“添加”按钮以查看它们是否出现在任务列表中。

关闭浏览器选项卡或窗口以返回代码编辑器。

如果在运行项目时收到错误消息，请注意分配给每个控件的名称。它们需要与您在代码中使用的名称相匹配。

完成按钮

当用户按下“完成”按钮时，列表框中选择的任务应标记为已完成。这通过在“已完成”列中显示复选标记()来表示。

按照以下步骤添加代码:

在窗口中，双击标记为“完成”的“完成”按钮控件。

将出现“添加事件处理程序”窗口。当按钮被按下时，它的动作事件处理程序将被调用。

这意味着您想要将代码添加到Action事件处理程序中，因此从事件处理程序列表中选择“Do”，然后单击“OK”。

请注意导航器更新，以在“完成”按钮控件和代码编辑器下显示“操作”事件。

要更改一行，您首先需要知道选择了哪一行。在列表框中，当前选定的行包含在SelectedRowIndex属中。

要在列表框的特定单元格中设置值，请使用单元格属来指定行和列。此代码将勾号字符放在当前选定行的第0列(已完成列):

任务列表.任务列表。SelectedRowIndex，0)=“^ 1000”

运行应用程序并添加一些示例任务。

现在单击一项任务，然后单击“完成”按钮。

“完成”列中将出现一个复选标记。从菜单中选择退出，返回代码编辑器。

删除按钮

“删除”按钮用于从列表中删除任务。添加到按钮的代码需要确定列表中的选定行，并将其从列表中删除。

按照以下步骤添加代码:

在窗口中，双击标记为“删除”的删除按钮控件。将出现“添加事件处理程序”窗口。

在其他按钮中，您希望在用户单击按钮时使用操作事件处理程序来运行代码。

从事件处理程序列表中选择“执行”，然后单击“确定”。

请注意，导航器会更新以显示“删除”按钮控件和代码编辑器下的“操作”事件。

因为所选行将被删除，所以您希望再次使用SelectedRowIndex属。

使用列表框移除方法从列表框中删除一行。您可以将删除行作为要删除的行号。因此，您的代码如下所示:

任务列表.移除任务列表。SelectedRowIndex)

通过选择文件保存来保存项目。

运行应用程序并添加一些示例任务。现在，单击任务列表中的任务，然后单击删除按钮。该任务将从列表中删除。

接受初步测试

查找错误是创建应用程序的一部分。一个错误是您创建的应用程序运行不稳定。

虽然您的任务管理器应用程序可以正常工作，但仍有一些问题需要解决。你知道问题出在哪里吗？

提示:如果单击“完成”或“删除”按钮但没有选择任务，会发生什么情况？试试看。

运行应用程序，单击“完成”按钮，不做任何其他操作。

您的应用程序将切换到调试器并突出显示一行代码。您的代码生成了OutOfBoundsException，现在您在调试器中。

发生错误是因为您试图删除(或完成)一个不存在的行。

如果列表框中没有选择任何行，SelectedRowIndex属将返回-1。

因为这不是列表框中的有效行，所以当传递给CellValueAt方法时，CellValueAt不能使用它。

结果，Xojo创建了一个叫做Exception的东西。这是不寻常的事情。

在这种情况下，由于该值超出范围(假设-1不是有效的行号)，将出现OutOfBoundsException。

单击调试器工具栏中的继续按钮查看实际的错误消息。

单击对话框中的按钮退出应用程序并返回编辑器。

没有人想要错误的代码。幸运的是，很容易防止这种错误的发生。本质上，您需要确保在尝试删除或完成任务之前选择了一行。

执行此操作的代码将使用您所学的内容。这是删除按钮的操作事件处理程序的代码:

如果任务列表。选择一个窗口。= 0是

任务列表.移除任务列表。SelectedRowIndex)

如果结束了

“完成”按钮的代码类似:

如果任务列表。选择一个窗口。= 0是

任务列表.Celluate(任务列表。SelectedRowIndex，0)=“^ 1000”

如果结束了

在这两种情况下，代码都验证是否通过SelectedRowIndex属选择了一行。

在调用实际方法之前确保该行包含有效的行。

通过选择文件保存来保存项目。

再次运行项目，单击“完成”按钮，但不选择任务列表中的行。

因为代码现在只在选择了有效行的情况下才删除它，所以不会发生OutOfBoundsException。

完成申请

试验

仅仅因为您的应用程序似乎正在运行，并不意味着您已经完成了它。

优秀的开发人员总是彻底测试他们的应用程序，以发现可能的问题。

您发现并解决了一个问题(如果未选择任何行，请单击“删除”)。

你认为还有其他问题需要解决吗？运行该应用程序并进行尝试。

写下你想改变的。在下一节中，您将对任务管理器进行一些改进。

改进

你有没有注意到，有时候任务管理器中的按钮可能不会做它们该做的事情？

例如，如果未选择任何项目，“完成”按钮不应尝试将任务标记为已完成。

你现在可以点击它，但什么都不会发生。

此外，如果在任务域中没有输入任何内容，则您不想将任务添加到列表中。

有几种方法可以做到这一点，但一种方法是在不应该使用按钮时禁用它。

按照以下步骤添加此改进:

在窗口上，选择标记为“完成”的“完成”按钮。在服务器中，将“启用”类别(在“外观”组中)设置为“关闭”。

选择标记为“添加”的添加按钮。在服务器中，将“启用”类别(在“外观”组中)设置为“关闭”。

选择标记为“删除”的删除按钮。在服务器中，将“启用”类别(在“外观”组中)设置为“关闭”。

现在，您将添加代码，以便在“任务”字段中有文本时启用“添加”按钮。

在窗口中，双击任务字段控件。将出现“添加事件处理程序”窗口。在这里，您将看到另一个事件处理程序列表。

每个控件类型都有自己的特定事件处理程序列表。

在这种情况下，我们希望在任务域中没有文本时禁用添加按钮，而在有文本时启用它。

每当任务域中的文本因用户键入或代码更改Value属性而更改时，就会调用TextChanged事件。

从事件处理程序列表中选择文本已更改，然后单击确定。

请注意左侧更新中的导航器，以显示任务字段控件和代码编辑器下的文本更改事件。

现在，您需要TextField(Me)的Value属的代码。正文)看看有没有什么。

如果其中有文本，则通过将其启用属性设置为真来启用添加按钮。

如果没有文本，请通过将其“启用的种类”设置为“假”来禁用它。这是代码:

如果我...文本

添加按钮.使能=真

其他的

添加按钮.使能=错误

目标

如果您没有在任务列表中选择任何行，那么您之前已经添加了代码来阻止“删除”和“完成”按钮执行任何操作。

现在，您还可以在选择一行时启用这些按钮，在没有选择行时禁用这些按钮。

这是通过列表框的SelectedRowIndex属来完成的。

双击任务列表控件。将出现“添加事件处理程序”窗口。

在这里，您将看到列表框的事件处理程序列表。每当任务列表控件中的选择发生变化时，就会调用SelectionChanged事件。

从事件处理程序列表中选择选择已更改，然后单击确定。

添加此代码:

如果我...选择一个窗口。= 0是

删除按钮.启用=真

完成按钮.使能=真

其他的

删除按钮.启用=假

完成按钮.使能=错误

目标

通过选择文件保存来保存项目。

运行应用程序进行测试。请注意，“添加”按钮最初是禁用的。

但是，请尝试在“任务”域中键入一些文本。添加按钮会立即启用。

此外，如果从“任务”字段中删除文本，该按钮将再次被禁用。

同样，当您单击任务列表中的某一行时，将启用“删除”和“完成”按钮。

部署/建设

既然您已经创建了这个漂亮的应用程序，您可能想与世界共享它。为此，您需要构建一个新的应用程序。

Xojo允许您为MacOS、Windows和Linux(包括树莓Pi)创建桌面应用程序。

你需要做的第一件事是确定你想要构建的平台。您可以使用导航器的BUILD部分来实现这一点。

首先，选中您想要构建的平台旁边的框。默认情况下，选择这台计算机至少为当前使用的平台创建一个版本。

要查看每个平台的特定设置，请单击平台名称。生成设置包含版本和其他设置。

您可以单击这些不同的构建设置来查看它们，但是您可以在不更改任何内容的情况下构建这个应用程序。

要构建应用程序，请单击工具栏中的“构建”按钮(或从菜单中选择“项目构建应用程序”)。Xojo为每个选定的平台创建一个新的应用程序。

在包含项目的文件夹中，您将看到一个名为“Buildings-taskmar . xojo _ binary _ Pject”的文件夹，它将是每个平台的构建文件夹。导航到当前平台的构建文件夹，双击应用程序文件以运行它。

恭喜你，你已经成功完成了桌面教程，现在有了一个功能齐全的应用程序。