Xamarin iOS验证文本字段教程

我最近开始涉足移动开发。 特别是使用Xamarin iOS。 这是一次很棒的经历,我正在一个副项目上取得重大进展,我希望它将在未来几个月内达到足够的体面并向公众发布。

如果您像我一样,那么您不是UI / UX或设计方面的专家-也不想花很多时间假装自己-但当您的应用在原型制作过程中看起来像是一团糟时,您一定会感激不尽并获得功能布局。

为此,重要的是要拥有随时可用的工具,以便在保持整洁外观的同时快速进行原型制作。 在这篇文章中,我将提供有关如何实现这样一种工具的教程。

我想这是向您介绍我的平面和最小验证文本字段的地方:

如果这看起来有用,请继续阅读。 我要直接跳进去!

我想指出的是,在本教程中,我假设您对Visual Studio和Xamarin iOS有一定的了解。 但是,如果您是一个全新的人,而我却很快地浏览了所有内容,我很乐意回答问题!

您可以在 此处 参考完整的源代码

让我们从创建一个新的单视图应用程序开始。

项目加载后,打开情节提要并添加新的UITextField并执行以下操作:

  • 给它一个标识名(我使用了NameTextField)
  • 将其尺寸调整为275px x 30px
  • 删除边框样式
  • 删除初始文字
  • 添加占位符文本
  • 可选:添加约束

您应该最终得到类似于以下内容:

您显然不需要使用任何自定义字体,但是在本教程中,我使用了EB Garamond和Oswald。 对初始视图控制器满意后,保存情节提要并退出。


现在获取一些实际代码。 我们要做的第一件事是添加用于着色UIView边框的功能。 我们将通过扩展方法来实现。

将一个新的类文件添加到您的项目,名为UIViewExtensions.cs。 初始代码如下:


在进入验证文本字段之前,让我们进一步进行边框着色功能,并创建一个名为BorderedTextField的新类。

创建一个名为BorderedTextField.cs的新类文件,并按如下方式填充它:

我真的希望你们中的一些人觉得这有用。 如果您有任何疑问或反馈,我希望听到,所以请联系。 否则,谢谢您的阅读!

再一次,您可以在 此处 引用完整的源代码