[发明专利]一种iOS上通过XML实现UI布局的方法

说明书

技术领域

本发明涉及UI布局开发技术领域，具体说是一种iOS上通过XML实现UI布局的方法。

背景技术

UI即User Interface（用户界面）的简称。泛指用户的操作界面，包含移动APP，网页，智能穿戴设备等。UI设计主要指界面的样式，美观程度。而使用上，对软件的人机交互、操作逻辑、界面美观的整体设计则是同样重要的另一个门道。好的UI不仅是让软件变得有个性有品味，还要让软件的操作变得舒适、简单、自由，充分体现软件的定位和特点。

学习UI设计的时候，经常要接触到页面的布局，布局的方式会直接影响一个APP的视觉效果，好的布局方式，往往能带来舒服的视觉效果，更能得到用户的接受与好评。

通过XML文件定义出UI组件，可以在需要调整UI布局时，通过对XML文件的修改达到目的，便于调试和更新。

发明内容

针对现有技术中存在的缺陷，本发明的目的在于提供一种iOS上通过XML实现UI布局的方法，通过XML文件，动态的设定UI布局，实现了快速搭建UI界面及实时调整UI界面，提高了开发效率，统一的UI布局设定方式，便于开发人员协同工作，快速响应需求。

为达到以上目的，本发明采取的技术方案是：

一种iOS上通过XML实现UI布局的方法，其特征在于，包括如下步骤：

步骤1，获取XML布局代码，设定类名，以便根据类名来命名XML文件；

步骤2，创建App工程，创建一个和XML文件同名的临时测试类，添加对应的控件，然后添加到主VC中；

步骤3，在App工程中，生成步骤1所述XML文件，添加XML布局代码，形成XML布局文件；

步骤4，运行App；

步骤5，App调用临时测试类，临时测试类加载OC布局代码；

步骤6，临时测试类加载与类名同名的XML文件；

步骤7，临时测试类解析并判断XML文件内容是否正确，

如果错误，则提示错误；

如果正确，则将XML文件内容转发布局代码解析器。

在上述技术方案的基础上，步骤1中所述XML文件至少为一个。

在上述技术方案的基础上，步骤1中所述XML文件，包括：

控件的布局信息，用于设定控件位置及大小，

控件的样式信息，用于设定控件的样式。

在上述技术方案的基础上，步骤7中，如果错误，则需要重新经过步骤3修正错误。

在上述技术方案的基础上，布局代码解析器解析XML文件内容时，

如果解析正确，则生成相应的UI布局，呈现布局效果给用户；

如果解析错误，则提示用户重新编辑XML文件。

在上述技术方案的基础上，重新编辑XML文件后，通过重启App实现对重新编辑得到的XML文件的加载。

本发明所述的iOS上通过XML实现UI布局的方法，通过XML文件，动态的设定UI布局，实现了快速搭建UI界面及实时调整UI界面，提高了开发效率，统一的UI布局设定方式，便于开发人员协同工作，快速响应需求。

优点在于：

1、可供快速搭建UI界面，在敏捷开发当中可以使用，并且做出来的UI界面代码和业务逻辑代码彻底分离。

2、当发现某个界面需要调整的时候，能直接调整XML文件即可，所见即为所得，不需要重新运行代码。

附图说明

本发明有如下附图：

图1 本发明的流程图。

具体实施方式

以下结合附图对本发明作进一步详细说明。

如图1所示，本发明所述的iOS上通过XML实现UI布局的方法，包括如下步骤：

步骤1，获取XML布局代码，设定类名，以便根据类名来命名XML文件；

所述类名即指类的名称；

例如：XML文件命名为TestView.xml；

步骤2，创建App工程，创建一个和XML文件同名的临时测试类，添加对应的控件，然后添加到主VC中；

例如：临时测试类的类名为TestView；

步骤3，在App工程中，生成步骤1所述XML文件，添加XML布局代码，形成XML布局文件；

步骤4，运行App；

步骤5，App调用临时测试类，临时测试类加载OC布局代码；

步骤6，临时测试类加载与类名同名的XML文件；

步骤7，临时测试类解析并判断XML文件内容是否正确，

如果错误，则提示错误；