iOS10在StoryBoard上四舍五入的UIButton展示

iOS10在Storyboard上四舍五入的UIButton展示是指在使用Storyboard进行iOS应用界面设计时，对于UIButton控件的位置和大小进行四舍五入的处理。

在Storyboard中，UIButton是一种常用的用户交互控件，用于响应用户的点击操作。在进行界面设计时，我们可以通过拖拽的方式将UIButton控件添加到界面上，并设置其位置和大小。

在iOS10及之前的版本中，Storyboard上的控件位置和大小默认是以整数值进行表示的。但是在iOS10中，苹果对于Storyboard的布局引擎进行了改进，使得控件的位置和大小可以以浮点数进行表示。这样一来，我们就可以在Storyboard上对UIButton的位置和大小进行更加精细的调整。

当我们在Storyboard上设置UIButton的位置和大小时，系统会自动对其进行四舍五入的处理，以保证最终展示的效果是整数像素对齐的。这样可以避免在不同设备上出现模糊或者错位的情况，提高了应用的界面质量和用户体验。

对于开发者来说，使用Storyboard进行界面设计时，可以充分利用iOS10的四舍五入特性，精确调整UIButton的位置和大小，使得应用界面更加美观和准确。

推荐的腾讯云相关产品和产品介绍链接地址：

腾讯云移动应用开发平台：https://cloud.tencent.com/product/madp
腾讯云移动推送：https://cloud.tencent.com/product/tpns
腾讯云移动直播：https://cloud.tencent.com/product/mlvb
腾讯云移动分析：https://cloud.tencent.com/product/ma
腾讯云移动测试：https://cloud.tencent.com/product/mtc

相关·内容

iOS开发之使用Storyboard预览UI在不同屏幕上的运行效果

在公司做项目一直使用Storyboard，虽然有时会遇到团队合作的Storyboard冲突问题，但是对于Storyboard开发效率之高还是比较划算的。...在之前的博客中也提到过，团队合作使用Storyboard时，避免冲突有效的解决方法是负责UI开发的同事最好每人维护一个Storyboard, 公用的组件使用轻量级的xib或者纯代码来实现。...言归正传，接下来就介绍一下如何使用Storyboard来预览UI在不同那个分辨率屏幕上的运行效果，这就很好的避免了每次调整约束都要Run一下才能看到不同平面上运行的效果，今天的博客就来详述一下如何使用Storyboard...一、创建工程添加测试使用的UIImageView 　　　　创建一个测试工程，在ViewController上添加4个不同尺寸的UIImageView, 并且添加上不同的约束，最后添加上不同的文艺小清新的图片...，最终Storyboard上的控件和约束如下所示。

2.3K8 0

【 iOS 应用开发】 UIKit 控件 ( 代码生成控件 | UIView 属性方法 | Storyboard | Bundle | Property List | 动画 | 图片内存优化 )

Tittle 属性中修改按钮文字 ; 2.方法2 : 在 Main.storyboard 中双击 UIButton 控件 , 修改按钮文字 ; 3.修改后 : ---- 3....; 有两种使用方式 , 一种是直接创建指定所有参数 ; 第二种可以在之前的基础上进行增量修改 ; ---- ( 8 ) 效果展示效果展示 : ---- 三....代码区域 , 在弹出的对话框中输入方法名称 , 选择控件类型 , 选择触发操作 , 选择传入的参数即可生成点击方法 ; // 上一张图片 - (IBAction)lastImage:(UIButton...: 查找在应用设置中的 Main Interface 设置的 Storyboard 文件 , 该文件是应用启动加载的 UI 界面 ; 4.查找启动界面 : 查找在 Storyboard...7.界面展示 : 将创建的 UI 界面在手机屏幕上展示给用户 ; ---- 五.

3.9K4 0

【 iOS 应用开发】 UIKit 控件 ( UIView 属性 | storyboard 设置 | 模拟器 | 拖线关联 | tag | 软键盘操作 | 颜色值 | 代码生成控件 | 动画设置 )

storyboard ( 1 ) LaunchScreen.storyboard 应用欢迎界面 LaunchScreen.storyboard 界面 : 该界面不是用于展示应用程序的界面 ; 1.界面作用...: 该界面是进入首界面之前的一个欢迎界面, 该界面是在 LaunchScreen.storyboard 中设置的; ---- ( 2 ) Main.storyboard 界面 Main.storyboard...; ① 属性左侧的圆圈图示 : 第一张是鼠标没有移动到圆圈上, 第二章是鼠标移动到了圆圈上; ② 建立关联图示 : 打开辅助编辑器, 按住鼠标左键, 拖到 storyboard 中对应的控件上..., 1.设置 Main.storyboard 设计大小 : ① 进入 Main.storyboard 界面, 在文件查看器界面, 取消 Use Size Classes 勾选, 在弹出的对话框中选择...效果展示: ---- 3.

4.9K3 0

iOS 10中如何搭建一个语音转文字框架

事实上，这个Speech Kit就是Siri用来做语音识别的框架。如今已经有一些可用的语音识别框架，但是它们要么太贵要么不好。...接下来，到 Main.storyboard 中添加一个 UILabel,一个 UITextView, 和一个 UIButton，你的storyboard应该看起来如下图： ?...接下来在 ViewController.swift文件中为UITextView 和UIButton 定义outlet变量。...注意：如果稍后在工程运行完成时还没有看到语音输入授权框，那是因为你是在模拟器上运行的程序。iOS模拟器没有权限进入你Mac电脑的麦克风。...把app部署到一个iOS10的设备，然后点击“Start Recording”按钮。去说些什么吧！注意: 苹果公司对每个设备的识别功能都有限制。

2K2 0

快速添加圆角和描边

前言对于习惯使用Storyboard的人来说，设置圆角、描边是一件比较蛋疼的事，因为苹果没有在xcode的Interface Builder上直接提供修改控件的圆角，边框设置。...我们来说说如何对某个控件进行圆角、描边处理初级对于一个初学者来说，如果要进行某个控件的圆角、描边设置，就要从Storyboard关联出属性，然后再对属性进行代码处理。...关联出属性，还要写一堆代码对属性进行设置，不得不说实在麻烦~ 中级更聪明的做法是使用Storyboard提供的Runtime Attributes为控件添加圆角描边。...选中控件，然后在Runtime Attributes框中输入对应的Key与Type与Value,这样程序在运行时就会通过KVC为你的控件属性进行赋值。...动态显示设置效果直接使用的话只有在运行时才能看到效果，例如要实时显示一个UIBUtton圆角、描边效果，需要创建一个类继承UIButton #import #import

6473 0

ios入门之界面基础

学习移动app开发，我们常常从讲解基本的控件开始，如UILabel、UISearchBar、UIButton、UITextField等等。...在实现一个简单的ios 应用之前，我们首先来看ios开发中一些基本的概念。...滚动视图中的每一行叫做cell，cell是用了展示table view中每行的内容。table view可以有很多个cell，多个cell组成section（组）。...在iPhone的设置界面，就是用不同的section把界面分开，像通知中心，控制中心，个人隐私，每个table view都有header和footer，header是在cell上面，footer在cell...Scene里第一个出现视图，点击Storyboard Editor左下角的盒子按钮打开Document Outline，Document Outline显示了storyboard文件中所有的控件以及控件所处的层次等级

1.7K8 0

视觉效果 -- iOS Core Animation 系列三

在Storyboard中放置两个白色的view，每个view分别有两个子view(一个黄色，一个青色),而且都超出了父视图的边界： ?...self.imageView.layer.mask = maskLayer; // 两张图片素材是在原文中截图处理的，所以展示的效果和原文有所差别。...现在Storyboard里放置两个UIButton。...这显示的效果有点怪。右边的设置了alpha为0.5。但是在UILabel的位置好像不是0.5的效果。这是因为透明度的混合叠加造成的。实际上右侧中间的透明度是0.75。...对上面的展示效果处理的代码如下： @interface ViewController () @property (weak, nonatomic) IBOutlet UIButton *leftBtn;

1.1K3 0

iOS14开发- 国际化

在Localizable.strings的各个国际化版本中写上需要国际化文本的Key = Value对。...在配置国际化语言时，会弹出选择需要国际化的 storyboard 的对话框，选择以后对应的 storyboard 左侧就会多一个箭头，点击箭头可以展开，里面有storyboard名.strings的Strings...选中storyboard名.strings，在 Xcode 的右侧文件检查器中找到Localization，点击Localize...。...在storyboard名.strings文件对应位置填写相应的国际化信息。...storyboard，也可以选中 storyboard 文件，再在 Xcode 的右侧文件检查器中找到Localization，点击Localize...

7192 0

项目开发解决方案及参考文献

（づ￣3￣）づ╭❤～ ---- ---- 1、统计整个工程的代码行小技巧5-iOS 统计Xcode整个工程的代码行数 2、蘑菇街路由 MGJRouter的简单实用 3、UIButton图文混排 UIButton...的图文混排 4、iOS自定义瀑布流布局 IOS实现自定义布局瀑布流 5、上架流程 iOS App打包上架超详细流程(手把手图文教你） 6、地图定位 iOS:高德地图的使用 ios开发之 -- 调用系统定位获取当前经纬度与地理信息...10、友盟推送 iOS集成友盟推送，适配iOS10 iOS集成友盟推送玩转 iOS 10 推送 —— UserNotifications Framework（上） iOS 接收推送消息后跳转到某个页面...(适配iOS10) 11、BeeCloud支付流程 BeeCloud iOS SDK 12、真机调试的问题 1、Your development team, "", does not support the...最后解决方法如下：找到工程文件中xxx.entitlements文件，在vim中打开删除.entitlements文件中的aps-environment，保存后重新运行，即可

9971 0

iOS开发技巧：快速实现圆角+描边

，就要从Storyboard关联出属性，然后再对属性进行代码处理。...关联出属性，还要写一堆代码对属性进行设置，不得不说实在麻烦~ 中级比较机智的做法是使用Storyboard提供的Runtime Attributes为控件添加圆角描边。...选中控件，然后在Runtime Attributes框中输入对应的Key与Type与Value,这样程序在运行时就会通过KVC为你的控件属性进行赋值。(不仅仅是圆角、描边~) 如下图 ?...{ return [UIColor colorWithCGColor:self.layer.borderColor]; } @end 代码下载直接使用直接将这两个文件拖入项目中即可使用，在右边栏将会显示圆角和描边的属性设置...动态显示设置效果直接使用的话只有在运行时才能看到效果，例如要实时显示一个UIBUtton圆角、描边效果，需要创建一个类继承UIButton #import #import

1.7K3 0

使用Swift和Xcode开发iOS应用的详细教程

步骤1：安装Xcode和配置环境在开始之前，请确保你的Mac上已经安装了最新版本的Xcode。你可以从Mac App Store中下载并安装Xcode。...步骤3：设计应用界面在Xcode的左侧导航栏中找到Main.storyboard文件，这是应用的主界面设计文件。在Storyboard中，你可以使用图形界面设计应用的用户界面。...例如，将一个按钮放置在视图控制器上，并在属性检查器中设置按钮的标题为“Click Me”。...}}在这个例子中，我们假设已经在Main.storyboard中创建了一个按钮和一个标签，并将它们分别关联到ViewController.swift文件中的myButton和myLabel属性。...步骤4：运行应用连接iOS设备或启动模拟器，并点击Xcode工具栏上的“Run”按钮。这将构建并安装应用，并在设备或模拟器上启动应用程序。恭喜！

1.3K1 0

Xcode 13 变化

内置图标.jpg 项目文件图标.jpg 新建的 SwiftUI 项目工程中不再有 Info.plist 文件，新建的 iOS 项目工程中的 Info.plist 文件中也只有少量的内容，集成在项目—>...storyboard 的左下角菜单支持 Accessibility 、暗黑模式切换、横竖屏切换和预览。...storyboard菜单.png storyboard 中 UIButton 支持 iOS 15 引入的更多配置。...UIButton配置.png 工具栏中停止按钮只有运行以后才会出现，并且编译运行时的长形进度条改为圆形进度条。自动补全更强大。...根据书写的内容可以自动导入相应的模块，可以不用手动导入（目前 Beta1 还有一些问题，会有导入不了的情况出现）。

1.6K2 0

IOS开发之TabBarItem&NavigationBarItem

下面将会结合一个实际的效果来简单的介绍一下TabBar和NavigationBar, 然后说一下用我们的storyboard和纯代码如何配置我们的NavigationBar, 上一篇博客中提到了如何用Navigation...下面的视图控制器之间的关系是如何用storyboard拖出来的，在之前的博客中有所提及，在这小编就不赘述了。　　ViewController之间的关系大致入下图： ? 　　...换个说法，就是登陆页面在storyboard中和其他页面是没有关系的，需要我们用业务逻辑来实现，下面是用模态的形式来进行视图切换的。...其实在我们storyboard中还是蛮简单的，在storyboard选择我们要关联的视图控制器,在 Class中选中我们新建的视图控制器类即可。...在View中展示数据的时候，TableView用的也是蛮多的。对于TableView如何使用，在后面的博客会进行详细的介绍。

1.4K8 0

iOS-关于Cell上Button点击效果

在iOS开发中，我曾遇到这样一个问题，很久都未能解决，就是在cell上添加一个button，当我们点击button时，它是没有高亮效果的，除非我们长按button，我这里整理一下解决这个问题的方法原文链接...: http://stackoverflow.com/questions/19256996/uibutton-not-showing-highlight-on-tap-in-ios7 解决方案一： -...scroll.delaysContentTouches = NO; } break; } } // iOS8 注意，本人测试系统iOS10...[NSOperationQueue.mainQueue addOperationWithBlock:^{ self.highlighted = NO; }]; } 该方案比较简单粗暴，我们创建一个UIButton...的分类，然后将它导入pch文件中，就彻底解决了button的点击效果问题，比起方案一要简单一些

1.5K3 0

iOS开发系列——纯代码实现iOS开发

storyboard进行界面设计固然不错，特别是对于初学者经常会使用设计器进行界面设计，但是实际开发过程中我们很多情况下会直接使用代码进行界面布局，特别是对于复杂的界面布局更是如此。...这里采用Xcode5.1），此时会发现已经没有ViewController和storyboard文件，我们需要手动创建一个视图控制器（在项目中右键选择Objective-c class，默认继承自UIViewController...KCMainViewController.m中添加一个UIImageView、两个控件UITextField和一个UIButton控件，并且实现具体的登录方法。...; } } @end 运行效果如下，与之前使用storyboard创建的界面类似，同时也能点击登录： a1.png UIView 在这里我们需要对上面的代码一样解释，在弄清上面的代码之前我们不得不熟悉一个...理论上也可以有多个UIWindow但是只有一个是主Window，而且只有主Window可以和用户交互），UIWindow也是继承自UIView，它拥有UIView的所有属性、方法；在UIWindow中必须有一个根控制器

3.5K6 0

iOS开发系列——Storyboard

用Interface Builder编辑的文件在iOS5之前是一个“.xib”文件，从IOS5开始进行了改进，使用“.storyboard”文件进行设计。...如果我们在storyboard界面选中ViewController在Xcode右侧切换到Identity Inspector视图就会发现里面当前设置的是ViewController类，通过这个设置Main.storyboard...(在Interface Builder中点击左下角“Show Document outline”显示控件结构树，选中相应的控件按住Ctrl键拖拽到代码中的属性或方法上) e.gif 3....在控件上右键找到对应的属性或方法关联到代码中对应的属性或方法即可，关联后属性或方法前的空心圆变成实心表示已经关联到具体控件。...g.gif 如果要删除关联，可以采用第三、第四种方式在控件上右键，在关联菜单中找到对应的关联删除即可。

3.3K4 0

【iOS 开发】iOS 开发简介 (IOS项目文件 | MVC 模式 | 事件响应机制 | Storyboard 控制界面 | 代码控制界面 | Retina 屏幕图片适配)

.m 和 .h 后缀的文件; -- 界面设计文件 : Main.storyboard 是界面设计文件, 原来使用的是 nib 界面设计文件, storyboard 是新版本使用的; -- Supporting...UIViewController 中的 IBAction 方法与界面设计文件中的 UIButton 组件绑定; -- 触发 IBAction 方法 : 界面中的 UIButton 被点击, 就会回调...StoryBoard 简介 StoryBoard 简介 : -- 使用版本 : IOS 5 之后默认使用 storyboard 作为界面设计文件, 而之前是 xib 作为默认的界面设计文件; -- 与...添加到 UIWindow 中; -- 设置 storyboard : 点击项目选项 , 在 General 选项卡中, 选择左侧 TARGETS, 选中对应项目, 在 Main Interface...自定义 UI 控件 (1) 自定义组件简介自定义组件简介 : -- UIView 基类 : 所有的 UI 控件都继承了 UIView 基类, UI 组件在 UIView 提供的空白区域上绘制具体的细节

4.9K3 0

iOS12、iOS11、iOS10、iOS9常见适配

UIViewController中新增： - (void)viewSafeAreaInsetsDidChange; UIView中新增： - (void)viewSafeAreaInsetsDidChange；复制代码在Storyboard...复制代码 2.7、iOS11中 UIKit’s Bars 上的变化三、iOS10（Xcode8） 3.1、(Why？Safe！)...iOS系统版本的不同而不同，iOS10中字体变大了。...增加了撤销、更新、中途还可以修改通知的内容。通知不在是简单的文本了，可以加入视频、图片，自定义通知的展示等等。...也许是出于用户隐私的考虑，iOS9 上对 canOpenUrl 做了限制，最多只能对 50 个 scheme 做判断。

2.1K3 1

在 UIKit 中使用 Swift UI

本文基于 Xcode 12.3 Swfit 5.3.2 iOS 14.3 macOS 11.2 构建无意间发现好像不止可以在 Swift UI 中用上 UIKit，反过来亦然。...首先打开 Xcode 新建一个 Cocoa Touch 项目，interface 选择 Storyboard。随后，新建一个 Swift UI File，命名为 ContentView.swift。...在 viewDidLoad 中加上如下代码： swift 1let uiButton = UIButton(type: .system) 2 3uiButton.setTitle("Button", for...: #selector(click), for: .touchUpInside) 6 7view.addSubview(uiButton) 8 9uiButton.snp.makeConstraints...点击中央的 Button 之后将会 Push 到一个由 Swift UI 构建的 View。

3.1K1 0

Quartz2D复习（二） --- 手势解锁

这次支付宝手机客户端升级，把手势解锁那个功能去掉了，引起很多人的抱怨，觉得少了手势解锁的保护，个人信息容易泄漏了。。。...那么手势解锁功能是怎么是实现的呢，这里使用Quart2D来简单模拟一下，先看下截图效果： ? ? ? 按钮的有两个背景图片，一个默认样式，一个用于选中样式： ? ?...110 } 111 112 //根据坐标获取按钮对象 113 - (UIButton *)getBtn: (CGPoint)point{ 114 for (UIButton * btn in...path.CGPath); 173 174 //4、渲染 175 CGContextStrokePath(ctr); 176 } 177 178 179 @end 自定义控制器来展示自定义手势解锁...of any resources that can be recreated. 37 } 38 39 /* 40 #pragma mark - Navigation 41 42 // In a storyboard-based

4854 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云