使用@IBInspectable Swift 4.2的UIView上的CornerRadius和阴影 - 腾讯云开发者社区

，但是又碍于一个view上叠加的元素太多很难直接选中，那么在这时，你同时按住键盘上的shift和 control键，然后在你想选择的元素上点击鼠标，会弹出一个窗口，上面罗列了鼠标点击的位置下所有存在的元素...= cornerRadius; self.layer.masksToBounds = cornerRadius > 0; } @end Swift下的实现方式(扩展) UIView+Border...&CornerRadius.swift import Foundation import UIKit extension UIView { @IBInspectable var cornerRadius...---- 如果你不想让每个View都这样，你可以使用继承的形式，不过像圆角这类的属性还是以扩展的方式比较好下面说一下继承的方式 OC下的实现方式(继承) UIView+Border&CornerRadius.h...; self.layer.masksToBounds = cornerRadius > 0; } @end Swift下的实现方式(继承) UIViewBorderCornerRadius.swift

2.4K2 0

在 Swift 中使用 IBInspectable前言正文结语

圆角、描边先来看看设置圆角、描边 extension UIView { @IBInspectable var cornerRadius: CGFloat { get {...运行效果利用 @IBDesignable 在 IB 中实时显示 @IBInspectable 的样式创建一个新的 class 继承 UIView ，并且使用 @IBDesignable 声明 import...本地化字符串本地化字符串的解决方法和上面的添加圆角一样 extension UILabel { @IBInspectable var localizedKey: String?...CGRect UIColor UIImage 合理的使用@IBInspectable 能减少很多的模板代码，提高我们的开发效率。...参考《再看关于 Storyboard 的一些争论》《@IBDesignable and @IBInspectable in Swift 3》

9044 0

您找到你想要的搜索结果了吗？

是的

没有找到

百思不得姐数据挖掘第二篇

宣传视频我们使用Mark Man标记一下标记图上面镶嵌视频的图片没有找到，应该是自己画的，或者使用的pdf格式的。经研究pdf格式的会自动生成对应的图片但是不会包含在安装包里面。...既然找不到，我们不如自己做一个简陋的，我们推荐使用PaintCode做这个图片。我们图片尺寸是基于1242x2208截图。我们做这个模板的时候可以分成两份，耳朵做成一个图片就固定的大小。...我们保存图片头部的模板为BVideoHeadTemplate.swift 我们新建一个类BFirstVideoViewController,放置视频头部图片命名为videoHeadImageView的UIImageView...本想想用@IBDesignable @IBInspectable两个属性声明圆角可以在StoryBoard修改的,但是一直不成功，查了一下资料只支持子类，不支持扩展。...下面是扩展的代码如下： import UIKit @IBDesignable extension UIView { @IBInspectable var cornerRadius:CGFloat

5981 0

快速添加圆角和描边

前言对于习惯使用Storyboard的人来说，设置圆角、描边是一件比较蛋疼的事，因为苹果没有在xcode的Interface Builder上直接提供修改控件的圆角，边框设置。...高级创建UIView的分类，使用IBInspectable+ IB_DESIGNABLE关键字： #import IB_DESIGNABLE @interface...UIView (Inspectable) @property(nonatomic,assign) IBInspectable CGFloat cornerRadius; @property(nonatomic...直接将这两个文件拖入项目中即可使用，在右边栏将会显示圆角和描边的属性设置动态显示设置效果直接使用的话只有在运行时才能看到效果，例如要实时显示一个UIBUtton圆角、描边效果，需要创建一个类继承...的使用详情可以参考这篇文章《谈不完美的IBDesignable/IBInspectable可视化效果编程》

6523 0

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

http://nshipster.cn/ibinspectable-ibdesignable/ 我们来说说如何对某个控件进行圆角、描边处理：初级对于一个初学者来说，如果要进行某个控件的圆角、描边设置...创建UIView的分类，使用IBInspectable+ IB_DESIGNABLE关键字： #import IB_DESIGNABLE @interface UIView...(Inspectable) @property(nonatomic,assign) IBInspectable CGFloat cornerRadius; @property(nonatomic,assign...直接将这两个文件拖入项目中即可使用，在右边栏将会显示圆角和描边的属性设置如图： ?...@end 只要将button的Class选择该空白类即可关于IBInspectable与IB_DESIGNABLE的使用详情可以参考这篇文章《谈不完美的IBDesignable/IBInspectable

1.7K3 0

开源项目——『看知乎』iOS 版

最好的办法是利用extension和@IBInspectable来做： extension UIView { @IBInspectable var cornerRadius: CGFloat {...: nil } } } 标记为@IBInspectable的属性会显示在 Storyboard 上： ?...圆角 label.png 因为我把这几个属性扩展到了 UIView 上，所以所有继承自 UIView 的控件都可以在 Storyboard 上方便的设置这几个属性了。...和 View；View 使用 Controller 子类的实例来实现一个特定的响应策略。...于是有人提出在 iOS 中使用 MVVM，不过 Cocoa Touch 跟 WPF 是不一样的，所以大多数时候在 iOS 中的 MVVM 其实是 M－VM－V－C，也就是在 View 和 Model 之间加了个

1.2K5 0

iOS 关于Interface Building 的一些小技巧

备注：本文代码Demo使用Swift # Xib基础 ## 1. UIStackView StackView 是iOS9以后才有的，主要解决了组件排列布局复杂的问题，高效快速。...全部代码和布局如下图： ? 2. AutoLayout 优先级和动画在没有UISatckView之前，我们可以利用优先级完成三个Tab删除一个的场景，但是再重新显示是比较困难的。...@IBDesignable 和 @IBInspectable 的使用应用场景：我们使用Xib绑定Custom Class想看一下样子，所见即所得，IBDesignable这个属性即可满足这个需求。...import UIKit @IBDesignable class LayerView: UIView { @IBInspectable var myRaduis:CGFloat = 0.0{...Interface Building去写app，扩展更多更有用的可视化属性和控件。

1.8K3 1

Jekyll-Admin-Mac-模板处理

使用网络框架Alamofire 我们使用 Swift最大的请求框架 Alamofire。...这里的闭包是否也需要解决循环引用，但是这个方法是属于方法闭包，理论上不存在循环引用的，我也不是很清楚。...参考资料: IBInspectable和IBDesignable。我们在 SideMenuItemView写一下这个方法。...您仍然使用该视图来处理鼠标和键盘事件，但绘图必须由Core Animation处理。...参考资料：使用IBDesignable和IBInspectable构建自定义UI控件。 ⚠️ Xib是走的 init(frame:NSFrame)方法的 ?

6.8K3 0

关于IB_DESIGNABLE IBInspectable的那些需要注意的事

前言 IB_DESIGNABLE / IBInspectable 这两个关键字是在WWDC 2014年"What's New in Interface Builder"这个Session里面，用Swift...也是随着Xcode 6 新加入的关键字。这两个关键字是用在我们自定义View上的，目前暂时只能用在UIView的子类中所以系统自带的原生的那些控件使用这个关键字都没有效果。...而它们之间的桥梁就是通过两个指令来完成，即@IBDesignable和@IBInspectable。...IB_DESIGNABLE / IBInspectable还是有一些缺陷的。IB_DESIGNABLE暂时只能在UIView的子类中用，常用的UIButton加圆角这些暂时也没法预览。...以上就是我和大家分享的IB_DESIGNABLE / IBInspectable使用过程中遇到的一些“坑”。

1.6K3 0

StoryBoard——高级进阶之“热重载”

StoryBoard中的热重载，主要就在于关键字IB_DESIGNABLE的使用，而这个关键字，和关键字IBInspectable是一同发布的，我就顺带一起来介绍，而且他们搭配起来使用会更加爽滑，接下来我就通过一个小...但这些都是layer才有的属性，并没有提供给UIView，所以我在Attributes Inspector里面是没有办法设置的，并且，这里也不能设置边框颜色和阴影颜色，因为边框颜色和阴影颜色是CGColor...然后在RadiusView.h文件里面，我们可以随便自定义变量名，比如，圆角、边框宽度、边框颜色、阴影颜色、阴影偏移offset，然后把IBInspectable直接放到变量前面。...，因为设置了也不会生效，由于clipsToBounds，所以阴影和圆角是不能同时设置的，这里有很多的解决方案，我就不多说了。...，也不影响我使用 IBInspectable，只是热重载的效果看不到。

4841 0

《iOS UI 开发捷径利用 Interface Builder 高效、优雅地开发 UI》读书笔记第1章 Interface Bundle 概要第2章使用 Interface Builder第3

nib Next Interface Builder Interface Builder 的优点开发和维护效率高减少大量的 UI 代码和“胶水代码” 适配变得十分简单 IB 也可以做一些非 UI 的事情...UIView view.addSubview(testView) } 使用与 UIViewController 子类源文件关联的 xib Demo HomeViewController.swift...对应代码为： testView.autoresizingMask = [.flexibleRightMargin, .flexibleBottomMargin] 外框的上、下、左、右如果选中，则UIView...用 External Object 重构 VC 只能在于 xib IB 中的关键字总结 Swift @IBAction @IBOutlet @IBDesignable @IBInspectable...@IBInspectable 用 @IBInspectable 修饰的属性会显示在 IB 的 Show the Attributes inspector。

2.5K8 0

《Motion Design for iOS》（十七）

让我们先添加一个简单的UIView对象到屏幕上并设置它的圆角。我们要把它添加到我们的主窗口上时因为它是一个快速的例子，但在真实的app界面中你需要添加到管理当前界面的视图控制器中。...对象并设置了它的框架来定义它在屏幕上的的X和Y坐标，以及它的宽和高，然后将其添加到屏幕中。...这里是和上面一样的功能，但是是Swift而不是Objective-C写的。你可以打开Balls In Swift Xcode工程导出这个例子的Swift版本。...iOS提供了一些内置的技术来创建动画：创建并添加一个CAAnimation到我们之后要讨论的layer中，或者使用简单的基于block的动画方法来动画化UIView的值。...其他的时间曲线选项还有线性、淡入和淡出。接下来，动画（animations）安排使用了一个block代码作为值，在block中你可以设置你要动画的视图的最终状态。

9632 0

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

shadowOpacity属性控制阴影透明度的，它是一个在0.0和1.0之间的浮点数，如果设置为1.0将会显示一个轻微模糊的阴影。...shadowColor属性控制着阴影的颜色，和borderColor一样，它的类型也是CGColorRef，阴影默认是黑色的。...shadowRadius属性控制着阴影的模糊度，当值为0的时候，阴影和视图一样有一个明显的边界，值越大，边界线看起来就会越模糊。...阴影裁剪和图层边框不同，图层的阴影继承自内容的外形，而不是根据边界来界定。...之前有个UI需求，同时设置阴影和圆角，圆角简单的使用layer.cornerRadius和maskToBounds。

1.1K3 0

IOS移动开发从入门到精通视图UIView、层CALayer(1)

UIView是UIKit框架里面最基础的视图类。UIView类定义了一个矩形的区域，并管理该矩形区域内的所有屏幕显示。控件 ?...userInteractionEnabled 设置边框： view.layer.borderWidth = 20 view.layer.borderColor = UIColor.lightGray.cgColor 设置阴影...width：10.0,height：10.0) view.layer.shadowOpacity = 0.45 view.layer.shadowRadius = 5.0 设置圆角：view.layer.cornerRadius...) { super.didReceiveMemoryWarning() // Dispose of any resources that can be recreated. } } ---- 使用自定义视图...:新建Swift File import UIKit class RoundView:UIView { var color = UIColor.blue override init(frame:

7873 0

iOS-核心动画详解之CALayer

对象,可以很方便地调整UIView的一些外观属性，例如可以给UIView设置阴影,圆角,边框等等... 2....操作layer改变UIView外观. 2.1 设置阴影 //默认图层是有阴影的, 只不过是透明的。...操作layer改变UIImageView的外观. 3.1 设置阴影 //UIView本身就自带阴影效果,它是透明....QuartzCore框架和CoreGraphics框架是可以跨平台使用的，在iOS和Mac OSX上都能使用. 但是UIKit框架只能在iOS中使用....所以为了保证可移植性，QuartzCore不能使用UIImage、UIColor，只能使用CGImageRef、CGColorRef. UIView和CALayer都能够显示东西,该怎样选择?

2K6 0

MyLayout和XIB或SB的混合使用方法

因为MyLayout中的各种布局视图类其实都是从UIView派生的，因此MyLayout是完全可以和XIB以及SB混合使用的。...因为MyLayout是一个独立而完整的界面布局框架，因此您可以和系统默认的AutoLayout混合使用，也可以完全独立的单独使用。...我们只要直接在根布局视图中，先添加一个UIView视图，然后把类名改为对应想要使用的布局视图就可以了。...代码和编辑器结合布局和AutoLayout结合使用方法上面的例子介绍的是在不使用AutoLayout时如何将MyLayout和XIB以及SB结合的场景，那么如果我们使用AutoLayout并且想用到...最后欢迎大家访问我的界面布局库： MyLayout(OC版)：https://github.com/youngsoft/MyLinearLayout TangramKit(Swift版)：https:

8854 0

iOS 圆角和阴影并存的方法

前提圆角和阴影无法共存的原因就是因为这句代码。...Because shadow is an effect done outside the View, and that masksToBounds set to YES will tell the UIView...这句话的意思就是，圆角都是我给你割出来的，圆角外面的阴影自然也割掉了~ 所以，这么看来，圆角与阴影不能并存啊（仅限这种圆角实现的方式）处理方式在下面再加一个subView负责处理圆角，而父类view...= 10*standard; subView.layer.masksToBounds = YES; 注意父类View的masksToBounds=NO cornerRadius等于subView...subLayer.shadowOffset = CGSizeMake(3,2);//shadowOffset阴影偏移,x向右偏移3，y向下偏移2，默认(0, -3),这个跟shadowRadius配合使用

3.8K2 0

CALayer 图层概念二、CALayer属性二、方法

CALayer负责视图中显示内容和动画.所有动画都是作用在CALayer上的....UIView负责监听和相应事件.UIView是更高层的封装在 iOS 中,你能看得见,摸得着的东西基本上都是UIView.比如一个按钮,一个文本标签,一个文本输入框, 一个图标等.这些都是UIView....当UIView需要显示到屏幕上时,会调用drawRect:方法进行绘图,并且会将所有内容绘制在自己的图层上,绘图完毕后,系统会将图层拷贝到屏幕上,于是就完成了UIView得显示.换句话说,UIView...其次 : QuartzCore框架和CoreGraphics框架是可以跨平台使用的,在iOS和Mac OS X上都能使用 (C语言编写) 但是UIKit只能在iOS中使用 (OC编写)....此处可以和UIView的clipToBounds来比较记忆（clipToBounds为yes会使其上的内容包括子视图不能超出边界）控件截图裁剪的三种方法：给layer设置圆角半径layer.cornerRadius

1.4K7 0

【iOS开发-图层】图层的获取与一些属性

; 使用UIView的图层为例 UIView本身仅仅有一个图层，主图层 self.testView.layer.borderWidth = 10;//设置边框大小 self.testView.layer.borderColor...= [UIColor blueColor].CGColor;//设置边框颜色 self.testView.layer.cornerRadius = 10;//设置view的圆角 self.testView.layer.shadowOffset...阴影不显示也是这个原因 UIImageView为例圆角实现 UIImageView控件不止一个图层。图片的显示不是在主层中，所以更改主层的边角为原型。...= 10; self.imageView.layer.masksToBounds = YES;//超出主层的内容都会被减掉关于layer层的旋转，平移，缩放 layer的仅仅能使用3D旋转，平移，缩放...setValue:@(M_PI_2) forKeyPath:@"transform.rotation"]; //控件本身的缩放和旋转 self.imageView.transform = CGAffineTransformMakeRotation

5673 0

【愚公系列】《AIGC辅助软件开发》030-AI辅助解决各种疑难杂症：解决图片锯齿问题

(image: image, cornerRadius: 10) } ```swift 3....**使用合适的 cornerRadius**：确保 `cornerRadius` 的值不会过大，导致在边缘部分的抗锯齿效果不明显。 3....**iOS 版本问题**：不同的 iOS 版本可能在渲染效果上有所不同，确保在最新版本的 iOS 上测试。如果以上方法都尝试过仍有问题，可以提供更多的代码细节，我可以帮你更具体地分析。...图片的尺寸跟控件的尺寸是相同的。如果图片和控件的尺寸完全相同，但仍然出现锯齿，可以尝试以下步骤： 1....**图层渲染问题**：使用了复杂的图层效果，如阴影或模糊，而这些效果可能在渲染时影响边缘质量。 6. **显示设备的缩放比例**：在不同的设备上，显示的缩放比例可能导致锯齿效果。

1120 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

iOS从Xib中设置样式

在 Swift 中使用 IBInspectable前言正文结语

百思不得姐数据挖掘第二篇

快速添加圆角和描边

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

开源项目——『看知乎』iOS 版

iOS 关于Interface Building 的一些小技巧

Jekyll-Admin-Mac-模板处理

关于IB_DESIGNABLE IBInspectable的那些需要注意的事

StoryBoard——高级进阶之“热重载”

《iOS UI 开发捷径利用 Interface Builder 高效、优雅地开发 UI》读书笔记第1章 Interface Bundle 概要第2章使用 Interface Builder第3

《Motion Design for iOS》（十七）

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

IOS移动开发从入门到精通视图UIView、层CALayer(1)

iOS-核心动画详解之CALayer

MyLayout和XIB或SB的混合使用方法

iOS 圆角和阴影并存的方法

CALayer 图层概念二、CALayer属性二、方法

【iOS开发-图层】图层的获取与一些属性

【愚公系列】《AIGC辅助软件开发》030-AI辅助解决各种疑难杂症：解决图片锯齿问题

扫码

相关资讯

热门标签

活动推荐

运营活动

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐