iOS基础UI控件介绍-Swift版
iOS基础UI控件总结
需要查看ObjectC版本的同学可以使用传送门:iOS基本UI控件总结-ObjectC版
iOS基础控件包括以下几类:
1、继承自NSObject:(暂列为控件)
UIColor //颜色
UIImage //图像
2、继承自UIView:
只能相应手势UIGestureRecognizer事件,如果本身不响应会将事件action向superview传递
UILabel //文本展示
UIImageView //图像展示
UIAlertController //提醒对话框(UIAlertView已被苹果官方弃用)
UIScrollView //滚动视图
UIProgressView //进度条
UIActivityIndicatorView //指示器
3、继承自UIControl:
可以监听手势UIGestureRecognizer事件和UIControlEvents事件,且不会将事件向superView传递
UIButton //按钮
UISwitch //选择按钮
UISlider //滑动条
UITextField //文本框
UIStepper //数字递变控件(iOS5以后支持)
UISegmentedControl //分段控件
## 基础介绍和常用第三方组件
以下第三方控件选择的都是用Swfit编写的,以避免引入项目中时出现混编的情况
### 一.UIColor:
基础介绍:
- [玩转swift -- UIKit 之 UIColor](https://www.jianshu.com/p/12cecb7e7912)
二.UIImage:
基础介绍:
第三方插件:
网络图片下载及缓存: Kingfisher
最小网络代价获得图片大小及类型: ImageScout
三.UILabel:
基础介绍:
第三方插件:
- 强大的富文本组件:SwiftRichString SwiftyAttributes StyledTextKit
四.UIImageView
基础介绍:
第三方插件:
- 网络图片下载及缓存: Kingfisher
五:UIAlertController
基础介绍:
第三方插件:
- 强大的自定义弹框: Presentr
六:UIScrollView
基础介绍:
第三方插件:
- 欢迎界面、引导页:paper-onboarding Presentation
- 下拉刷新上拉加载组件: ESPullToRefresh
七:UIProgressView
基础介绍:
第三方插件:
- 进度条: MultiProgressView
- Step进度条: StepProgressView
八:UIActivityIndicatorView
基础介绍:
第三方插件:
- 仿Twitter加载样式: FillableLoaders
九.UIButton
基础介绍:
第三方插件:
- 类似太阳动画的按钮: WCLShineButton
- Material Design风格按钮: ZFRippleButton
- 登录按钮: LGButton
十.UISwitch
基础介绍:
第三方插件:
- 平滑渲染父视图: paper-switch
十一.UISlider
基础介绍:
第三方插件:
- 圆形进度条: HGCircularSlider
十二.UITextField
基础介绍:
第三方插件:
- 类似Android效果的输入框: TextFieldEffects SkyFloatingLabelTextField
- 输入框文字计算器: TextFieldCounter
十三.UIStepper
基础介绍:
第三方插件:
- 多彩计步器: KWStepper SnappingStepper
十四.UISegmentedControl
基础介绍:
第三方插件:
- 可滑动的选择器: BetterSegmentedControl
iOS基础UI控件介绍-Swift版的更多相关文章
- iOS 使用UI控件的外观协议UIAppearance进行设置默认UI控件样式
在iOS开发中,经常会对UINavigationBar的样式进行全局样式.采用的设置方式有两种: 第一种,采用方式如下: [UINavigationBar appearance] 这种是对一类对象的默 ...
- iOS 中UI控件的各种对齐方式总结
1.textAligment : 文字的水平方向的对齐方式 取值 NSTextAlignmentLeft = 0, // 左对齐 NSTextAlignmentCenter = ...
- iOS基本UI控件总结
包括以下几类: //继承自NSObject:(暂列为控件) UIColor *_color; //颜色 UIImage *_image; //图像 //继承自UIView:只能相应手势UI ...
- widget 常用UI控件介绍
一.单选框 单选框实例程序: <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android&q ...
- IOS学习资源收集--开发UI控件相关
收集的一些本人了解过的iOS开发UI控件相关的代码资源(本文持续补充更新) 内容大纲: 1.本人在github上也上传了我分装好的一些可重复利用的UI控件 2.计时相关的自定义UILabel控件 正文 ...
- 从0到1搭建移动App功能自动化测试平台(2):操作iOS应用的控件
转自:http://debugtalk.com/post/build-app-automated-test-platform-from-0-to-1-Appium-interrogate-iOS-UI ...
- Swift UI控件详细介绍(上)
UI控件 首先介绍一下AppDelegate.swift@UIApplicationMain 调用了OC中的UIApplicationMain函数:UIApplicationMain是iOS应用程序的 ...
- iOS开发UI篇—UIScrollView控件介绍
iOS开发UI篇—UIScrollView控件介绍 一.知识点简单介绍 1.UIScrollView控件是什么? (1)移动设备的屏幕⼤大⼩小是极其有限的,因此直接展⽰示在⽤用户眼前的内容也相当有限 ...
- 用swift创建各种UI控件【iSwifting社区】
为了方便大家学习,www.iSwifting.com社区为大家准备了创建各种UI控件的代码.開始看着语法可能有些别扭,当用习惯了,就认为还是非常不错的. 社区还添加了问答专区.有问题的朋友.虽然问.大 ...
随机推荐
- CommonJS 与 ES6 的依赖操作方法(require、import)
CommonJS:http://www.commonjs.org/specs/modules/1.0/ ES2015的 export:https://developer.mozilla.org/en- ...
- There are multiple modules with names that only differ in casing.
client?4c0e:153 ./src/components/Paginate.vue There are multiple modules with names that only differ ...
- vue解决跨域问题
vue解决跨域问题 vue跨域解决方法和小总结 vue项目中,前端与后台进行数据请求或者提交的时候,如果后台没有设置跨域,前端本地调试代码的时候就会报“No 'Access-Control-Allow ...
- MD5加密技术
前几天,在看OpenVXI3.4的时候,偶然发现了几个奇怪的文件,那就是OpenVXI-3.4\src\cache下面的,base64.c,base64.h,md5.c,md5.h.既然有人把源代码给 ...
- spring boot和maven的约定大于配置体现在哪些方面
spring boot和maven的约定大于配置体现在哪些方面? 两者都遵从了约定大于配置的路线 约定优于配置体现点: 1.maven的目录文件结构 1)默认有resources文件夹,存放资源配置文 ...
- POJ 2084
第一题组合数学题.可以使用递推,设1与其他各数分别连边,假设N=3;若1-4,则圆分成两部分计数,此时可以利用乘法原理.(高精度) #include <cstdio> #include & ...
- PyQt: LineEdit的智能输入提示
使用的的类是QtGui.QCompleter from PyQt4 import QtGui,QtCore str = QtCore.QStringList(['a','air','airbus']) ...
- 晋IT分享成长沙龙集锦
第一期"晋IT"分享成长沙龙于2014年7月19日圆满结束.下面是相关内容整理和第二期预告. 各位伙伴认真的介绍自己,介绍自己的业务,分析自己眼下存在的问题,大家一起探讨,真诚出谋 ...
- spring web mvc第一天
spring web mvc 感觉就是高大上啊!啥都是配置文件就能够了.所以第一步就是弄清楚配置文件使用和总体框架的流程! Spring web mvc最重要的当然是Controller,也就是首先 ...
- vue,elementUI切换主题,自定义主题
本文介绍两种elementUI切换主题色的方法 项目示例:http://test.ofoyou.com/theme/ git代码:记得star哦,谢谢 1:官方提供的方法,直接修改scss文件达到修改 ...