--- title: "将 StyleVision 设计转换为适用于移动端的解决方案" date: "2017-04-27" categories: - "applications" - "mobile" tags: - "android" - "enterprise-forms" - "ios" - "mobile-development" - "mobiletogether" - "stylevision" description: 本文介绍了如何将 StyleVision 设计转换为 MobileTogether 应用程序，从而可以在移动设备和网页浏览器上部署企业级表单。 --- Status: #blog Tags: #android #enterprise-forms #ios #mobile-development #mobiletogether #stylevision Categories: [low-code+no-code](/blog/zh/category/low-codeno-code.md) | [mobile-development](/blog/zh/category/mobile-development.md) # 将 StyleVision 设计转换为适用于移动端的解决方案 StyleVision，Altova公司推出的可视化XSLT工具 [样式表设计师](https://www.altova.com/zh/stylevision/xslt-stylesheet-designer.html) 和 [报表设计工具](https://www.altova.com/zh/stylevision/multi-format-report-builder.html), 也同样非常强大 [企业形式设计师](https://www.altova.com/zh/stylevision/authentic-form-design.html) 这款产品深受客户的欢迎，尤其适用于那些需要将XML或数据库数据导入电子表格，以便与Altova Authentic软件配合使用的用户。 Authentic 是一款专为非技术用户设计的所见即所得编辑器，并且提供以下版本： [桌面版和浏览器插件版本](https://www.altova.com/zh/authentic/desktop-browser-deployment.html). 然而，由于安全问题日益突出，现代浏览器正在逐步淘汰对原生插件的支持。如果您是 Authentic Browser Edition 的用户，请不必担心——您现在可以将任何现有的 StyleVision 设计转换为 MobileTogether 设计，并通过 MobileTogether Server 以一个简单的 URL 形式部署，该 URL 可以通过网页浏览器访问，甚至可以作为原生应用程序在移动设备上运行。 让我们来看看这种方法的优点。 ![将企业应用转换为移动应用](/blog/images/v2017R3_convert.jpg) ## 将传统表格转换为适用于移动设备的应用程序 将设计转换为 [MobileTogether](https://www.altova.com/zh/mobiletogether.html) 功能适用于任何 StyleVision 设计，例如，可以将一份商业报告转化为可在 iOS、Android 和 Windows 设备上的应用程序上使用的版本。然而，对于那些原本打算使用 Authentic Browser Edition 来部署企业表单的公司来说，这项功能尤其重要。   ![将 StyleVision 导出到移动设备](/blog/images/sv-to-mt.png)   让我们通过一个例子来演示，这个例子使用随 StyleVision 软件自带的“发票”示例 SPS 文件。这种类型的应用程序非常适合在移动设备或浏览器上部署。 以下是“Authentic”公司发票电子表格的示例，该示例在StyleVision软件中显示如下：   ![StyleVision 发票](/blog/images/stylevision-invoice.png)   现在，当我将 Invoice.sps 文件导出为 MobileTogether 文件并在 MobileTogether Designer 中打开它时，格式、布局和功能都会得到保留。根据您正在转换的 StyleVision 设计的复杂程度，可能需要在 MobileTogether 中进行一些额外的操作，以达到您期望的美观效果和功能。 不过，由于“Invoice”是一款相对简单的应用程序，因此不需要进行太多调整。现在，让我们通过运行MobileTogether内置的模拟器，直接查看它的效果。这个模拟视图展示了“Invoice”在iPad上的运行方式，并且该模拟器可以适用于所有操作系统和设备形态。   ![应用程序模拟器](/blog/images/app-simulator-ipad.png)   我们来做一些简单的修改，将日期输入框更新为日期选择器。我可以直接将“日期”控件从控件面板拖动到设计中的“发票日期”区域，然后再次拖动并放置，以将“InvoiceDate” XML 元素与该控件关联起来。   ![为应用程序添加日期选择器](/blog/images/add-date-picker.png)   我们来看看效果如何，这次我们将在一个Android设备上模拟应用程序。正如您所看到的，现在当用户点击我刚刚添加的按钮时，就会弹出特定于操作系统的日期选择器。当我更改日期时，新的数据会被正确地存储在“InvoiceDate”元素中。   ![适用于 Android 平台的日期选择器](/blog/images/app-date-picker.png)   一旦我们对新的应用程序设计感到满意，我们就可以通过以下方式将其部署给最终用户：iOS iPhone和iPad的原生应用程序，任何Android设备，以及Windows 8/10电脑——**以及任何网页浏览器**。使用MobileTogether浏览器客户端，无需任何浏览器插件；用户只需访问您提供的URL即可访问该应用程序，该应用程序由MobileTogether服务器直接提供，并且仅使用HTML5、CSS和JavaScript。 请注意，MobileTogether 提供了两种部署方式： - 对于内部或企业环境，最终用户可以通过连接到您的 MobileTogether 服务器，并通过其网页浏览器访问您的应用程序——同时，系统会考虑到强大的安全措施。他们还可以下载免费的 MobileTogether 客户端应用程序，适用于 iOS、Android、Windows Phone 或 Windows 8/10，然后在他们选择的设备上连接到您的服务器。 - 如果需要进一步的定制，开发者可以添加自定义品牌标识，为每个平台编译原生应用程序，并将它们提交到应用商店，用户可以在这些商店下载应用程序。 在这种情况下，您还可以提供一个用于浏览器客户端的网址。 无论如何，现在您已经拥有了灵活性，可以将您的企业表单部署到几乎任何网页浏览器或移动设备上！ MobileTogether 包含一系列高级功能 [用于开发移动应用程序的功能](https://www.altova.com/zh/mobiletogether/features/default.asp), 这样，您的应用程序就可以根据您的需求，简单或复杂。 生成一个初始的 MTD 文件可以节省大量时间，并且能帮助您更快地构建您的第一个移动端表单，无论您将其部署为移动应用程序、浏览器应用程序，或者两者兼有。您无需具备特定的移动应用开发经验 [开发一个应用程序](https://www.altova.com/zh/mobiletogether.html) 在MobileTogether中，MobileTogether应用程序的设计流程对于StyleVision的开发者来说会非常熟悉。 您可以轻松上手，只需下载免费的 [MobileTogether Designer](https://www.altova.com/zh/download/mobiletogether.html) 软件。