我的客户的要求如下:
我将创建包含大约 15 个文本字段的注册表单(在服务器上预先定义)。注册字段中的字段信息来自服务器。在某些情况下,某些字段可能不需要。因此,我将获取该特定情况所需的字段。
例如假设服务器上预定义字段的数量为 15。即名字、姓氏、电话号码、出生日期、图片、电子邮件、地址、邮政编码等。
但在某些情况下,电子邮件 ID 字段可能不是必需的。所以我不会从服务器获取该字段。因此,应用程序端我必须从预定义的字段列表中隐藏电子邮件文本字段。
此外,也有可能不需要多个(任何字段)字段。所以我也必须隐藏它们。我试图通过图像表示来解释情况如下。
情况1:
情况2:
在这种情况下,我正在做的是(应用程序端)为所有预定义字段创建文本字段。然后我隐藏了服务器响应不需要的文本字段。即电子邮件文本字段或任何其他文本字段。
现在我的问题是,如果不需要任何字段,则应重新定位文本字段,并且我在应用程序中使用自动布局。我隐藏了电子邮件文本字段,那么如何设置下一个文本字段的位置,例如联系人号码、出生日期等?
最佳答案
是的,使用自动布局完全可以实现这一点。
这里最重要的是:
您不需要手动重新定位它,这项工作将通过自动布局完成。
您必须执行以下操作:
- 使用
UIScrollView
并在其中添加所有UITextField
。这样内容的大小和位置的变化就可以轻松管理。这里scrollView的内容大小也是由自动布局管理的,所以不要手动执行。 - 不要为
UITextField
手动分配框架。例如创建文本字段时使用CGRect
。 - 使用 VFL(视觉格式化语言)。这是一种功能强大的自动布局语言,可以让您使用代码在运行时进行动态更改。
为所有
UITextFields
添加约束,并将hidden
属性初始设置为No/False
。从您的服务器响应和查询中,只需调用以下方法即可使它们可见并更新自动布局约束。// Change hidden property based on your response // ........ // ........ // Below methods will update auto layout [textField layoutIfNeeded]; [self.view layoutIfNeeded];
您可以将这些方法放在动画 block 中以获得丰富的 UI 体验。
注意:请记住,VFL 不是一个简单的部分,您在使用它时必须小心。
添加可以帮助您的示例代码(但它是在 Swift 中将其转换为 Objective C 的),而且 VFL 的参数和值可能会有所不同,因为此代码符合我的要求。看一下并根据您的需要进行更改。
使用 VFL 创建 UIScrollView
:
// Create scrollview to display content
self.scrollView = UIScrollView()
self.scrollView.delegate = self
self.scrollView.setTranslatesAutoresizingMaskIntoConstraints(false)
self.view.addSubview(self.scrollView)
// Visual formatting constraints of scrollview horizontal-vertical alignment with respect to view
self.view.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|[scrollView]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["scrollView" : scrollView]))
self.view.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|[scrollView]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["scrollView" : scrollView]))
在UIScrollView
中添加UITextField
:
func createRegistrationControls() {
var previousTextField : UITextField! = nil
// Remove all pervious views.
for view in self.scrollView.subviews {
view.removeFromSuperview()
}
for <YOUR NO OF TEXTFIELDS CONDITION> {
let textField : UITextField! = UITextField()
textField.borderStyle = UITextBorderStyle.RoundedRect
textField.font = UIFont.systemFontOfSize(14)
textField.clearButtonMode = UITextFieldViewMode.WhileEditing
textField.setTranslatesAutoresizingMaskIntoConstraints(false)
textField.delegate = self
self.scrollView.addSubview(textField)
// Left constraint
self.scrollView.addConstraint(NSLayoutConstraint(item: textField, attribute: NSLayoutAttribute.Left, relatedBy: NSLayoutRelation.Equal, toItem: self.scrollView, attribute: NSLayoutAttribute.Left, multiplier: 1.0, constant: 10))
// Right constraint
self.scrollView..addConstraint(NSLayoutConstraint(item: textField, attribute: NSLayoutAttribute.Right, relatedBy: NSLayoutRelation.Equal, toItem: self.scrollView, attribute: NSLayoutAttribute.Right, multiplier: 1.0, constant: -10))
// TOP Horizontal constraint
let metrices = ["width" : self.view.bounds.width]
self.scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("H:|[textField(width)]", options: NSLayoutFormatOptions(0), metrics: metrices, views: ["textField" : textField]))
if previousTextField == nil {
// Top vertical constraint
self.scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:|[textField]", options: NSLayoutFormatOptions(0), metrics: nil, views: ["textField" : textField]))
} else {
// Top constraint to previous view
self.scrollView.addConstraints(NSLayoutConstraint.constraintsWithVisualFormat("V:[previousTextField]-(10)-[textField]", options: NSLayoutFormatOptions(0), metrics: nil, views: ["textField" : textField, "previousTextField" : previousTextField]))
}
previousTextField = textField
}
if previousTextField != nil {
// This below constraints will increase UIScrollView content size
let constraint1 = NSLayoutConstraint.constraintsWithVisualFormat("H:[previousTextField]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["previousTextField" : previousTextField])
self.scrollView.addConstraints(constraint1)
let constraint2 = NSLayoutConstraint.constraintsWithVisualFormat("V:[previousTextField]|", options: NSLayoutFormatOptions(0), metrics: nil, views: ["previousTextField" : previousTextField])
self.scrollView.addConstraints(constraint2)
}
}
关于ios - 使用自动布局管理 UITextField 的动态位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32517069/