Tag: 自定义视图

iOS上的IBDesignable自定义垂直滑块

大家好， 前段时间，我们的设计师想要一个带有垂直滑块的批准页面。 此页面位于某些表单屏幕之后（用户在其中填写一些信息），并且通过向下滑动滑块可以看到其下面的页面。 同样，通过将滑块滑到底部，用户可以批准他填写的信息。 您可以在顶部看到一个丑陋的演示。 （完全由我设计designed） 对于此任务，我选择创建IBDesignable自定义滑块，该滑块使用xib文件通过情节提要板在其他项目中重复使用它。 我的主要目的是能够在故事板上看到我的自定义滑块。 我希望获得有关自定义视图的即时视觉反馈，而不是编译和运行项目。 通过使用IBDesignable您可以从情节IBDesignable中实时编辑通过xib创建的自定义视图，我想这真是太酷了。 在这篇文章中，我们有2章： 第1章：如何创建使用xib的自定义垂直滑块 第2章：如何制作 包含 IBInspectable 元素 的 IBDesignable 自定义视图 请注意，本文中将包含大量代码，我不想撰写单独的文章以保持完整性。 因此，您的职位很长。 希望您能找到对您有用的东西。 创建XIB 通过协议功能实现平移手势动作和与父视图的通讯 实现视图的实现方法 这些是我们要采取的步骤。 让我们开始使用滑块： 1.创建XIB 在此步骤中，我添加了一些屏幕截图，这些屏幕截图将对您有所帮助。 您也可以在Github上查看该项目以亲自查看。 您可以在文章末尾找到链接。 您可以在屏幕快照中查看视图层次结构及其IBOutlets 。 SliderPath：所有项目均发生的位置。 平移手势使用此视图获取坐标反馈。 thumbView：他认为您用手指滑动。 这也连接到手势识别器。 destinationView：隐藏视图以检查拇指是否已到达目标。 您可以在底部选择的第一个屏幕截图中看到此视图。 我选择在xib上添加平移手势，并连接其动作和插座，如相关屏幕截图所示。 2.执行平移手势 相关的IBOutlets和变量 var委托：KKVerticalSliderDelegate？ @IBOutlet弱fileprivate var slidePath：UIView！ @IBOutlet弱fileprivate var拇指：UIView！ @IBOutlet弱的fileprivate var目标：UIView！ @IBOutlet弱fileprivate var thumbTopConstraint：NSLayoutConstraint！ @IBOutlet fileprivate […]

在iOS中创建自定义视图以进行多次重用

这是 我在Stack Overflow上写的答案的转贴 。 当您发现自己反复使用视图布局时，这是创建自定义视图的不错选择。 以下说明是使用Swift的基本指南。 添加自定义视图文件 以下两个文件将构成您的自定义视图： .xib文件包含布局 .swift文件作为UIView子类 添加它们的详细信息如下。 Xib文件 将.xib文件添加到您的项目（ 文件>新建>文件…>用户界面>视图 ） 。 我打电话给我ReusableCustomView.xib 。 创建您希望自定义视图具有的布局。 例如，我将使用UILabel和UIButton进行布局。 使用自动布局是个好主意，这样无论您以后将其设置为多大，东西都会自动调整大小。 （我在“属性”检查器中将Freeform用于xib大小，以便可以调整模拟量度，但这不是必需的。） 迅捷文件 将.swift文件添加到您的项目（文件>新建>文件…>源> Swift文件） 。 它是UIView的子类，我叫ReusableCustomView.swift 。 import UIKit class ResuableCustomView: UIView { } 将Swift文件设为所有者 返回您的.xib文件 ，然后在“文档大纲”中单击“文件的所有者”。 在身份检查器中，将您的.swift文件的名称作为自定义类名称。 添加自定义查看代码 用以下代码替换ReusableCustomView.swift文件的内容： import UIKit @IBDesignable class ResuableCustomView: UIView { let nibName = “ReusableCustomView” var contentView:UIView? @IBOutlet […]