统软云 App开发经验共享模块调用

在我们上次简要分享了使用统软云开发App的整个过程之后，今天我们来分享如何使用模块。统软云提供了许多易于使用的模块。只需学习要使用的模块的文档，然后调用该模块即可使用。使用模块可以大大减少需要编写的代码量，对于新手来说，如果他们没有开发经验，他们可能无法开发某些功能。此时，使用模块可以让自己的App具有这些功能。看到他们自己的App也有丰富的功能，会让我们感到更加成功，不会让我们的学习变得枯燥乏味，不容易感到学习太难停止。

本文使用一个简单的免费模块PersonalCenter。首先，我们打开统软云官方网站的控制台来创建一个项目。我相信您熟悉创建项目的方法。我在这里不再重复。创建项目后，单击上部导航栏中的模块Store，搜索个人信息，然后您将看到PersonalCenter模块。单击后，单击“立即使用”，然后选择您自己的App。确保选择您现在要开发的项目。不要犯错误。

单击后，单击“立即使用”，然后选择您自己的App。确保选择您现在要开发的项目。不要犯错误。成功添加模块后，我们返回此页面，单击下面的小字符“查看模块文档”，保持此文档打开，稍后将使用它。模块文档详细介绍了该模块的用法。

之后，我们可以创建证书并编译自定义加载器。这次，我们仍然选择Android版本。我相信你已经学会了具体的操作。如果您对此不了解，可以查看上一篇文章：

将下载的自定义加载程序拖到逍遥模拟器中并安装。打开我们的开发工具统软云 Studio3。使用WIFI将项目与模拟器同步后，我们进行设置。单击开发工具左下角的齿轮，单击“设置”，然后在设置界面中单击“扩展”。然后选中自动同步选项，这样每次保存时，项目都会自动同步到模拟器。更改代码后，不再需要每次手动同步。这是一个非常方便的小功能。

在使用模块之前，我们会找到条目页面main。htmlapi ready=function（）方法清空了内容。此方法中的属性内容是初始页面上显示的属性内容。我们清除属性内容，删除或注释正文中的Hello APP，然后保存它。现在发现模拟器中的应用是空白的。

然后我们找到刚才的模块文档。我们可以看到，该模块有六种方法：打开、更新、关闭、设置所选按钮、显示和隐藏。

让我们先尝试使用open方法。开放式方法引入了许多属性。为了快速显示结果，我们首先向下查找open方法下的case代码，并直接使用case代码进行演示。

此时，我们将文档中open方法下的示例代码粘贴到此方法中，并确保正确。粘贴后，我们可以右键单击并单击以格式化文档，使代码更清晰。再次，将其粘贴到html页面的api ready=function（）方法中的main In花括号中。

示例代码

var personalCenter=api.require（'personalCenter'）；

变量btnArray=[{

#39; bgImg'：'；widget://res/personalCenter/personal_btn_nor.png' ;,

#39; selectedImg'：'；widget://res/personalCenter/personal_btn_sele.png' ;,

#39; lightImg'：'；widget://res/personalCenter/personal_btn_light.png' ;,

#39; 标题'：'；朋友'；，

#39; 计数'：'；5'

}, {

#39; bgImg'：'；widget://res/personalCenter/personal_btn_nor.png' ;,

#39; selectedImg'：'；widget://res/personalCenter/personal_btn_sele.png' ;,

#39; lightImg'：'；widget://res/personalCenter/personal_btn_light.png' ;,

#39; 标题'：'；回复'；，

#39; 计数'：'；240'

}, {

#39; bgImg'：'；widget://res/personalCenter/personal_btn_nor.png' ;,

#39; selectedImg'：'；widget://res/personalCenter/personal_btn_sele.png' ;,

#39; lightImg'：'；widget://res/personalCenter/personal_btn_light.png' ;,

#39; 标题'：'；主题'；，

#39; 计数'：'；27'

}];

变量计数=382；

变量y=44；

个人中心.open({

#39; y’：y，

#39; imgPath“：'；widget://res/personalCenter/d7d1d308fe165b984c09728e7118e9f1.jpg' ;,

#39; 占位符Img'：'；widget://res/common/placeH