启动图第一篇教程

对于基本的工程设置我就不多说了,可以参考我一键替换测试和正式key的专题,那里有介绍。

这是首页的界面。

点击选择启动图的按钮:选择我们本地启动图

配置启动图名称:配置我们生成启动图的名称 因为我们就生成支持ios8以上的 我们就只需要五张图片。所以不配置的话就使用默认的五张名称。

640x960@2x.png 640x1136@2x.png 640x960_HD@2x.png 750x1136@2x.png 1242x2208@3x.png

我们先写一下点击选择启动图的功能。

新建一个SFileManger管理我们选择文件功能。

class func selectedLaunchImages() throws -> [NSImage] {
    let openPannel = NSOpenPanel()
    openPannel.allowedFileTypes = ["png"];
    openPannel.allowsMultipleSelection = true;
    let index = openPannel.runModal()
    guard index == NSFileHandlingPanelOKButton else {
        throw SFileMangerError.other
    }
    var images:[NSImage] = []
    let urls = openPannel.urls
    for url in urls {
        let image = NSImage(contentsOf: url)
        guard let _ = image else {
            throw SFileMangerError.message("有一张不是图片类型")
        }
        images.append(image!)
    }
    return images
}

ViewController新建一个变量保存我们选择的图片

/// 保存之前选择的图片
var launchImages:[NSImage]?

我们实现我们点击选择启动图功能。

@IBAction func selectLaunchImageAction(_ sender: Any) {
    do {
        launchImages = try SFileManger.selectedLaunchImages()
    } catch SFileMangerError.message(let message) {
        alertMessage(message: message)
    } catch _ {

    }
}

我们新建一个NSViewController界面用来配置启动图的名称

我们自定义NSTableCellView类叫做LaunchNameCellView

把上面的控件进行连线

@IBOutlet weak var promptNameLabel: NSTextField! // 提示的文字
@IBOutlet weak var launchNameTextFiled: NSTextField! // 启动图的名字

新建一个类叫做LaunchNameViewController之后连线上面控件。

@IBOutlet weak var tableView: NSTableView!

@IBAction func saveAction(_ sender: Any) {
}

我们注册一下我们的自定义Cell

@IBOutlet weak var tableView: NSTableView! {
    didSet {
        let nib = NSNib(nibNamed: "LaunchNameCellView", bundle: nil)
        tableView.register(nib, forIdentifier: "LaunchNameCellView")
    }
}

我们在XIB连线一下代理 之后实现方法。

func settingData(name:String, promptValue:String) -> (_:String,_:String) {
    return (launchPromptName:name,promptValue:promptValue)
}


override func viewDidLoad() {
    super.viewDidLoad()
    data.append(settingData(name: "640x960高清名称", promptValue: "640x690_HD@2x.png"));
    data.append(settingData(name: "640x960名称", promptValue: "640x960@2x.png"));
    data.append(settingData(name: "640x1136名称", promptValue: "640x1136@2x.png"));
    data.append(settingData(name: "750x1334名称", promptValue: "750x1334@2x.png"));
    data.append(settingData(name: "1242x2208名称", promptValue: "1242x2208@3x.png"));
    self.tableView.reloadData()
}

//FIXME: - NSTableViewDataSource
func numberOfRows(in tableView: NSTableView) -> Int {
    return data.count
}

func tableView(_ tableView: NSTableView,
               viewFor tableColumn: NSTableColumn?,
               row: Int) -> NSView? {
    let view = tableView.make(withIdentifier: "LaunchNameCellView", owner: self)
    let cell:LaunchNameCellView? = view as? LaunchNameCellView
    let source = data[row]
    cell?.promptNameLabel.stringValue = source.0
    cell?.launchNameTextFiled.placeholderString = source.1
    return cell
}
func tableView(_ tableView: NSTableView, heightOfRow row: Int) -> CGFloat {
        return 50
 }

我们运行一下看一下配置界面的效果。

界面效果并不是我们想要的,我们再次的设置一下xib的约束。

我们设置选中Cell没有效果

tableView.selectionHighlightStyle = .none

最后我们查询到我们设置NSTableColum的宽度太窄导致的,我们全部就显示出来了。

我们在获取图片源的地方添加判断 选中的里面必须包含我们需要的图片。

var image640x960 = false
var image640x1136 = false
var image750x1334 = false
var image1242x2208 = false
if NSEqualSizes(NSSize.init(width: 640, height: 960), image!.size) {
    image640x960 = true
} else if NSEqualSizes(NSSize.init(width: 640, height: 1136), image!.size) {
    image640x1136 = true
} else if NSEqualSizes(NSSize.init(width: 750, height: 1334), image!.size) {
    image750x1334 = true
} else if NSEqualSizes(NSSize.init(width: 1242, height: 2208), image!.size) {
    image1242x2208 = true
}
guard image640x960 else {
    throw SFileMangerError.message("缺少640x960像素的图片")
}
guard image640x1136 else {
    throw SFileMangerError.message("缺少640x1136像素的图片")
}
guard image750x1334 else {
    throw SFileMangerError.message("缺少750x1334像素的图片")
}
guard image1242x2208 else {
    throw SFileMangerError.message("缺少1242x2208像素的图片")
}

代码下载

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 218,036评论 6 506
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 93,046评论 3 395
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,411评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,622评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,661评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,521评论 1 304
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,288评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,200评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,644评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,837评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,953评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,673评论 5 346
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,281评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,889评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,011评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,119评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,901评论 2 355

推荐阅读更多精彩内容