码迷,mamicode.com
首页 > Windows程序 > 详细

UIWindow、 UIView及UILabel

时间:2015-05-31 06:54:50      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:uiwindow   uiview及uilabel   

       在正式进入UI之前,我们需要了解一些知识。

       苹果手机的分辨率:iPhone3GS  320*480; iPhone4和iPhone4S 640*960;iPhone5c、5S 640*1136;

iPhone6  750*1334; iPhone6plus 1080*1920。 

       屏幕尺寸如3.5英寸:320 * 480, 如果采用的是Retina屏,宽和高都要分别乘以2,这也就是为什么3GS和4同为3.5英寸,但是分辨率却差了4倍。

       学习UI需要使用xcode中空工程,iOS -> Application -> Empty Application.进入之后运行会出现设备的模拟器,通过command +1,+2,+3可以调整模拟器的大小分别100%,75%,50%。如果没有模拟器进入window -> device -> 添加设备模拟器。使用command + shift + h, 可以返回模拟器的主界面,输入两次h效果同iPhone双击home键。

        一个完整iOS App  = 各种各样的UI设计 + 业务逻辑 + 算法。

       iOS从2.0开始到7.0都是拟物化的设计风格,7.0则放弃了这一设计,以线条为主,更倾向于扁平化的设计风格。


一  UIWindow

       虽然我们还没学习UIView,但是你应当有一种意识,UIWindow是UIView的一个子类,继承其所有的属性、方法和实例变量。

       UIWindow有什么作用?

       UIWindow用来承载UIView的视图给用户,如果没有window,设备将是一片漆黑。

       UIWindow有什么特点?

       UIWindow伴随着整个应用程序的生命周期,知道app结束时才释放。我们通常不对它进行太多的设置和操作。一个app通常只有一个window。

       UIWindow如何创建对象?


        UIWindow *window = [UIWindow alloc] initWithFrame:[[UIScreen  mainScreen] bounds]];

        self.window.backgroundColor = [UIColor  grayColor];

         [self.window  makeKeyAndVisible];


         以上代码对于刚从OC过来的同学来说有很多陌生的代码,建议进入头文件中去查看。mainScreen返回一个代表设备屏幕的对象,bounds是一个返回值为CGRect的实例方法。大家首先要树立一种控件也是一种类,格式和我们学得OC相同。CGRect 是一个结构体,有两个元素:CGPointer origin; CGSize  size; ,  CGPointer  也有两个元素: CGFloat x; CGFloat y;  CGSize 有两个元素: CGFloat width; CGFloat height;   其中的CGFloat就是double。


二   UIView

      view(是“视图”的意思):屏幕上的一块矩形区域。不同的空间对应着不同类型的视图。换句话说,UIView有很多子类,而且功能不尽相同。需要将UIView重视起来,APP中所有的可视化空间全部是UIView或者其子类。

      如何创建一个UIView对象?

      代码如下

       UIView *aView = [UIVew  alloc]initWithFrame:CGRectMake(CGFlaot x, CGFlaot y, CGFlaot width, 

       CGFloat heigth)];  // 开辟空间并初始化

       aView.backgroudColor = [UIColor redColor]; // 给属性赋值

       [self.window  addSubview: aView]; // 将视图添加到父视图中

       [aView  release] ;  // 释放aView的保有权


      首先add方法和集合类的对象一样自动保有元素的所有权,所以释放aView没有问题。

      其次, CGRectMake()是快速创建结构体的方法,frame是一个CGRect类型的结构体。

      最后,说明一下NSRect类型结构体重各元素的作用。

      要想在屏幕上画出一个矩形,首先知道位置,其次知道大小。CGRect的两个元素CGPointer和CGSize就是分别代表位置和大小。iOS中为了布局创建了平面坐标系。它的原点为屏幕的左上角。水平向右是X的正方向,垂直向下是Y的正方向。这样CGRect的4各元素就都清楚明白了。

      需要注意的是如果子视图超过了父视图的边界,超过的 部分是没有响应的。

     center

     center其实是frame的衍生品,他们两个完全等价。center就是值矩形视图的中心坐标。他有两个元素:CGFloat x,CGFloat y。 center.x = frame.origin.x + frame.size.width/2      center.y = frame.origin.y + frame.size.height/2  .

     bounds

     bounds是一个CGRect类型的结构体。只不过它是自己的坐标系,它的子视图要以这个坐标系为准。它可以设置左上角的坐标为任意值。使用较少。

     先说明一下frame、bounds、center的联系。

     当frame.origin变化时,center也是变化的,反之,亦然;当frame.size变化时,bounds的size也是变化的,反之亦然;当center变化时,bounds.origin是不变的,反之亦然。 

     重点说明一下UIView的方法、属性。

     1 插入元素方法

      addSubview:    , insertSubview:  atIndex,  insertSubview:  aboveSubview, insertSubview: belowSubview。 当UIView对象调用这些方法时,会将参数subview添加为自己的子视图。而且插入越早编号越靠前,离用户越远。这里透露一个小技巧,在控制台有一个交叉的两个矩形的图标,点击它可以查看层次。

     2  管理层次方法

      bringSubviewToFront:   ,   sendSubviewToBack:,   exchangeSubviewAtIndex:   withSubviewAtIndex:,     removefromSuperview. 可以用来调整和用户的距离。

     3 属性

     hidden  : 是否可见  BOOL

     alpha: 不透明度  CGFloat

     superview   返回父视图   UIView

     subv      返回子视图   NSArray

     tag    为对象添加标签,使用viewWithTag方法来调用对象。注意tag一般都大于1000;integer。


三  UILabel 

      UILabel: 是UIView的子类,可以显示文本。它在APP中出现的次数是最多的。

      属性:

      text:用来显示文本的内容,使用字符串赋值。

      textColor:用来更改字符串的颜色

      textAligment:用来进行水平的对齐操作。 NStextAligment是一个枚举,NStextAligmentLeft  = 0,center = 1, right = 2.

      backgroundColor: 用来显示控件的轮廓。

      font :用来管理字符串的字体和大小等特性:fontWithName: size: , systemFontOfSize:。

     numberOfLines: NSinteger  字符串显示几行。默认是1行,如果设置为0,系统自动判断。

     lineBreakMode:  NSlineBreakMode 是一个枚举类型。记住两个:NSlineBreakByWordWrapping.NSlineBreakByCharWrapping. 第一个值0, 第二个值1.

    shadowColor :阴影的颜色

   shadowOffset:阴影的偏移。后面的参数是一个NSPointer ,第一个元素代表X方向的偏移,另一个代表Y方向的偏移。

     

                

本文出自 “爱生活不爱Bug” 博客,请务必保留此出处http://10279592.blog.51cto.com/10269592/1656708

UIWindow、 UIView及UILabel

标签:uiwindow   uiview及uilabel   

原文地址:http://10279592.blog.51cto.com/10269592/1656708

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!