iOS 1: UI的学习

作者: d2cd99b0efce | 来源:发表于2016-03-24 21:54 被阅读130次

今天是第一天的视频学习,因为之前的自学,好歹有点儿基础,看起来不是很吃劲。

学习内容:

  • 开发第一个iOS程序
  • storyboard,viewController,IBOutlet,IBAction
  • UIView掌握
  • 控件概览,如UIButton, UILabel

重要注意点:

UIView

  • 苹果将控件的共同属性都抽取到父类UIView中
  • 所有的控件最终都继承自UIView

UIView的常见属性

  • subViews:[UIView]

    • 所有的子控件
    • 数组元素的顺序决定着子控件的显示层级顺序(下标越大的,越显示在上面)
  • superView:UIView?

    • 是可选属性,控制器最顶层的view没有superView
  • transform:CGAffineTransform

    • 控件的形变属性,可以设置旋转角度、比例缩放、平移等属性
  • frame:CGRect

  • bounds:CGRect

  • center:CGPoint

    • CGRect的全称是:Computer Graphics Rectangle(电脑图形长方形)的简称,iOS起名挺一目了然的,点进去看看CGRect的定义如下。但是你定义frame的时候,往往会发现代码自动提示有CGRect与CGRectMake的定义方法。两种定义方法都可以,但是又何必要CGRectMake多此一举呢。在Swift中,使用CGRect的init方法与使用CGRectMake有什么不同?

    • 答案是:没什么不同。那么为什么会有两种生成CGRect的方法呢?答案是历史问题。因为CGRect是Struct,而在Objective-C中,由于C的兼容性,所以struct中是不能有方法的。为了能够方便的生成CGRect,Cocoa中提供了CGRectMake函数;而在Swift中,Struct是可以有方法的,所以CGRect也有了相应的init函数。但是由于跟Objective-C的兼容性,所以CGRectMake函数还是保留了下来。

//swift中CGRect的定义
public struct CGRect {
    public var origin: CGPoint
    public var size: CGSize
    public init()
    public init(origin: CGPoint, size: CGSize)
}

UIView的常见方法

  • addSubview(view: UIView)

    • 添加一个子控件
    • 使用这个方法添加的子控件会被塞到subviews数组的最后面
  • removeFromSuperview()

    • 从父控件中移除
  • viewWithTag(tag: Int) -> UIView?

    • 返回视图中指定tag标记的UIView
  • 可以使用下面的方法调整子控件在subview数组中的顺序

//swift
func insertSubview(view: UIView, atIndex index: Int)
func insertSubview(view: UIView, belowSubview siblingSubview: UIView)
func insertSubview(view: UIView, aboveSubview siblingSubview: UIView)
func bringSubviewToFront(view: UIView)
func sendSubviewToBack(view: UIView)
//objc
// 将子控件view插入到subviews数组的index位置
- (void)insertSubview:(UIView *)view atIndex:(NSInteger)index;

// 将子控件view显示到子控件siblingSubview的下面
- (void)insertSubview:(UIView *)view belowSubview:(UIView *)siblingSubview;
// 将子控件view显示到子控件siblingSubview的上面
- (void)insertSubview:(UIView *)view aboveSubview:(UIView *)siblingSubview;

// 将子控件view放到数组的最后面,显示在最上面
- (void)bringSubviewToFront:(UIView *)view;
// 将子控件view放到数组的最前面,显示在最下面
- (void)sendSubviewToBack:(UIView *)view;

class UIControl : UIView

  • UIButton继承自UIControl,在XCode中对UIButton追根溯源,会发现UIButton ->UIControl -> UIView,共有祖孙三代,UIButton继承的类与属性面板的条目一一对应,其他的控件也是如此。
//UIControl中的方法
//设置一个触发事件,当调用此函数的控件发生了相应的动作事件controlEvents,调用目标对象target的方法action
func addTarget(target: AnyObject?, action: Selector, forControlEvents controlEvents: UIControlEvents)

相关文章

  • iOS 1: UI的学习

    今天是第一天的视频学习,因为之前的自学,好歹有点儿基础,看起来不是很吃劲。 学习内容: 开发第一个iOS程序 st...

  • iOS超全开源框架、项目和学习资料汇总:UI篇

    iOS超全开源框架、项目和学习资料汇总:UI篇 iOS超全开源框架、项目和学习资料汇总:UI篇

  • 无标题文章

    iOS超全开源框架、项目和学习资料汇总(1)UI篇 144 作者 iOS巍 已关注 2016.10.15 23:5...

  • UI常用的控件

    #iOS开发之UI篇#iOS开发之UI篇 #常用控件介绍1## #UI第09天:滚动视图# ##UIScrollV...

  • UI-基础控件

    学习UI两天后基本掌握了一些UI的基本控件用法。先说明一下,我学的是iOS 不是IOS,不是ios,也不是IoS等...

  • iOS instruments 之 UI automation攻

    iOS instruments 之 UI automation攻略 1、automation简介 UI 自动测试是...

  • iOS总结目录

    1. iOS系统结构 2.iOS基础 ① OC ② swift ③ UI 3. iOS进阶

  • iOS UI 优化 - 番外篇

    title: iOS UI 优化 - 番外篇categories: iOStags: iOS UI 界面 iOS ...

  • 记录-查找

    ios基础UI 1.1, iOS Label详解学习_OC http://www.jianshu.com/p/b2...

  • iOS-UI控件精讲之UILabel

    相关阅读1.iOS-UI控件精讲之UIView2.iOS-UI控件精讲之UILabel(本文)...待续 UILa...

网友评论

    本文标题:iOS 1: UI的学习

    本文链接:https://www.haomeiwen.com/subject/dcirlttx.html