UserInterface基本使用总结篇(一)
2015-11-16 22:51
281 查看
一、初识UI
(1)UIKit
说到ios开发中的UI部分,当然不可避免的首先需要提到UIKit框架,UIKitk框架提供一系列的Class(类)来建立和管理iPhone OS应用程序的用户界面( UI )接口、应用程序对象、事件控制、绘图模型、窗口、视图和用于控制触摸屏等的接口,简单来说UIKit提供了在ios上实现图形(我们在应用中看到的一切)和事件驱动(按键、点击等)的程序框架。
(2)UIView
(一)概述
UIView 是视图的基类(父类),UIResponder是UIView的基类,表示一个可以接受触摸屏上触摸事件的对象,UIWindow也是UIView的一个子类
a.UIWindow:一个应用通常只有一个窗口;
b.窗口的主要功能(提供应用程序视图一个基本容器):
提供一个一个区域来显示视图
将事件分发给视图
(二)基本属性
a.各种属性
view.backgroundcolor
view.hidden
view.tag
view.center
view.layer(图层渲染部分都在此属性)
view.layer.shadowOpacity 阴影的不透明度
view.layer.shadowOffset 阴影的方向和长度
view.layer.shadowColor 设置阴影的颜色
view.layer.cornerRadius 设置圆角
view.layer.border 设置边框
view.clipsToBounds 去掉超出父视图的部分(旋转弧度,使用比例比较)
view.transform = CgaffinetransformmakeRotation 旋转
view.alpha设置视图的不透明度
view.transform = cgaffinetransformmakeTranslation平移
view.transform = cgaffinetransformmakescale放大
使用动画
[UIView animateWithDuration]
(三)IOS坐标系
a.IOS坐标以左上角为原点
b.每个视图的坐标系是以他父视图的左上角为原点
c.与视图结构相关的结构体及其函数
point size rect
(四)Frame bounds center
a.Frame:以其父视图为参考系,得出它自己的位置信息
b.bounds:以自身视图为参考系
c.center:表示视图中心点所在父视图的相对位置
(五)注意点
每个父视图都有一个有序的数组存储它的子视图,数组中存储的顺序与图层的显示效果相关
二、程序的运行情况
一个app软件整个程序的调用情况
1.appdelegate文件当中为程序的执行情况,在实现文件当中存在的6个方法
a.程序的入口方法
-(bool)application:(uiapplication *)application didfinishlaunchingwithoptions:(nsdictionary *)launchoptions
b.从激活进入未激活的时候调用
- (void)applicationWillResignActive:(UIApplication *)application
c.进入后台的时候调用
- (void)applicationDidEnterBackground:(UIApplication *)application
d.从后台进入到未激活状态
- (void)applicationWillEnterForeground:(UIApplication *)application
e.从未激活的状态进入激活的状态
- (void)applicationDidBecomeActive:(UIApplication *)application
f.挂起,程序结束时调用
- (void)applicationWillTerminate:(UIApplication *)application
三、iphone手机屏幕大小情况:
点pt 像素pi
6S+,6+ 414*736 1080*1920(*) 5.5吋@3x
6s,6 375*667 750*1334 4.7吋@2x
5s,5,5c 320*568 640*1136 4吋
4s 320*480 640*960 3.5吋
非Retina
4 320*480 320*480 50*50
(1)UIKit
说到ios开发中的UI部分,当然不可避免的首先需要提到UIKit框架,UIKitk框架提供一系列的Class(类)来建立和管理iPhone OS应用程序的用户界面( UI )接口、应用程序对象、事件控制、绘图模型、窗口、视图和用于控制触摸屏等的接口,简单来说UIKit提供了在ios上实现图形(我们在应用中看到的一切)和事件驱动(按键、点击等)的程序框架。
(2)UIView
(一)概述
UIView 是视图的基类(父类),UIResponder是UIView的基类,表示一个可以接受触摸屏上触摸事件的对象,UIWindow也是UIView的一个子类
a.UIWindow:一个应用通常只有一个窗口;
b.窗口的主要功能(提供应用程序视图一个基本容器):
提供一个一个区域来显示视图
将事件分发给视图
(二)基本属性
a.各种属性
view.backgroundcolor
view.hidden
view.tag
view.center
view.layer(图层渲染部分都在此属性)
view.layer.shadowOpacity 阴影的不透明度
view.layer.shadowOffset 阴影的方向和长度
view.layer.shadowColor 设置阴影的颜色
view.layer.cornerRadius 设置圆角
view.layer.border 设置边框
view.clipsToBounds 去掉超出父视图的部分(旋转弧度,使用比例比较)
view.transform = CgaffinetransformmakeRotation 旋转
view.alpha设置视图的不透明度
view.transform = cgaffinetransformmakeTranslation平移
view.transform = cgaffinetransformmakescale放大
使用动画
[UIView animateWithDuration]
(三)IOS坐标系
a.IOS坐标以左上角为原点
b.每个视图的坐标系是以他父视图的左上角为原点
c.与视图结构相关的结构体及其函数
point size rect
(四)Frame bounds center
a.Frame:以其父视图为参考系,得出它自己的位置信息
b.bounds:以自身视图为参考系
c.center:表示视图中心点所在父视图的相对位置
(五)注意点
每个父视图都有一个有序的数组存储它的子视图,数组中存储的顺序与图层的显示效果相关
二、程序的运行情况
一个app软件整个程序的调用情况
1.appdelegate文件当中为程序的执行情况,在实现文件当中存在的6个方法
a.程序的入口方法
-(bool)application:(uiapplication *)application didfinishlaunchingwithoptions:(nsdictionary *)launchoptions
b.从激活进入未激活的时候调用
- (void)applicationWillResignActive:(UIApplication *)application
c.进入后台的时候调用
- (void)applicationDidEnterBackground:(UIApplication *)application
d.从后台进入到未激活状态
- (void)applicationWillEnterForeground:(UIApplication *)application
e.从未激活的状态进入激活的状态
- (void)applicationDidBecomeActive:(UIApplication *)application
f.挂起,程序结束时调用
- (void)applicationWillTerminate:(UIApplication *)application
三、iphone手机屏幕大小情况:
点pt 像素pi
6S+,6+ 414*736 1080*1920(*) 5.5吋@3x
6s,6 375*667 750*1334 4.7吋@2x
5s,5,5c 320*568 640*1136 4吋
4s 320*480 640*960 3.5吋
非Retina
4 320*480 320*480 50*50
相关文章推荐
- GUI - Web前端开发框架
- 评价ui设计作品好坏的八个标准(界面/交互设计研究)
- 为Yahoo! UI Extensions Grid增加内置的可编辑器
- Cocos2d-x UI开发之文本类使用实例
- 在IE 浏览器中使用 jquery的fadeIn() 效果 英文字符字体加粗
- UI Events 用户界面事件
- jquery UI Datepicker时间控件的使用方法(基础版)
- 基于jQuery UI CSS Framework开发Widget的经验
- jquery ui 1.7 ui.tabs 动态添加与关闭(按钮关闭+双击关闭)
- jQuery UI设置固定日期选择特效代码分享
- jQuery UI的Dialog无法提交问题的解决方法
- jQuery ui实现动感的圆角渐变网站导航菜单效果代码
- jquery UI Datepicker时间控件的使用方法(终结版)
- jquery UI Datepicker时间控件的使用方法(加强版)
- 关于jQuery UI 使用心得及技巧
- jQuery ui 1.7更新小结
- 从零开始学习jQuery (十) jQueryUI常用功能实战
- jquery ui对话框实例代码
- jQuery UI AutoComplete 自动完成使用小记
- jQuery UI Autocomplete 体验分享