Question

我正在尝试制作一个

的演示

屏幕左侧会有一条垂直线（屏幕有默认颜色），线条将从左向右移动。这条线将作为画笔使屏幕变成其他颜色，所以如何实现这一点？提前谢谢。

Answer 1

您可以使用彩色视图和UIView动画执行此操作。

设置一个背景颜色的视图将填满屏幕。将此视图的背景颜色设置为＆＃34;另一种颜色＆＃34;。我们称之为＆＃34;填充视图＆＃34;。将其固定在内容视图的左侧，并为其指定右边缘约束，该约束也固定在内容视图的左边缘。在左边缘约束中添加出口。让我们称之为约束出口＆＃34; rightEdgeConstraint。

使用固定宽度约束和不同背景颜色创建线视图（称为＆＃34;线视图＆＃34;）。将左边缘约束添加到线视图，将其附加到填充视图的右边缘。

现在在您的代码中，为右边缘约束设置动画：

UIView.animateWithDuration(1.0) {
  //Make the fill view as wide as the content view.
  rightEdgeConstraint.constant = view.width
  view.layoutIfNeeded()
}

如果您希望用户能够从左向右拖动线条，那么您需要将平移手势识别器附加到线条视图并使用X位置的更改来更改{{的值1}}（然后按上述方式调用rightEdgeConstraint.constant。）

如何实现一条线的旅行路径

1 个答案: