首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Xcode 8/ Swift 3-如何将按钮约束锁定在一个按键上,以缩放图像,以便与图像一起放大和缩小?

Xcode 8是苹果公司开发的一款集成开发环境(IDE),用于开发iOS和macOS应用程序。Swift 3是苹果公司推出的一种编程语言,用于开发iOS、macOS、watchOS和tvOS应用程序。

在Xcode 8中,可以使用Auto Layout来实现按钮约束锁定在一个按键上,并且能够随着图像的放大和缩小而进行相应的缩放。

以下是实现该功能的步骤:

  1. 打开Xcode 8,并创建一个新的项目或打开现有项目。
  2. 在Interface Builder中,选择你想要放置按钮的视图控制器或视图。
  3. 在Interface Builder的右侧面板中,选择“Size inspector”选项卡。
  4. 选择你要约束的按钮,并点击右侧面板中的“Add New Constraints”按钮。
  5. 在弹出的对话框中,选择“Width”和“Height”约束,并将它们的值设置为与图像相同的值。
  6. 确保“Constrain to margins”选项未选中。
  7. 点击“Add Constraints”按钮以应用约束。

现在,当你在应用程序中放大或缩小图像时,按钮将按比例进行缩放,以便与图像一起放大和缩小。

这种方法适用于需要将按钮与图像一起缩放的场景,例如在图片编辑应用程序中,用户可以通过放大和缩小图像来调整按钮的大小。

腾讯云相关产品和产品介绍链接地址:

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

初探 Core ML:学习建立一个图像识别 App

注: 接下来的教学会使用 Xcode 9 作为开发工具,同时需要有 iOS 11 的设备以便测试其中的功能。Xcode 9 支持 Swift 3.2 及 4.0,我们使用 Swift 4.0 开发。...首先,开启 Xcode 9 然后建立一个新项目。选择 Single View App,接着确认程式语言为 Swift。 ?...Core ML Demo UI 接下来,拖曳两个按钮到 Navigation Bar 里头,一个放在标题左边一个右边。...这来说,这个模型可以放入一张 299×299 的图像,然后回传给你这张图像最有可能的分类以及每种分类的可能性。 另外一个你会注意到的是模型的类别(Model Class)。...这裡我们把 pixelBuffer 变数放入方法中,这个变数代表的是缩放后的图像。一旦完成预测会字串形式回传结果,我们把 classifier 的文字内容更新为收到的结果文字。

2.7K70

将模型添加到场景中 - 在您的环境中显示3D内容

下载 要学习本教程,您需要Xcode 9或更高版本,以及Focus Square的最终Xcode项目。您可以下载本节的最终Xcode项目,帮助您自己的进度进行比较。...调整大小填充整个视图控制器。 约束 然后,单击Storyboard编辑器左下角的第四个图标,将新约束添加到场景视图中。定义约束确保您的用户界面适应不同的屏幕尺寸或设备方向。...单击并拖动左侧的圆圈,它应该是第15行,然后释放到ARSCNView。现在,关闭助理编辑。 添加按钮 我们想在视图中添加一个按钮,用作在场景中添加模型的触发器。...在“ 属性”检查器中,删除“ 按钮”标题并将图像设置为“ 按钮/添加”。 约束到底部20但这次是在安全区域,并取消选中Constrain到边距。...然后,将鼠标悬停在左侧的“ 对齐”图标上,并在“容器”中选中“水平”在屏幕中水平居中。 添加按钮功能 我们刚刚在屏幕添加了按钮,但它根本没有做任何事情。当我们触摸它时,让按钮执行某些操作。

5.4K20

WWV 2018年十大必看视频

此外,ARKit 2支持AR和VR体验的共享,以便多个设备可以查看相同环境并与之交互。这可以使多用户游戏与其他观众一起玩。...此外,UIEdgeInsets并UIImage获得在纯swift属性的方法。 通知现在支持标记,以便它们组的形式显示。 自动密码和自动填充功能可进一步增强Web和应用程序密码。...您可以在Mac直接在Swift中创建和训练模型。创建ML可以图像识别,文本分析甚至表格数据一起使用,其中多个特征可以进行可靠的预测。...在另一场会议“Core ML 2第一部分简介”中,Apple阐述了权重量化,进一步缩小尺寸而不会降低质量。...8)在Xcode中建立更快 - 408 ? 在Xcode WWDC 2018中建立更快 [视频链接] 本次会议充满了对更有效地构建项目的见解。

2.7K20

WWDC 2018年十大视频评论

此外,ARKit 2支持AR和VR体验的共享,以便多个设备可以查看相同环境并与之交互。这可以使多用户游戏与其他观众一起玩。...您可以在Mac直接在Swift中创建和训练模型。创建ML可以图像识别,文本分析甚至表格数据一起使用,其中多个特征可以进行可靠的预测。...在另一场会议“Core ML 2第一部分简介”中,Apple阐述了权重量化,进一步缩小尺寸而不会降低质量。...p是另一个LLDB命令,用于查看当前对象的调试表示。在暂停时使用“变量调试器”,可以查看和过滤属性查找要检查的项目。您可以通过在属性设置“观察尝试”来设置观察点。...使用Xcode工作区,您可以导入自己的框架并添加一个操场来使用它们。 游乐场不仅仅是为了好玩。它们是开发功能,测试API和制定自己的灵感的重要工具。 8)在Xcode中建立更快 - 408 ?

3.3K20

导入 3D 模型-将您自己的设计融入现实生活中

下载导入3D模型 要学习本教程,您需要Xcode 10或更高版本,以及SceneKit场景编辑器中的最终Xcode项目。您可以下载本节的最终Xcode项目,帮助您自己的进度进行比较。...在下一页,单击红色的“ 下载”按钮,然后选择“ Collada文件”。 接下来,转到下载资产的目录,您将看到一个名为iPhoneX +(Apple +)的新文件夹。...文件夹模型实际是材质,因为它有一个iPhoneX屏幕的图像文件。在我们导入之前,我想将文件夹重命名为iPhoneX。 导入模型 现在,让我们导入。返回Xcode,打开Project导航器。...当应用程序出现在我们的设备时,让我们将图标一个名称相关联,而不是项目名称。转到项目文件DesignCodeARKit并将显示名称更改为Angle AR。...3D Textures Motionworks Vray Textures 结论 因此,在这里您学习了如何将3D模型导入Xcode,调整它以便在程序中进行优化并实现更好的交互。

3K10

FPGA实现图像几何变换:缩放

然而,FPGA实现插值算法比较困难,足可以作为一篇论文来讨论了,为了简化操作,本次设计采用简单的像素复制和像素阉割的方式来实现图像的放大和缩小。...这次同样引入一个外部按键,用于控制放大的倍数,共有 1、2、4、8 四种倍数,如下所示: always @(posedge rd_clk or negedge rst_n) begin...这次同样引入一个外部按键,用于控制缩小的倍数,共有 1、2、4、8 四种倍数,如下所示: //缩小倍数//--------------------------------...为了避免除法器,改为移位计算,得到1、2、4、8缩小,如果采用除法,则可以实现任意整数倍缩小。 后记   FPGA实现几何变换的博客到此为止了,一共实现了:裁剪、镜像、旋转、平移和缩放。...数字图像处理机器视觉[M]. 人民邮电出版社, 2010. ----

1.5K30

XcodeXcode 9 的全新功能您会喜欢的工具。内建 Interface BuilderXcode IDE

基于 Swift 4 的兼容性,Xcode 9 使用同一个编译器来构建已有的 Swift 3 代码和最新的 Swift 4 代码。从此,数据迁移的节奏,您说了算。... macOS Server 搭配使用时,Xcode 可以设置远程 bot,以便连续构建、分析、测试甚至封装 app。...自动布局基于这样一种概念:界面中的每个对象均可定义约束条件,用于控制其对父视图和其他界面控件的响应。例如,当显示不同语言时,可以让按钮优先保持特定大小或扩展容纳更大的文本。...资产目录 Xcode 中的资产目录编辑器管理 app 的图像,可将相同资产的各种分辨率图像分组归类。构建时,Xcode 将资产目录编译成最高效的最终分发捆绑包。...在以键盘驱动的任何工作流程中,快速打开是一个必要工具。 OpenGL 帧捕捉 只要按下一个按钮,即可对 iOS 设备中的当前 OpenGL 帧捕捉其完整的表现。

8.3K30

添加多个屏幕-创建格线布局

下载多个屏幕 要学习本教程,您需要Xcode 10。您可以下载Final Xcode项目,帮助您自己的进度进行比较。 查看控制器 在主故事板中,让我们构建我们的集合视图。...MultipleScreens02 转场 让我们将这两个View Controller连接在一起。在第一个图标的顶部,Control +从第一个图标(黄色圆圈)拖动到第二个图标的视图。...约束Collection View: 约束 值 左 0点 右 0点 30点 高 250点 ?...我们在图像下面插入一个标签。文本是iPhone X并将底部约束为0并将容器中的水平中心约束。在“ 属性”检查器中,将“滚动方向”更改为“ 水平”并取消选中“ 显示”指示器。...cell.index = indexPath.row 返回UIImage 当我们点击按钮时,它将在函数中返回UIImage类型的图像。为ARScreen的图像声明一个新数组。

2.8K40

一篇文章带你了解SVG 图标

SVG图标是SVG图像,用作Web应用程序或移动应用程序内的图标或图像按钮。SVG图标也可以用于徽标。文章说明了SVG图标如何创建自己的SVG图标,以及在何处可以下载高质量的预制SVG图标。...当仅设置其中一个属性的宽度时,浏览器将沿另一个轴相应缩放SVG图标,以便SVG图标保持其纵横比。 三、自定义SVG图标 有时可能需要创建自己的SVG图标。...SVG图标只是包含在它自己的SVG文件中的SVG图像。 下面是一个非常简单的圆形图标,由SVG circle元素组成: <!...元素一起显示时的效果图: ?...注: 如何仅显示圆圈的一部分,而不是按比例缩小整个圆圈。 造成此问题的原因是SVG图像文件缺少某些信息。必须为SVG viewBox属性设置一个值 。

4.2K30

按钮交互-使用按钮触发操作

在本节中,我们将介绍一个重要且简单的元素,即按钮。这个小元素可以改变整个UX。我们将使用该按钮缩放我们的3D模型。此外,我们将尝试更改手机的壁纸。...下载按钮和互动 要学习本教程,您需要Xcode 10。您可以下载Final Xcode项目,帮助您自己的进度进行比较。 设置 现在,您可以更改项目名称并添加应用程序图标。...主要故事板 我们在屏幕放置一些按钮。使用模板,主故事板附带一个ARSCNView,我们无法在其放置按钮。首先,删除ARSCNView并放置UIView。...在swift文件中,您将看到一个之前的ARSCNView链接的IBOutlet。由于我们删除了那个,将新的ARSCNView链接到该Outlet。...解决方案是声明另一个变量并使其成为iPhoneNode相同的节点。在根级别和渲染器内声明变量iPhoneXNode,将2个变量匹配在一起

4.5K20

Swift中创建可缩放图像视图

对于我们的可缩放图像视图,我们要做的是让它成为一个缩放的视图。对于我们的可缩放图像视图,我们将利用UIScrollView的缩放和平移功能。...基本,我们将在UIScrollView中嵌套一个包含图片的UIImageView,它将处理所有我们扔给它的缩放、平移(和点击!)手势。...试试平移和缩放(如果你使用的是模拟器,按住 "option "键)--你会对你的图像一个全新的视角 编程方式初始化视图 在使用界面生成器时,这很好--但如果你想编程方式初始化视图呢?...medium.com/media/825ab… 双击手势(可选 可缩放视图的一个常见功能是双击放大和缩小的能力。这对我们的类来说是一个相对简单的补充,所以接下来让我们来添加这个功能。...我们将创建一个UITapGestureRecognizer,当用户双击时,用它来改变滚动视图的缩放比例。 medium.com/media/8d884… 就是这样!我们现在可以通过双击来缩放

5.6K20

教程 | 如何使用Swift在iOS 11中加入原生机器学习视觉模型

你可以边下载 Xcode 边读完这篇文章,以便进行下载后的操作。...我的示例项目将会一幅图像作为输入,并得出可能的分类及其各自的信任度。所有计算都是在苹果新推出的含 Core ML 和机器学习视觉框架的设备完成的。 这个项目内容很少。...当你将.mlmodel 文件拖动至应用程序中时,Xcode 便会为其自动创建 Swift 封装。一些模型文件的大小可以达到几百 Mb。...若模拟器无法启动,退出模拟器和 Xcode 即可。它们运行一段时间后,你需要进行一次同样的操作。尽情享受模拟器的崭新外观体验,以及对 iOS 11 的少许预览吧!...只需拖入一个模型并对结果加以处理,你就离成功不远了!苹果所链接的其他三个模型应当一个 VNCoreMLRequest 兼容,因为它们都以图像作为输入,并输出分类信息。

2.2K50

深度学习图像识别项目(下):如何将训练好的Kreas模型布置到手机中

从那里开始,我们将编写一个脚本将我们训练 好的Keras模型从HDF5文件转换为序列化的CoreML模型 – 这是一个非常简单的过程。 接下来,我们将在Xcode中创建一个Swift项目。...现在,你需要一个经过训练的,序列化的Keras模型文件来转换成CoreML(Xcode兼容)文件。这可能是。 如果你选择使用自己的自定义模型,则需要检查CoreML文档确保支持你在网络内使用的层。...在训练网络之前,通常会将图像的像素强度缩放到[0,1]。如果你执行了此类缩放,请务必将 image_scale 参数设置为scale factor。...background类由从我的系统的UKBench数据集中随机抽取的250个图像组成。 在Xcode中创建一个Swift + CoreML深度学习项目 ?...这绝对是一个简单的应用程序,但我很自豪,手机上有这个功能,可以向朋友,口袋妖怪迷以我的读者炫耀展示。 ? 如果有更多时间,可以在UI放置一个按钮以便拍摄我在外面遇到的神奇宝贝。

5.3K40

TensorFlow 智能移动项目:1~5

--output_labels是由图像数据集的文件夹(标签)名称组成的文件,稍后将其经过重新训练的模型一起使用以对新图像进行分类。...在训练期间,损失会降到最低,并生成将一个图像的内容一个图像的样式混合在一起的结果图像。...,对其进行缩放匹配训练中使用的图像的大小,然后将缩放后的位图的像素加载到intValues数组并将其转换为floatValues: Bitmap bitmap = BitmapFactory.decodeStream...在 Android 设备或虚拟设备运行该应用,首先将看到一个带有按钮的测试图像,点击该按钮,几秒钟后,您将看到样式迁移的图像,如图 4.4 所示: [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传...UI 元素的代码段:一个按钮,当您点击该按钮时,它将开始录制 1 秒钟的音频,然后将音频发送到我们的模型进行识别,以及一个显示识别结果的标签。

4.4K20

SceneKit 场景编辑器-为您的AR体验构建3D舞台

下载 要学习本教程,您需要Xcode 10或更高版本,以及从简介到ARKit的最终Xcode项目。您可以下载本节的最终Xcode项目,帮助您自己的进度进行比较。...移动它们直观地重新定位模型。它们之间的弧度是一次用一个轴旋转对象。 视口控件 视口下方是视口控件。在这个栏,我们可以改变到不同的视角。我经常将它设置为前面,因为这是在屏幕添加模型时的起始角度。...盒子位置 在“ 节点”检查器中,将所有轴的位置设置为0,以便在首次运行会​​话时摄像机的位置对齐。 盒子颜色 我们为它指定一种颜色。我们选择的颜色来自粉红色的Apple Watch。...按键 我们也将按钮放在一边。在“ 对象库”中,选择“ 胶囊体”并将其拖动到场景中。 胶囊体大小 在“ 属性”检查器中,将“ 帽半径(Cap radius)”更改为0.3,将“ 高度”更改为1.5。...您可以单击箭头展开并查看隐藏的节点。 缩放 请记住,我们测量的是米的大小。现在我们应该将整个手表缩小到1%。选择框的父节点。对于比例,为x,y和z输入0.01。双击该框的节点图标调整视图。

5.5K20

iOS之深入解析Xcode 13正式版发布的40个新特性

、Vim 键绑定支持、Swift 包集合; 可以在命令行使用 cktool CloudKit 数据库架构和记录进行交互; 可以在命令行使用 TextureConverter 将纹理压缩为所有 Metal...); Xcode 分发助手中的自动签名现在支持云签名; Xcode 13 支持在 Mac 为 TestFlight 配置应用程序; 现在可以在命令行使用 notarytool Apple 公证服务进行交互...和 Test Navigator 具有 Run Test 操作的两个新变体,它们无需构建即可运行测试选择; 现在可以使用 XCTPerformanceMeasurementPolarity 枚举自定义如何将性能测试的自定义指标的测量值设置的基线进行比较...提供用于图像分类、声音分类、文本分类以及手部姿势和手部动作分类的任务为中心的 API,以及用于经典表格分类和回归的 API。...除了首选语言之外,如果当前系统语言首选语言不同,标头还包括作为后备的当前系统语言。此行为会影响链接到 macOS 12、iOS 15、tvOS 15 和 watchOS 8 SDK 的应用程序。

8.7K40

使用Wolfram语言在你的iOS设备上部署神经网络——识别毒蘑菇

创建训练和测试数据 在北半球,蘑菇季节一般在夏季,但如果有一个蘑菇图像分类器在您的手机上本地运行,以便在徒步旅行时识别蘑菇,那就太好了。...此外,我们将需要指定一个图像重新缩放系数,因为原始模型的像素值范围是0到1,而Core ML的值范围是0到255。...为此,我需要注册为苹果开发者,下载并安装Xcode测试版。(注意,知道Swift编程语言不是必要的)。...首先,我们需要下载苹果公司提供的Xcode项目,用Vision和Core ML对图像进行分类,作为一个教程。...预览部分允许我们直接使用Xcode来测试该模型: 最后,我们需要在ImageClassificationViewController Swift文件中用Mobilenet Core ML分类器模型替换我们的

83830

Xcode 11 初体验

Xcode 11 初体验 今天更新了 Xcode 11 感觉很不错(主要很多陌生的东西,但是很有意思)!这里跟大家一起分享一下!...使用 Focus Mode 专注使用某一个窗口。 综合这个功能还是不错的,我经常也会打开多个页面!来回进去出来麻烦! 直接点击这个按钮,会横向进行分割。...按住 Option 按键点击它,会纵向分割, 下图是一个分割后的界面示例 上图中界面被分成了 3 个编辑窗口。左边被上下分割成了两个小窗口,右边被单独分割出一个大窗口。...Swift Package Manager Xcode 11 还有另外一个重要的更新,就是对 Swift Package Manager 的内置集成。这个功能貌似在挑战 CocoaPods!...我下面给大家开始演示 打开项目文件,然后找到 Swift Packages 选项卡: 点击添加要导入的第三方框架,这里 RxSwift 为 点击 Next 会执行验证,稍等片刻就会让你选择版本以及分支

3.1K10

【适配】425- 彻底搞懂移动Web开发中的viewport跨屏适配

白话描述一下: ●计算机把图像渲染到显示器的过程中,会先把图像画在一个逻辑层的画布,然后从这个画布中框选一部分,将其投影到显示层。 ●这个选框就是视口,显示层就是窗口。...Q此处插入一个问题: 浏览器中,对页面进行放大的时候,视口的大小如何变化? 2.1 viewport 的缩放平移 回答上面的问题,视口会变小。...按照 2.1 里的 viewport 的解释,如此的设计,会把逻辑层画布中 980px 的图像投影显示到 320px 的屏幕,看到的效果便是一个挤在一起看不清楚细节的缩小版页面。 ?...不做大的代码调整的话,等比缩放类的移动端网页,在 PC 的合理展现方式应该是页面总宽度锁定在某个值,然后水平方向居中。(如下图) ?...两倍屏的 1px*1px 对应的是 2*2=4 个物理点; ●浏览器厂商,根据宿主设备的屏幕物理像素密度,设定了一个 dpr,以便相同数量的逻辑像素描述的 UI 界面,在物理世界不同的屏幕看起来的大小都能差不多

2.8K30
领券