Tag: 360产品查看器

使用Swift 3 in在iOS中制作自己的360˚Product Viewer

要制作360˚产品查看器，您需要从不同角度拍摄一系列产品照片。 我不会完成这些镜头的创建过程，但是，如果您想了解它，可以访问https://www.ecwid.com/blog/guide-to-360-product-photography.html 导入图像 拍摄完这些照片后，将那些照片拖到图像资产中。 不要忘了以递增的数字顺序命名它们。 设置视图 现在我们有了图片，现在让我们切换到情节提要，然后从ViewController中的Object Library中拖动ImageView。 向您的ImageView添加必要的约束。 我希望ImageView是整个宽度的正方形，并位于屏幕中央。 因此，我将在视图中添加“前导”，“尾随”和“垂直居中”约束，并在“ ImageView”中添加“ 1：1纵横比”约束。 您可以按照设计要求设置约束。 还将Pan Gesture Recognizer从对象库拖到ImageView。 要使Pan Gesture正常工作，必须为ImageView启用User Interaction。 要启用它，请转到“属性检查器”，然后在“交互”属性中检查“启用用户交互”属性。 编码！！ 现在我们已经为360产品查看器设置了视图，让我们通过创建ImageView的Outlet和Pan Gesture Recognizer的动作开始编码。 @IBOutlet弱var imageView：UIImageView！ @IBAction功能手势（_发送者：UIPanGestureRecognizer）{ } 定义一些变量。 currentIndex将保存图像的当前索引， images将保存产品图像数组 将会显示的内容， lastPoint将保存最后一个触摸点的坐标，而灵敏度则定义了查看器的拖动灵敏度。 var currentIndex：Int = 0 var images：[UIImage] = [UIImage]（） var lastPoint：CGPoint = CGPoint.zero 让敏感性：CGFloat = 5.0 现在，让我们在手势动作中编写一个逻辑，该逻辑将在拖动时更改imageView图像。 逻辑很简单。 当用户在imageView上拖动时，我们获得imageView上触摸点的坐标并将其设置为currentPoint 。 然后，我们检查拖动是刚刚开始还是已经开始。 如果拖动刚刚开始，则仅将lastPoint设置为currentPoint […]