您的位置:首页 > 产品设计 > UI/UE

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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  uiios ui