前端UI控件
文章平均质量分 94
hbblzjy
之前总是看别人的技术和博客,现在也想把自己喜欢的技术内容,技术博客,相关信息分享给大家,希望共同学习,有相关问题的可以发邮件78841151@qq.com,欢迎各界技术男指导学习!
展开
-
iOS开发之如何保证控件位置不变,增加触控范围(即frame和bounds的区别)
大佬儿们,我又双叒叕的来了,大家有没有被问到过frame和bounds有什么区别这样的面试题?或者是如何保证Button位置不变,增加点击范围这样的面试题? 什么?没有遇到过!!!哇,如果you know,大佬,大佬,我向你膜拜膜拜,如果you don`t know,那你真的是太幸运了,快来跟我一起揭开frame和bounds若隐若现的面纱吧! 首先,认识一下frame和bounds,两者都是CGRect类型的结构体,包含一个CGPoint(起点)和一个CGSi...原创 2020-08-20 20:53:36 · 646 阅读 · 1 评论 -
iOS开发之字数不一的多标签Demo
有朋友让帮他写一个封装的字数不一的多标签视图,所以今天将代码展示一下,供大家学习代码中封装了两种方法,分别是:1.传递数组,数组中是NSString类型的方法;2.传递数组,数组中是NSDictionary类型的方法首先介绍:1.传递数组,数组中是NSString类型的方法;//初始化数组中是NSString类型的标签视图-(instancetype)initWithFrame:(CGRect)f原创 2016-10-27 10:01:47 · 1668 阅读 · 0 评论 -
iOS开发之Xcode8推出的WKWebView与UIWebView的使用
一、整体介绍UIWebView自iOS2就有,WKWebView从iOS8才有,毫无疑问WKWebView将逐步取代笨重的UIWebView。通过简单的测试即可发现UIWebView占用过多内存,且内存峰值更是夸张。WKWebView网页加载速度也有提升,但是并不像内存那样提升那么多。下面列举一些其它的优势:更多的支持HTML5的特性官方宣称的高达60fps的滚动刷新率以及内置手势Safari相同原创 2016-10-17 11:39:18 · 4888 阅读 · 0 评论 -
深入了解UIViewController控制器与对应的View类的详解
ViewController是iOS开发中MVC模式中的C(视图控制器),ViewController是view的controller,ViewController的职责主要包括管理内部各个view的加载显示和卸载,同时负责与其他ViewController的通信和协调。在IOS中,有两类ViewController一类主要用于展示内容,比如UIViewController、UITableView转载 2016-11-07 14:43:42 · 5223 阅读 · 0 评论 -
iOS开发之UIWebView的常见一些用法
虽然现在Xcode8已经开始使用WKWebView这个框架进行网页展示,但是UIWebView也有一些常用的方法需要知道,下面就简单展示一下,仅供大家参考相关知识:1.设置背景透明;2.加载本地HTML页面;3.移除滚动后的外边阴影;4.在Safari中打开链接地址;5.禁用页面滚动弹跳;6.scalesPageToFit属性;7.调用javascript代码;8.javascript调用nat原创 2016-11-04 16:51:07 · 837 阅读 · 0 评论 -
iOS开发之WKWebView代替UIWebView
前言Xcode8发布以后,编译器开始不支持IOS7,所以很多应用在适配IOS10之后都不在适配IOS7了,其中包括了很多大公司,网易新闻,滴滴出行等。因此,我们公司的应用也打算淘汰IOS7。支持到IOS8,第一个要改的自然是用WKWebView替换原来的UIWebView。WKWebView有很多明显优势: 更多的支持HTML5的特性 官方宣称的高达60fps的滚动刷新率以...转载 2016-10-12 14:04:13 · 3969 阅读 · 1 评论 -
iOS开发之自己封装的提示框(警告框)样式BHAlertView
最近需要使用到提示框(警告框)进行信息的展示和提醒,所以进行了一个类的封装,想用Swift调用此OC文件,但是发现有些困难,所以暂时先把OC代码进行展示,随后再好好研究一下在Swift中的使用。对于封装文件,首先要设计界面,其次是数据之间的传递过程初始化样式方法:- (instancetype)initWithTitle:(NSString *)title icon:(UIImage *)icon原创 2016-10-19 17:14:23 · 1918 阅读 · 2 评论 -
UITableView实现格瓦拉飞天投票模块
转载自:http://www.cocoachina.com/ios/20160823/17410.html?utm_source=tuicool&utm_medium=referral格瓦拉目前来说动画效果确实做的还比较好,虽然不是说很炫但做到精致,这次就模仿了它投票的模块。其实想到要实现它还是有很多方法,不过这次我还是采用了苹果自带控件UITableView简简单单来实现它,再次认识它的强大一面转载 2016-09-05 11:21:17 · 651 阅读 · 0 评论 -
OC可点击的两种轮播图效果
基本上,每一个APP都有一个轮播图的效果展示,一般都是用来展示图片的一些信息,然后可以点击查看或购买,所以在此我将这种轮播图进行了一个类的封装,效果包含两种形式:第一种,来回轮转样式,第二种,一个方向的轮转。首先,是对效果的设计,初始化一个View图,添加相关控件然后是对UIScrollView代理方法的使用和定时器方法的实现,同时需要添加一个通知,来记录当前显示图片的索引值#pragma mar原创 2016-08-25 18:16:07 · 2203 阅读 · 0 评论 -
iOS积分抽奖Demo,可以人为控制不同奖项的得奖率
最近公司让写一个转盘积分抽奖的样式,所以把创建过程中的心得记录一下,给大家分享首先创建了相关的图片转盘,指针图片,然后就是考虑转盘如何旋转的问题,我是通过给指针图片添加一个动画效果,从而实现旋转效果//我的积分,抽奖按钮 UIView *bgView1 = [[UIView alloc]initWithFrame:CGRectMake(0, 64, f_Device_w, 60)];原创 2016-09-01 18:33:00 · 2464 阅读 · 0 评论 -
OC语言编写:为视图添加丝滑的水波纹
先看一下最终效果图:首先我们可以把如此丝滑的水波纹拆分一下下:一条规律的曲线。曲线匀速向右移动。曲线下方的位置用颜色填充。于是先来一条曲线吧。对于需要产生波动如此规律的曲线,我们首先想到的应该就是三角函数了。例如我们熟悉的正弦曲线:及其公式:f(x) = Asin(ωx+φ)+k而SDK也为我们提供了这个正弦函数:extern double sin(double);于是乎通过一个循环就能轻易地获取转载 2016-08-22 11:26:41 · 1153 阅读 · 2 评论 -
OC基础之可循环滚动并突出中间图片,并且可点击
前两天一哥们儿让我帮他写一下:可循环滚动并突出中间图片,并且可点击的一种滑动视图的效果,今天放在这里给大家展示一下,具体文字代码中都有注解,代码还有待完善,不喜勿喷,转载请注明,下载请点星,谢谢~-(void)addItemViewWithArray:(NSArray *)imgArr titleArray:(NSArray *)titleArr{ //这里因为我要保证屏幕上至少能够出现三个原创 2017-01-17 17:59:25 · 932 阅读 · 0 评论 -
一个非常好用的快速UI布局库:NerdyUI
NerdyUI最好用的快速布局 UI 库,适用于 iOS 8 及以上版本。github: https://github.com/nerdycat/NerdyUI序言众所周知,UI在一个App中所占的比重是很大的,如果能快速的布局UI,则会大大的提高App整体的开发效率,NerdyUI正是基于这个理由创建的。NerdyUI使用非常紧凑的链式语法,提供一些常用但系统控件又缺失的功能,更为简便的约束创建转载 2017-02-20 11:26:41 · 3421 阅读 · 0 评论 -
iOS开发之自定义ActionSheet视图
有时我们需要用到actionSheet来展示,但是但是往往系统的界面显示很丑或者并不符合UI的要求,所以在这里自定义一个,方便以后使用,后续有时间写一下Swift的开发。自定义ActionSheet的关键点,就是UI的样式修改和设计调整,还有就是点击单元格时进行的后续操作,再一个就是界面显示的平滑度。首先界面设计:创建一个半透明的背景视图;然后一个表格,表格分成两个区,设置标题头、区尾和单元格边角原创 2017-07-14 18:47:58 · 3131 阅读 · 0 评论 -
iOS开发之解决WebView自适应内容高度
这段时间写的项目中,有涉及到根据后端上传的表单内容,然后在移动端将内容排版重新展示的功能点,所以小小的写一下解决办法。首先如果直接进行内容展示,或者进行sizeToFit的操作,那么可能会造成图片超过屏幕大小,字体变得很小的结果,所以这里用到了UIWebView的delegate方法和添加了html的标签语言。具体可以研究代码,如下://web-(UIWebView *)detailWebVie原创 2017-06-21 10:14:37 · 2669 阅读 · 0 评论 -
关于UIView用户交互相关的属性和方法
UIView除了负责展示内容给用户外还负责响应用户事件 1、交互相关的属性 userInteractionEnabled 默认是YES ,如果设置为NO则不响应用户事件,并且把当前控件从事件队列中删除。也就是说设置了userInterfaceEnabled属性的视图会打断响应者链导致该view的subview都无法响应事件。 multipleTouchEnabled原创 2016-05-05 12:28:22 · 4031 阅读 · 0 评论 -
自定义UICollectionViewController之后如何设置布局方式
今天使用了自定义UICollectionViewController,发现了布局问题,所以给初学者讲解一下,当我们自定义了UICollectionViewController 就无法设置 UICollectionView的布局样式的问题 ,因为当我们继承了 UICollectionViewController ,它内部的UICollectionViewLayout是只读的无法修改 这个时候你可能原创 2017-03-31 19:02:18 · 945 阅读 · 0 评论 -
iOS开发之模仿语音聊天时,显示的音量图
因为项目中有涉及到语音的内容,所以在这里实现一下说话时语音的音量图的展示具体内容查看代码,有注释语音内容的工具类:static id instance;#pragma mark - 单例+ (instancetype)sharedRecordTool { static dispatch_once_t onceToken; dispatch_once(&onceToken, ^{原创 2017-03-22 17:50:26 · 2350 阅读 · 0 评论 -
iOS开发之全面讲解的改变系统顶部状态栏的颜色变化
1.单个视图View没有导航控制器包装的情况下默认情况下,启动状态栏和进入程序后的状态栏都是默认的颜色-黑色,如下图:默认情况.gif1.只设置启动状态栏颜色改变(白色),而视图中状态栏不变化(默认黑色),做如下的设置即可,两种方式不管先设置哪一个,另一个都会相应的变化,如下图:在General里面做的修改Info.plist文件中生成的相应配置只有启动栏颜色改变.gif2.设置启动状态栏颜色改变原创 2017-03-29 16:12:42 · 4029 阅读 · 0 评论 -
iOS开发之可双向调节的Slider滑块
滑块在很多地方都有使用,所以这里向大家展示一个自定义的可双向控制的Slider,并且可以通过代理方法获取相应的范围值,部分代码如下:属性值:/** 设置最小值 */@property (nonatomic,assign)CGFloat minNum;/** 设置最大值 */@property (nonatomic,assign)CGFloat maxNum;/** 设置min 颜色 */@prop原创 2017-03-21 16:53:12 · 4805 阅读 · 0 评论 -
iOS开发之样式多样好用的滑动视图Demo
现在App基本上都有滑动式图的展示,尤其是新闻资讯类的用到的最多,今天就给大家展示一个多样的滑动视图样式;首先可以看到,这是几种不同的搭配模式,也可以根据style进行其他样式的尝试,其中我们可以根据ZJSegmentStyle进行样式设置#import @interface ZJSegmentStyle : NSObject/** 是否显示遮盖 默认为NO */@property (assign原创 2017-03-20 10:42:41 · 1310 阅读 · 0 评论 -
iOS开发之展示gif图像
这个也是这段时间解决的问题,展示gif图像,在这里给大家也分享一下1.使用SDWebImageSDWebImage比较占内存,但是问题不大导入头文件#import "UIImage+GIF.h"设置gif图self.imageView.image = [UIImage sd_animatedGIFNamed:@"test"];也可以通过NSData导入+ (UIImage *)sd_animate原创 2017-03-06 17:45:50 · 1075 阅读 · 0 评论 -
iOS开发之加载html无CSS样式的解决办法
在开发的过程中,有时候需要加载一些 HTML 页面,对于不太复杂的界面,基本上都可以放到本地用 UIWebview 来加载,但是在开发过程中会碰到 UIWebview 加载出来的 HTML 页面没有图片和 CSS 样式加载出来的效果如下图:出现这种问题一般是资源路径读取的问题,我们把包含 HTML 文件的文件夹拖入工程的时候一般情况下是这样的:一般情况下我们的 Added folders 选项都是原创 2017-03-06 16:24:42 · 4699 阅读 · 0 评论 -
iOS-导航头像缩放,支持点击回调
在很多App中,经常存在一种需求就是,界面上下滚动时用户的头像也会跟着滚动,而用户头像在视图向上滚动一定范围时停留并在导航栏的位置,这里我实现了一个视图,基本样式如下:headerZoom.gif基本用法如下:1、单纯的实现这一效果:- (LEOHeaderView *)headerView { if (!_headerView) { _headerView = [[LEO转载 2016-08-08 11:26:10 · 836 阅读 · 0 评论 -
iOS开发UIScrollView的底层实现
关于scrollView的思考在iOS开发中我们会大量用到scrollView这个控件,我们使用的tableView/collectionview/textView都继承自它。scrollView的频繁使用让我对它的底层实现产生了兴趣,它到底是如何工作的?如何实现一个scrollView?读完本篇博客,相信你一定也可以自己实现一个简易的scrollView。我们首先来思考以下几个问题:scroll转载 2016-08-17 09:49:58 · 845 阅读 · 0 评论 -
滑动UITableViewCell出现多个按钮
iOS > = 5.0使用第三方效果图iOS> = 8.0使用系统方法效果图MGSwipeTableCell(Github上的三方库)- iOS >= 5.0直接使用比较简单 通过代码看一下首先签这个协议MGSwipeTableCellDelegate 添加左边按钮方法- (NSArray *)btnLeftCount:(int)count{ NSMu原创 2016-06-29 11:34:44 · 1222 阅读 · 0 评论 -
实战:通过ViewModel规范TableView界面开发
TableView界面可以说是移动App中最常用的界面之一了,物品/消息列表、详情编辑、属性设置……几乎每个app都可以看到它的身影。如何优美地实现一个TableView界面,就成了iOS开发者的必备技能。一般地,实现一个UITableView, 需要通过它的两套protocols,UITableViewDataSource和UITableViewDelegate,来指定页面内容并响应用户操作转载 2016-06-13 12:22:42 · 1131 阅读 · 0 评论 -
IOS中UITextView(多行文本框)控件的简单用法
1.创建并初始化创建UITextView的文件,并在.h文件中写入如下代码:[csharp] view plaincopy #import @interface TextViewController : UIViewController @property (nonatomic, retain) UITextV原创 2016-05-04 17:31:01 · 9838 阅读 · 0 评论 -
关于UIView中相关坐标及改变的相关方法
// 将像素point由point所在视图转换到目标视图view中,返回在目标视图view中的像素值- (CGPoint)convertPoint:(CGPoint)point toView:(UIView *)view;// 将像素point从view中转换到当前视图中,返回在当前视图中的像素值- (CGPoint)convertPoint:(CGPoint)原创 2016-04-17 21:34:56 · 553 阅读 · 0 评论 -
设置UIButton中的文字和图片,设置UILabel的文在显示不同颜色
UIButton:UIEdgeInsetstypedef struct UIEdgeInsets { CGFloat top, left, bottom, right; // specify amount to inset (positive) for each of the edges. values canbe negative to 'outset'原创 2016-04-27 12:42:24 · 956 阅读 · 0 评论 -
UITableView设置单元格选中后只显示一个打勾的三种简单方法(仅供参考)
1、第一种方法:先定位到最后一行,若选中最后一行直接退出,否则用递归改变上次选中的状态,重新设置本次选中的状态。- (UITableViewCell*)tableView:(UITableView*)tableViewcellForRowAtIndexPath:(NSIndexPath*)indexPath{ current=indexPath.row;} -原创 2016-05-06 11:31:34 · 3371 阅读 · 0 评论 -
关于判断输入框为空和出入空格的方法
测试代码,不输入和输入空格结果- (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. textFi = [[UITextField alloc] initWithFrame:原创 2016-06-03 12:07:14 · 3381 阅读 · 0 评论 -
IOS9关于搜索的认识和实现
原文链接 : iOS 9 App Search Tutorial: Introduction to App Search原文作者 : Chris Wagner译文出自 : 开发技术前线 www.devtf.cn译者 : kmyhyRay 注:本文作为《iOS 9 Feast》中的一部分,节略自 《iOS 9 Tutorials》其中一章——通过本文,您可对全书内容窥见一斑。祝您阅读愉快!转载 2016-04-24 22:31:21 · 1199 阅读 · 0 评论 -
解决Cell重用内容混乱的几种简单方法,有些方法会增加内存
重用实现分析 查看UITableView头文件,会找到NSMutableArray* visiableCells,和NSMutableDictnery* reusableTableCells两个结构。visiableCells内保存当前显示的cells,reusableTableCells保存可重用的cells。 TableView显示之初,reusableTableCells为空,原创 2016-05-04 15:55:32 · 1923 阅读 · 0 评论 -
iOS视频播放Demo VideoPlayerDemo
VideoPlayerDemohttps://github.com/CaliosD/VideoPlayerDemo一个视频播放的例子,使用了pod。转载 2016-05-11 11:59:55 · 659 阅读 · 0 评论 -
日历显示,并且可选择日期,并显示选择过的日期详解
属性定义:@property(nonatomic,strong)UILabel *yearAndMonthLabel;//年月UILabel@property(nonatomic,strong)UICollectionView *collectionV;@property(nonatomic,assign)CGFloat itemWidthF;//item的宽@proper原创 2016-07-11 15:52:12 · 4295 阅读 · 0 评论 -
解决UIScrollView,UIImageView等控件不能响应touch事件的问题
关于UIScrollView,UIImageView等控件不能响应touch事件,主要涉及到事件响应者链的问题,如果在UIScrollView,UIImageView等控件添加了子View,这样事件响应将会被UIScrollView,UIImageView等控件终止,而且这些控件的userInteractionEnabled属性默认的是NO,所以想要解决使用触摸事件,我通过两种方法进行解决。方原创 2016-07-22 15:00:26 · 4488 阅读 · 3 评论 -
iOS模仿京东商城中的选择地区样式
在ViewController文件中创建添加地址界面:@property(nonatomic,strong)UILabel *selectAreaLabel;//地区显示@property(nonatomic,strong)UITextField *nameTextF;//收货人@property(nonatomic,strong)UITextField *phoneTextF;//联系方式@pr原创 2016-08-15 17:27:03 · 8894 阅读 · 5 评论 -
限制UITextField的输入字数(长度)最正确的方法
在开发中, 有些时候会碰到这样的需求: 希望输入框有最大字数限制. 比如, 用户昵称长度限制, 评论最大字数限制.所以通过相关测试和浏览文章,使用下面的方法可以基本解决问题.在viewDidLoad中注册通知.[[NSNotificationCenter defaultCenter]addObserver:self selector:@selector(textFiledEditCha原创 2016-07-20 16:17:49 · 4420 阅读 · 0 评论 -
iOS树状视图(折叠单元格)详细使用
RATreeView是一个第三方的iOS树视图(通俗的讲就是折叠单元格),它是对UITableView的封装,定义自己的委托和数据源的法,RATreeView是高度可定制的,并且有很多功能。很多朋友都说使用的不好,官方讲的也不够详细,所以我就给大家讲一下,怎么使用.首先先看下实现效果1.gif使用方法CocoaPods pod 'RATreeView',转载 2016-07-19 11:45:12 · 4899 阅读 · 4 评论