首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

Swift-MVVM 简单演练(三)

Swift-MVVM 简单演练(一) Swift-MVVM 简单演练(二) Swift-MVVM 简单演练(四) 优化一些小细节 设置SVProgressHUD最小提示时间 在我们用SVProgressHUD...自定义 UIButton-文字在左、图片在右(二) 将导航栏标题设置成自定义Button 这个没什么技术含量,直接上代码了。...因为最开始,我是设置Button的titleLabel和imageView的frame属性的offSet的。...这里有一个关于自动布局开发的使用原则: 所有使用约束设置位置的控件,不要再设置 frame 原因:自动布局系统会根据设置约束,自动计算控件的frame 在layoutSubviews函数中设置frame...工作原理: 当有一个运行循环启动,自动布局系统,会收集所有的约束变化 在运行循环结束前,调用layoutSubviews函数统一设置frame 如果希望某些约束提前更新!

2.5K30

iOS开发之三个Button实现图片无限轮播(参考手机淘宝,Swift版)

于是乎就有了今天这篇博客,看到“手机淘宝”这个幻灯片的UI层级时,就想要动手使用三个Button来实现一下,当然本篇博客使用是Swift语言,思路就是使用三个Button进行图片无限轮播。...就是看到了淘宝中的轮播图,从UI层级上感觉这样可以实现,于是乎就打开Xcode,创建个Swift工程实现一把,过程还是蛮愉快的。...可以明显的看出UIScrollView上贴了三个UIButton,而每个UIButton上又贴了一个UIImageView。...当用户左划或者右划后,我们要做的事情就是将中间按钮放到可视区,并且设置成要显示的图片,当然左右两个Button都得设置成相应的图片,便于用户下次移动。...下方代码中首先获取当前显示的页数,也就是当前显示的Image的索引,然后将第二个Button移动到可视区,最后调用setButtonImage()函数将每个Button上的ImageView设置成相应的

2.1K80

iOS开发之自定义表情键盘(组件封装与自动布局)

在使用该组件时要传入要显示的图片和图片对应的文字(【哈哈】),当点击图片的时候,会通过block回调的形式把该图片的image以及图片文字返回到使用的组件中去,下面是关键代码:       FaceView.h...strong) NSString *imageText; 10 //表情图片 11 @property (nonatomic, strong) UIImage *headerImage; 12 13 //设置...block回调 14 -(void)setFaceBlock:(FaceBlock)block; 15 16 //设置图片,文字 17 -(void)setImage:(UIImage *) image...    2、FunctionView组件的封装,FunctionView就是使用FaceView组件和ScrollView组件把表情加载进来,在实例化FunctionView组件时,我们用到了自动布局来设置...0, 0, 320, 216)]; 11 self.functionView.backgroundColor = [UIColor blackColor]; 12 13 //设置资源加载的文件名

1.7K100

iOS-视频播放器的简单封装

CLAVPlayerView的结构 CLAVPlayerView的布局很简单,重点在于约束的添加和控件层次关系,添加约束只要自己挨个细心添加就没有问题,需要注意控件的层次关系,从上图中可以看出四个控件是分先后顺序平行添加在...初始化AVPlayer和AVPlayerLayer,并将AVPlayerLayer添加到imageView的layer上,在layoutSubviews中设置playerLayer的frame //...其他控件显示以及状态的设置 // 隐藏遮盖版 self.coverView.hidden = YES; // 设置工具栏状态 self.toolView.alpha = 0; self.isShowToolView...中间播放按钮的点击 - (IBAction)playOrPauseBigBtnClick:(UIButton *)sender { // 隐藏中间播放按钮,工具栏播放按钮为选中状态 sender.hidden.../** 重播按钮点击 */ - (IBAction)repeatBtnClick:(UIButton *)sender { self.progressSlider.value = 0; [self

1.8K110

iOS开发-屏幕适配三种技术(Autoresizing,AutoLayout,SizeClass)

Paste_Image.png **上述设置完后是显示红色的约束不完整** ** 2.设置内部的ImageView约束** ?...Paste_Image.png 2、找到约束--将这条约束拿出来 ? Paste_Image.png 3、设置约束中的属性 ?...Paste_Image.png 它其实和UIButton类比(在不同模式下,有不同的设置方式) 练习:设置一个UIButton在横屏下显示,在竖屏下不显示 1、首先设置屏幕状态,让后添加button...Paste_Image.png 然后在不同的模式下,设置约束就可以做到显示不同屏幕下的不同约束 ?...练习四、在任意情况下显示一张图片,在iPad中显示一张特殊的图片 1、设置好模式(宽松、紧凑、任意)下imageView约束(autolayout) 初学者注意:不能通过这个修改在不同模式下的图片

5.1K10

六天完成一个简单iOS App - 第二天

快速登录按钮的布局 首先快速登录方便的两条线都是图片,只需要简单设置frame即可,下面的三个快速登录明显是按钮,但是我们知道,UIButton默认的是UIImage在左边,titleLabel在右边,...关于三个button添加约束的方法:可以先设置中间按钮约束,然后约束三个按钮相互之间的间距为0。左边按钮与屏幕左边间距为0,右边按钮与屏幕右边为0,高度相同。最后约束三个按钮平分屏幕宽度。...关于添加约束的方法有很多种,只要确定控件位置宽高就可以约束成功,需要细心一步一步来,即使约束失败也没有关系,删了重新约束即可,只要多试几次慢慢就会掌握。 2....❌号和注册账号布局 第一部分的布局非常简单,这里有一个注意点:UIButton 当只有一张图片显示的时候 ,建议使用image而不要设置背景图片,因为背景图片的设置会看按钮有多大就将图片拉伸到大,图片会被拉伸...当设置image时图片不会变形,并且可以放大按钮的点击范围。所以这里的❌号选择设置UIButton的image,而不是backgroundImage。 3.

2K50

Masonry的层层进阶1 基础写法:2 进阶写法3 自动装箱的写法4 Masonry的练习4.1 设置居中5. 更新及重建约束6. Masonry的两个宏

However if you're using Swift in your project, we recommend using SnapKit as it provides better type...make.center.equalTo(self.view); make.size.mas_equalTo(CGSizeMake(100, 200)); }]; 4 Masonry的练习 4.1 设置居中...// create a imageview in the center of scrollview UIImageView *imageView = [[UIImageView alloc]initWithImage...更新及重建约束 update是更新约束:如果之前已经添加过,那么就是更新约束。但是如果之前没有设置过,有可能会造成约束冲突。...修改完约束之后,需要让子控件根据约束调整frame才能生效 [imageView mas_updateConstraints:^(MASConstraintMaker *make) {

1.1K20

窥探Swift编程之别样的HelloWorld

先说明一下编译环境:Xcode6.3,当然Xcode6.0以后的版本都支持Swift语言,然后我们就可以在苹果专门为Swift设计的Playground上来为所欲为的搞搞Swift语言了。...3.键入ProductName :SwiftDemo,Organiztion Name, Organization identifier一般为你所在公司域名倒序com.cnblogs.lizelu,...1.当然了,有Storyboard干嘛不用呢对吧,在ViewController上添加一个Label: HelloWorld 并设置样式,然后在label上添加一个Button,并添加相应的约束,如下所示...2.给我们的Button关联相应的点击事件,Connection选择Action, 然后在取个名(tapHelloWorldButton), 类型选为UIButton, Event选为 Touch Up...一起期待下面的一些Swift教程吧,最后要感谢清华大学出版社给予的对《Swift编程入门经典》的翻译工作。

1.8K80

iOS-UI控件之UIButton

---恢复内容开始--- UIButton 既可以显示图片,又可以显示文字,还能随时调整内部位置 系统自带尺寸 storyboard内部调整UIButton属性 状态 监听按钮点击事件 凡是继承自UIControl...frame /** * 当前控件的frame发生改变的时候就会调用 * 这个方法专门用来布局子控件,设置子控件的frame */ - (void)layoutSubviews; 内边距 // 设置按钮内容的内边距...(影响到imageView和titleLabel) @property(nonatomic) UIEdgeInsets contentEdgeInsets; // 设置titleLabel...的内边距(影响到titleLabel) @property(nonatomic) UIEdgeInsets titleEdgeInsets; // 设置imageView的内边距(影响到...imageView) @property(nonatomic) UIEdgeInsets imageEdgeInsets; 图片拉伸 UIButton 图片的拉伸,大小改变 iOS5

89460
领券