---
title: "应用界面设计的新功能"
date: "2016-04-13"
categories: 
  - "applications"
  - "development"
  - "mobile"
tags: 
  - "app-development"
  - "apps"
  - "mobiletogether"
  - "ui-design"
description: 使用MobileTogether，您可以了解最新移动应用用户界面设计趋势，该平台提供新的控件和增强的功能，旨在实现跨平台的无缝移动应用开发。
---
Status: #blog

Tags:  #app-development #apps #mobiletogether #ui-design

Categories: [low-code+no-code](/blog/zh/category/low-codeno-code.md) | [mobile-development](/blog/zh/category/mobile-development.md)
# 应用界面设计的新功能

正如谚语所说：“第一印象至关重要。” 即使在今天，这个古老的建议仍然适用于各种场合，甚至在考虑移动应用程序时也是如此。一款成功的应用程序是用户体验的延伸，而美观且实用的用户界面是实现这种无缝连接的关键。 [MobileTogether](https://www.altova.com/zh/mobiletogether.html) 使得构建复杂用户界面，以简化复杂的编程逻辑，变得比以往任何时候都容易。 在最新版本中，我们增加了更多选项，以便为原生 iOS、Android 和 Windows 应用程序开发直观的用户界面。

![移动应用程序](/blog/images/shutterstock_107715224.jpg)

<!--more-->

### 应用程序用户界面设计

MobileTogether 的用户界面设计非常独特：您的单个布局会同时适配所有平台，并且您可以生成适用于原生 iOS、Android、Windows Phone 以及 Windows 8/10 应用的代码——所有这些都基于同一个设计。您可以根据不同的操作系统进行定制，也可以保持统一。无论如何，MobileTogether 会自动将您的设计元素渲染成适用于每个操作系统以及当前设备的尺寸。在您工作时，内置的模拟器可以帮助您预览用户界面在每个平台上的外观，甚至可以模拟到设备级别：

 

![应用程序开发模拟器](/blog/images/app-simulator.png)

 

您可以从内置控件库中拖动一个控件到设计面板上，然后连接后端数据，并定义后端数据处理方式，从而开始您的用户界面设计。

 

![移动应用程序控制选项](/blog/images/mobiletogether-controls.png)

 

### 新的用户界面控件

随着每个新版本产品的发布，我们都会增加大量开发者提出的功能。 [MobileTogether的最新版本](https://www.altova.com/zh/whatsnew_mobiletogether.html) 引入了超过30个新功能，其中包括一些新的用户界面控件：

#### **垂直线**

新的垂直分隔线功能与现有的水平分隔线相辅相成，可以在表格中使用，以强调列之间的分隔和对齐，具体效果如下所示。这只是众多新功能中的一项 [在移动应用程序中创建和展示表格](https://www.altova.com/blog/scrolling-tables-data-driven-mobile-apps/) 我们最近推出了一款新产品。

 

![移动桌子 ](/blog/images/landscape-50.png)

 

只需简单地拖动控件到用户界面中所需的插入位置，即可轻松定义垂直线。

#### **滑块控制**

常用的水平滑动条控件通常用于让用户在预先设定的最小值和最大值之间选择一个数值。指针的位置可以大致指示用户的选择，即使没有数值刻度，例如下图所示的包裹递送应用程序中，用于指示包裹损坏程度的滑动条。

 

![水平滑动条](/blog/images/slider-1.png)

 

#### **电子邮件和分享按钮**

为了配合 MobileTogether 2.1 中新推出的“分享”功能，开发者现在可以定义带有“邮件”和“分享”图标的按钮，用户可以立即识别这些图标。以下是同一款应用程序在 iOS 和 Android 平台上的截图。请注意，每个平台都会自动使用其原生分享和邮件图标。

 

![电子邮件和分享按钮](/blog/images/share-button.png)

 

这些新的控件增强了 [MobileTogether](https://www.altova.com/zh/mobiletogether.html) 中构建精美用户界面的现有功能。 结合该框架提供的强大后端编程能力，您的移动应用程序一定能给最终用户留下深刻的印象。

 

MobileTogether Designer 是一款免费软件，[立即试用](https://www.altova.com/zh/download/mobiletogether.html)
