benleiqiang的博客

案例分析：发布订单时需要添加货物信息，货物信息由基础标准表单组成，从基础标准表单中取出要发运的货物，在订单页进行货物数量的手动配置，自动计算金额及总数量；步骤一：先制作基础标准表单，拖入中继器按下图内容进行基础内容的录入，在录入完所有数据后，添加按钮，组合转成动态面板；步骤二：制作订单中继器，先不要加交互，等两个中继器基本素材准备好，在制作；步骤四：配置第二个中继器。

步骤二：设置''按钮交互；首先将两套按钮进行组合，并命名，这样下一步增加交互时很好区分；分别命名为推荐区按钮、消息区按钮；两个动态面板同样命名为推荐区动态面板、消息区动态面板；步骤四：因为我们的内容超出了显示区域，而且我们不想出现右边的滚动条，那么这时候我们就需要再次转成动态面板，以实现滚动条的遮盖；交互顺序——设置四个按钮选中效果——设置四个按钮单击时动作效果。

案例分析：1、通过新增数据页面，录入多种类型文本框数据，在档案页面读取新增的数据；步骤二：进行三个页面的确定按钮的隐藏与显示交互，我们在做交互时，首先要考虑的是整体的交互，先宏观再围观的思维方式；步骤一：建立新增页面、档案页、修改页，三个页面的基本绘制；通过以上的操作，新增页面的所有数据全部输送到档案页；步骤三：新增页面确定按钮的交互细节；步骤五：修改页确定按钮的交互细节。

步骤五：设计确定按钮的交互，因为有要比对输入的验证码和随机验证码是否一致，所以这时候需要启用情形判断，当不一致的时候弹出错误弹窗，当一致的时候弹出成功弹窗；第二步完成记录次数判断，每一次错误都要提供对应的错误提示窗口，那么我们就需要记录错误的次数，所以我们还要建立一个新的全局变量Count计数器，每点击一次Count+1;我们采用的是小写字母+数字的组合，所以我们要定义一下全局变量OnLoadVariable的值；步骤一：准备基础素材，用户登录页面的绘制，并设置所有输入按钮的禁用效果；

步骤三：设置密码输入框，按如上填入提示信息后，因为案例中输入密码后是不能看到数字的，所以我们要将文本框的类型改成密码；步骤四：设置重置交互，案例中单击重置，所有输入的文本都回到初始状态，那么我们就需要将文本的值赋予空值；步骤六：点击确定，弹出登录成功窗口，那么就需要做一个弹窗，设置单击时——显示弹窗即可，收工！步骤二：设置姓名文本框，以及相关属性，提示——属性。

步骤五：案例中，每次单击动态面板，下方的图片会显示出来，而且按钮也会上下移动，那么就说明图片载入的时候是隐藏的，而按钮的移动是随着图片的显隐而动；所以我们的交互设计是：单击时——切换——图片——推动和拉动下方元件。步骤四：案例中，每次点击动态面板，在State1,2,3状态间切换，那么实现上就是单击时——状态选择是下一项，因为每次点击都要切换其他状态；步骤三：添加交互，选中动态面板，单击时——设置面板。

选中图片，新建交互——单击时——显示/隐藏；出现了关于显示/隐藏的相关设置。元件可以给自身设置显示/隐藏动作，也可以给其他元件设置显示/隐藏动作。切换小案例：单击占位符，圆形在显示与隐藏两种状态来回切换。推动元件小案例如下：点击图片，实现按钮的出现并推动元件。拖入两个元件，作为演示显示/隐藏动作的素材。如有其他相关问题，欢迎私信沟通，关注。当选择四个方向滑动时，还会增加一个效果。

&&”表示并的意思，当多个条件使用这个符号的时候，那么满足所有条件的数据都会被筛选出来；“||”表示或的意思，当多个条件使用这个符号的时候，那么只要满足其中一个，那么数据就会被筛选出来；步骤四：添加多选查询交互，在多选查询时，用户编号的筛选，因为是要输入一个准确的数值，这会影响到多选查询的结果输出，因此我们可以做限制，在多选查询时不可输入用户编号，那么就需要情形的添加和提示弹窗的添加；当单击重置按钮时，中继器要移除筛选条件，页面的查询条件输入框也需要回到初始状态，那么就需要我们设置两个交互；

2、插入函数：选择注册时间对应的列名TargetItem.ZCSJ，加上符号转换replace(’-’,’/’) 这样就可以取出可以识读的时间数据；步骤三：添加时间筛选；条件查询的时间格式与台账里的时间格式不统一，所以我们在筛选时需要将这个格式统一，以便于Data.parse()函数可以识读；4、加入比对：>= 开始时间，这里我们要取出开始时间的毫秒，取出开始时间LVAR1.text,并转换成毫秒Data.parse()添加三个下拉列表的内容；5、使用&&，表示“并”的意思，添加结束时间的函数。

轨迹详情表单我们在实际场景中是从表中取值，那么我们就参照表单的形式建立多个表单详情页面，交互调用使用；因为篇幅关系，时间的筛选没有制作，以及另外一种表单的做法（中继器），如有需要可私信我，在做一篇中继器篇；步骤二：分别创建页面组成，条件查询、回放速度、查询记录、车辆轨迹详情、地图区；步骤五：添加车辆轨迹，设定坐标点根据详情地点，设置好坐标点；如有其他相关问题，欢迎私信沟通，关注。

非常重要因为这个弹窗的形状太多，小星星命名1——5，外框为了好辨识和小星星对应关系，可以命名为1+1；评语分别命名：评语好评、评语中评、评语差评；步骤一：建立评价弹窗基本内容，包括弹窗背景框、五个小星星、五个外边框、评价评语、取消和提交按钮，如下图。步骤五：五个小星星开始设计交互，第一个小星星交互。