启动图第一篇教程

对于基本的工程设置我就不多说了，可以参考我一键替换测试和正式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像素的图片")
}

代码下载