美文网首页
UI第一周第一天

UI第一周第一天

作者: BruceChenn | 来源:发表于2016-08-22 22:05 被阅读0次

AppDelegate.swift

首先,创建一个项目,打开文件,可以看到AppDelegate.swift。在AppDelegate.swift中,最前面的语句是:

import UIKit

import是导入文件/库的关键词,UIKit是iOS中所有的控件所在库文件

@UIApplicationMain

UIApplicationMain是iOS应用程序的入口:
1.创建了一个UIApplication对象,代表当前应用程序。作用是用来检测当前应用程序状态的改变。
2.创建一个遵守UIApplicationDelegate的协议的的类对象作为UIApplication的代理,作用是处理应用程序状态的改变。

class AppDelegate: UIResponder, UIApplicationDelegate {
    var window: UIWindow?
    
    func application(application: UIApplication,didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
        return true
    }
    
    func applicationWillResignActive(application: UIApplication) {
    }
    
    func applicationDidEnterBackground(application: UIApplication) {
    }
    
    func applicationWillEnterForeground(application: UIApplication) {
    }
    
    func applicationDidBecomeActive(application: UIApplication) {
    }
    
    func applicationWillTerminate(application: UIApplication) {
    }
    
}
  • 当应用程序已经启动成功后,会自动调用方法:application,在这个方法中
  1. 搭建应用程序中的所有的界面
  2. 获取应用程序需要展示的数据
  3. 使用界面展示数据

注意:如果不在这个方法中去创建window,那么程序会通过Main.storyboard去创建应用程序的界面

  • 当应用程序将要成为非活跃状态的时候会自动调用方法:applicationWillResignActive.

  • 应用程序已经进入后台的时候会自动调用方法:applicationDidEnterBackground

  • 应用程序将要进入前台的时候会自动调用方法:applicationWillEnterForeground

  • 应用程序已经变成活跃状态的时候会自动调用方法:applicationDidBecomeActive

  • 应用程序将要终止的时候会自动调用方法:applicationWillTerminate

window

window:窗口,一个应用想要展示在屏幕上,至少要有一个window.一个手机应用程序一般只有一个window.应用程序中的所有的界面全部是展示在window上的

func application(application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool {
        //1.创建UIWindow对象
        //frame是UIView中的属性,确定视图显示在屏幕上的位置和大小
        self.window = UIWindow.init(frame: UIScreen.mainScreen().bounds)
        //2.设置根视图控制器
        self.window?.rootViewController = UIViewController()
        //3.设置背景颜色
        self.window?.backgroundColor = UIColor.yellowColor()
        return true
    }

UIView基本属性和方法

UIView:是iOS中所有视图(控件)直接/间接的父类;所以UIView的属性和方法,对于其他类型的视图都有效
视图:在屏幕上能看见的所有的东西都属于视图

创建视图的步骤:
1.创建UIView的对象
2.设置frame属性(由坐标(x,y)和大小(width,height)两个部分组成)
3.将视图添加到界面上
4.设置背景颜色(视图的背景颜色默认是透明色)

代码示例:

let redView = UIView.init()
redView.frame = CGRect(x: 10, y: 10, width: 100, height: 100)
redView.frame = CGRectMake(10, 10, 100, 100)
self.view.addSubview(redView)
redView.backgroundColor = UIColor.redColor()

let yellowView = UIView.init(frame: CGRectMake(25, 25, 50, 50))
redView.addSubview(yellowView)
yellowView.backgroundColor = UIColor.yellowColor()

注意:计算视图的坐标的时候,注意相对性。当前视图被添加到哪个视图上,那么当前视图的坐标就是相对于谁来算的。

Frame相关属性

  • frame(坐标和大小)
redView.frame = CGRectMake(100, 100, 100, 100)
  • center(中心点坐标)

1.通过center确定视图的中心点坐标
2.可以通过改变center的值,去改变视图的坐标

  • bounds(坐标和大小)

默认情况下bounds的坐标是(0,0),大小和视图的frame大小一样
如果改变bounds的大小,frame的大小和坐标都改变,center不变
注意:如果改变bounds的坐标,不影响当前视图的位置。但是影响添加到当前视图上的子视图的坐标,不建议修改bounds

  • transform(形变)-当前视图发生形变,那么添加到当前视图上的所有的视图会跟着一起形变

1.缩放

redView.transform = CGAffineTransformMakeScale(0.8, 2.5)

2.旋转

redView.transform = CGAffineTransformMakeRotation(CGFloat(M_PI_4))

3.平移

redView.transform = CGAffineTransformMakeTranslation(0, 300)

4.多个形变同时发生

a.在另外一个形变的前提下旋转

redView.transform = CGAffineTransformRotate(CGAffineTransformMakeScale(0.5, 0.5), CGFloat(M_PI_4))

b.在另外一个形变的前提下缩放

let transLation = CGAffineTransformMakeTranslation(100, 0)
redView.transform = CGAffineTransformScale(transLation, 0.5, 2)

在另外一个形变的前提下平移

redView.transform = CGAffineTransformTranslate(redView.transform, 0, 300)

d.组合两个形变:旋转形变

let rotate = CGAffineTransformMakeRotation(0.2)
let transLation1 = CGAffineTransformMakeTranslation(100, 100)
redView.transform = CGAffineTransformConcat(rotate, transLation1)

相关文章

  • UI第一周第一天

    AppDelegate.swift 首先,创建一个项目,打开文件,可以看到AppDelegate.swift。在A...

  • UI基础 - 第一周

    UI第一周 UIView及window UIKit是所有控件的所在库文件在AppDelegate.swift文件中...

  • UI第一周学习总结

    ios开发之UI学习第一周总结 UIView基本属性、方法、视图关系、动画 基本属性和方法 UIView:是iOS...

  • 爱的日记

    挑战第一周 【第一天】Day 1 Resolve to say nothing negative about yo...

  • 下第九周

    开学第一周,漫长的第一周。每次开学的第一天时间过得特别忙,于是第一周也是特别漫长,好不容易才熬到周末。这一次,学校...

  • 新学期第一周第一天,元气满满!

    2019.2.25第一周 2.25 周一 天气晴 今天是新学期的第一周的第一天,天气也晴朗,觉得万象更新,自己也元...

  • 开学纪实

    开学第一周已经结束,正式迈入第二周~ 开学第一周工作4天。 第一天:开会、培训、收拾教室~一番折腾下来,瘦了2斤。...

  • UI第一周总结

    Window : 一、UIView的基本属性和方法 1.创建UIView的对象 说明:想要将视图展示在屏幕上的两个...

  • UI基础学习1+

    UI第一天学习总结 通过swift基础语言的三周学习过后,今天迎接来了iOS开发第二阶段的学习--UI First...

  • 2022.01.22(hj8)

    除去第一天的调整和计划,从16号算起,今天就是寒假第一周结束了,跟爱豆保持一个节奏,做个周总结。 寒假第一周(1....

网友评论

      本文标题:UI第一周第一天

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