iVX零代码开发零基础学习《二》iVX如何创建页面(页面元素、按钮操作、对象容器、横幅、导航菜单、事件添加)

一、功能实现

我们继续上一章节 《iVX零代码开发零基础学习一》的内容来实现。

1、创建页面

创建页面首先我们需要创建一个首页，就是程序的入口页面。
按照我的步骤进行以下的创建。

1. 选择右侧的对象树中的前台，然后点击左侧的页面。
   
2. 双击新建的页面1，然后改为首页。
   
   
3. 在首页上我们追加导航栏。选中首页然后点击右侧的横向导航。点击5次，创建5个导航
   
   
4. 然后我们修改行1为货品信息，行2为位置信息，行3为报废记录，行4为出库记录，行5为入库记录。
   
5. 我们在货品信息下追加文字信息。然后双击新加的字体更改为货品信息，然后更改左侧的内容，字号，粗体。
   
   
6. 然后点击左侧的货品信息导航栏，修改垂直对齐方式和水平对齐方式为居中，这样字体就居中对齐了。
   
7. 货品信息导航菜单创建好以后，我们现在创建货品信息的对象容器，用来存放货品信息的新增操作。选择对象树中的前台，然后选择对象容器，并更改为货品信息。
   
   
8. 然后再对象容器中添加一个横幅。然后修改它的宽度、高度、背景颜色、对齐方式。
   
   
9. 然后再横幅中添加5行，并依次更改为条码、名称、数量、位置、按钮。
   
   
10. 选中条码，追加文本和输入框，并将条码的背景颜色改为白色，与横幅的颜色一致。
    
11. 然后将文本1改为条码
    
12. 选择条码列，更改对齐方式为居中。这样就居中对齐了。
    
13. 然后依次进行修改，分别追加名称，数量，位置的文本和输入框。整体效果如下：
    
14. 那接下来我们就需要创建两个按钮，我们在按钮行中追加两个按钮，并修改文本为确认和取消。并将取消的颜色改为红色。调整两个按钮的宽度为100。
    
    
15. 然后选择按钮行，修改背景颜色和水平对齐方式为靠右。
    
16. 现在页面创建完毕，我们需要添加一些事件，来驱动程序的流转。首先点击货品信息横幅，让其隐藏起来。

17. 然后点击货品信息导航，点击右上角的事件。
    
18. 在弹出的页面选择事件为点击。
    
19. 然后选择在对象树选择，选择货品信息横幅。
    
    
20. 然后选择显示。
    
21. 然后同样的道理，我们在横幅的取消按钮中也添加事件，选中取消按钮->点击右上角添加事件->选择点击->从对象树中选择->选择隐藏。
    
22. 到此完整的一个新增页面就创建好了。