移动APP快速原型演示的方法技术

本发明专利技术公开了移动APP快速原型演示的方法。该方法包括如下步骤：添加类库到APP程序中并添加依赖，然后将UI图片文件放入指定文件夹，并按照预设接口编写自定义代码，将该自定义代码添加到自定义动作库；用户启动原型设计界面，每个设计界面都显示一张或多张UI图片，用户在UI图片上长按在显示一个矩形框的响应区域；确认响应区域，跳转到一个功能选择界面，用户选择操作类型和响应类型；用户再次回到原型设计页面，在响应区域的位置进行操作以触发响应动作。本发明专利技术所述移动APP快速原型演示的方法，可使开发人员对需求更加明确，节省了开发时间；灵活性强，操作直观，可以实现多种功能；原型与实际业务互动，产生惊人的演示效果。

A method of moving APP rapid prototyping demonstration

The invention discloses a method for rapid prototyping of mobile APP. This method includes the following steps: add the class library to the APP program and add the dependency, then put the UI picture file into the specified folder, and write the custom code according to the default interface, add the custom code to the custom action library; the user starts the prototype design interface, and each design interface displays one or more UI diagrams. The user takes the response area of a rectangle on the UI picture; identifies the response area, jumps to a functional selection interface, the user selects the operation type and the response type; the user returns to the prototype design page again and operates in response to the response area. The method of demonstrating the mobile APP rapid prototyping can make the developer clear the demand, save the development time, be flexible, operate intuitively, and realize a variety of functions. The prototype can interact with the actual business and produce an amazing demonstration effect.

【技术实现步骤摘要】
移动APP快速原型演示的方法
本专利技术涉及移动APP原型设计
，具体涉及移动APP快速原型演示的方法。
技术介绍
原型是需求确认和开发过程最重要的文档，是产品沟通的桥梁。目前原型一般采用网页或者静态图片的方法，再加上一些动画效果。使用工具包括Axure，Pop等等。Axure可以生成Html原型，可以实现一些页面跳转和简单的动画，但由于操作不太直观，在实际使用过程中往往需要需要大量的文字来说明。Azure手机原型也是通过浏览器查看的，一般无法达到满意的效果。Pop快速手机原型通过手指在图片上操作，从而建立页面之间的联系，但是由于只是图片界面之间的跳转，实现的功能和效果很有限。目前移动APP设计中原型无法与系统代码联系起来，有些与硬件相关的功能无法通过原型表达(如控制无人机启飞)，而只能通过代码调用相关功能，普通原型工具无法实现与业务代码的关联。
技术实现思路
基于此，本专利技术提供一种移动APP快速原型演示的方法，使开发人员对需求更加明确，节省了开发时间；灵活性强，操作直观，可以实现多种功能；原型与实际业务互动，产生惊人的演示效果。为了实现本专利技术的目的，本专利技术采用以下技术方案：一种移动APP快速原型演示的方法，包括如下步骤：S1、添加类库到APP程序中并添加依赖，然后将UI图片文件放入指定文件夹，并按照预设接口编写可以实现用户想要实现的功能的自定义代码，将该自定义代码添加到自定义动作库；S2、用户启动原型设计界面，每个设计界面都显示一张或多张UI图片，用户在UI图片上长按在显示一个矩形框的响应区域；S3、确认响应区域，跳转到一个功能选择界面，用户选择操作类型和响应类型；用户再次回到原型设计页面，在响应区域的位置进行操作以触发响应动作；S4、如还需添加其他自定义动作，则再次回到S2步骤；否则，原型设计完毕。在其中一些实施例中，所述操作类型包单击、双击、长按以及滑动。在其中一些实施例中，所述响应类型包括跳转到一个原型页面、跳转到一个活动页、弹出一个对话框以及执行自定义动作。在其中一些实施例中，所述步骤S2中，通过拖动矩形框的中心或四角以所述响应区域的大小。本专利技术还采用如下技术方案：一种移动APP快速原型演示的方法，其包括如下步骤：S1、添加类库到APP程序中并添加依赖，并按照预设接口编写可以实现用户想要实现的功能的自定义代码，将该自定义代码添加到自定义动作库；S2、用户启动原型设计界面，每个设计界面都显示一张或多张UI图片，将UI图片文件放入指定文件夹，在UI图片上长按在显示一个矩形框的响应区域；S3、确认响应区域，跳转到一个功能选择界面，用户选择操作类型和响应类型；用户再次回到原型设计页面，在响应区域的位置进行操作以触发响应动作；S4、如还需添加其他自定义动作，则再次回到S2步骤；否则，原型设计完毕。本专利技术所述移动APP快速原型演示的方法，使用原型调用代码，在尽可能少地影响原有代码的基础上对进行原型拓展，将原型和代码结合在一起，两者可以相互替换，方便进行对比，使开发人员对需求更加明确，节省了开发时间；除了代码接口需要开发者预先定义以外，其他的所有修改操作都可以在手机上完成，用户可以随时对原型进行修改，灵活性强，操作直观，可以实现多种功能；利用原型可以在短时间内保证界面的完整性，然后开发实现一些关键功能，用户在使用原型的时候发现某些惊艳的功能居然是可以直接使用的，由此原型与实际业务互动，产生惊人的演示效果。原型默认是全屏显示图片，选择区域也是按照屏幕的百分比计算的，图片也可以按照不同分辨率对应文件夹的方式存放，因此原型可以移植到不同尺寸的屏幕上的，兼容性强。附图说明图1是本专利技术实施例所述移动APP快速原型演示的方法的流程图；图2是本专利技术实施例所述移动APP快速原型演示的方法原型设计界面示意图；图3是本专利技术实施例所述移动APP快速原型演示的方法页面跳转动作编辑的示意图；图4是本专利技术实.施例所述移动APP快速原型演示的方法执行自定义动作的示意图；图5是本专利技术实.施例所述移动APP快速原型演示的方法界面图片文件被放入在主程序的assets文件夹下的示意图。具体实施方式为了便于理解本专利技术，下面将结合附图对本专利技术进行更全面的描述。附图中给出了本专利技术的较佳实施例。但是，本专利技术可以以许多不同的形式来实现，并不限于本文所描述的实施例。相反地，提供这些实施例的目的是使对本专利技术的公开内容的理解更加透彻全面。需要说明的是，当元件被称为“固定于”另一个元件，它可以直接在另一个元件上或者也可以存在居中的元件。当一个元件被认为是“连接”另一个元件，它可以是直接连接到另一个元件或者可能同时存在居中元件。除非另有定义，本文所使用的所有的技术和科学术语与属于本专利技术的
的技术人员通常理解的含义相同。本文中在本专利技术的说明书中所使用的术语只是为了描述具体的实施例的目的，不是旨在于限制本专利技术。实施例请参照图1，本专利技术所述的移动APP快速原型演示的方法，包括如下步骤：S1、添加类库到APP程序中并添加依赖，然后将UI图片文件放入指定文件夹，并按照预设接口编写可以实现用户想要实现的功能的自定义代码，将该自定义代码添加到自定义动作库；S2、用户启动原型设计界面，每个设计界面都显示一张或多张UI图片，用户在UI图片上长按在显示一个矩形框的响应区域；通过拖动矩形框的中心或四角以所述响应区域的大小。S3、确认响应区域，跳转到一个功能选择界面，用户选择操作类型和响应类型；用户再次回到原型设计页面，在响应区域的位置进行操作以触发响应动作；S4、如还需添加其他自定义动作，则再次回到S2步骤；否则，原型设计完毕。其中，所述的操作类型包单击、双击、长按以及滑动。所述响应类型包括跳转到一个原型页面、跳转到一个活动页、弹出一个对话框以及执行自定义动作。或，本专利技术还采用如下技术方案，在程序运行后添加UI图片文件：一种移动APP快速原型演示的方法，其包括如下步骤：S1、添加类库到APP程序中并添加依赖，并按照预设接口编写可以实现用户想要实现的功能的自定义代码，将该自定义代码添加到自定义动作库；S2、用户启动原型设计界面，每个设计界面都显示一张或多张UI图片，将UI图片文件放入指定文件夹，在UI图片上长按在显示一个矩形框的响应区域；S3、确认响应区域，跳转到一个功能选择界面，用户选择操作类型和响应类型；用户再次回到原型设计页面，在响应区域的位置进行操作以触发响应动作；S4、如还需添加其他自定义动作，则再次回到S2步骤；否则，原型设计完毕。本专利技术所述的方案具体如下：请参照图1，本方案通过类库的方式实现，用户的主程序需要先添加本类库到项目中并添加依赖，然后将UI界面图片文件放入指定文件夹(也可以程序运行后添加)。用户可以在包含在主程序合适位置启动原型设计界面，每个设计界面都显示一张UI或多张图片，用户可以通过在UI图片上长按在该位置显示一个矩形框的响应区域，用户可以通过拖动矩形框中心或四角来改变该区域的大小，确认响应区域后，跳转到一个功能选择界面，在这个界面，用户可以选择操作类型和响应类型，其中操作类型包单击、双击、长按、滑动等等，操作响应包括跳转到一个原型页面、跳转到一个活动页，弹出一个对话框或者执行自定义动作等等。自定义动作是用户按照一定接口编写的一段代码，然后本文档来自技高网...

【技术保护点】
1.一种移动APP快速原型演示的方法，其特征在于，包括如下步骤：S1、添加类库到APP程序中并添加依赖，然后将UI图片文件放入指定文件夹，并按照预设接口编写可以实现用户想要实现的功能的自定义代码，将该自定义代码添加到自定义动作库；S2、用户启动原型设计界面，每个设计界面都显示一张或多张UI图片，用户在UI图片上长按在显示一个矩形框的响应区域；S3、确认响应区域，跳转到一个功能选择界面，用户选择操作类型和响应类型；用户再次回到原型设计页面，在响应区域的位置进行操作以触发响应动作；S4、如还需添加其他自定义动作，则再次回到S2步骤；否则，原型设计完毕。

【技术特征摘要】
1.一种移动APP快速原型演示的方法，其特征在于，包括如下步骤：S1、添加类库到APP程序中并添加依赖，然后将UI图片文件放入指定文件夹，并按照预设接口编写可以实现用户想要实现的功能的自定义代码，将该自定义代码添加到自定义动作库；S2、用户启动原型设计界面，每个设计界面都显示一张或多张UI图片，用户在UI图片上长按在显示一个矩形框的响应区域；S3、确认响应区域，跳转到一个功能选择界面，用户选择操作类型和响应类型；用户再次回到原型设计页面，在响应区域的位置进行操作以触发响应动作；S4、如还需添加其他自定义动作，则再次回到S2步骤；否则，原型设计完毕。2.根据权利要求1所述的移动APP快速原型演示的方法，其特征在于：所述操作类型包单击、双击、长按以及滑动。3.根据权利要求1所述的移动APP快速原型演示的方法，其特征在于：所述响应类型包括跳...

【专利技术属性】
技术研发人员：王晋年，刘丹枫，周朝龙，龚正坤，何耀东，
申请(专利权)人：广东中科遥感技术有限公司，中科遥感深圳卫星应用创新研究院有限公司，中科遥感科技集团有限公司，
类型：发明
国别省市：广东,44