前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >启动图第一篇教程

启动图第一篇教程

作者头像
君赏
发布2018-08-31 16:13:00
6270
发布2018-08-31 16:13:00
举报
文章被收录于专栏:君赏技术博客君赏技术博客

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

这是首页的界面。

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

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

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

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

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

代码语言:javascript
复制
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新建一个变量保存我们选择的图片

代码语言:javascript
复制
/// 保存之前选择的图片
var launchImages:[NSImage]?

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

代码语言:javascript
复制
@IBAction func selectLaunchImageAction(_ sender: Any) {
    do {
        launchImages = try SFileManger.selectedLaunchImages()
    } catch SFileMangerError.message(let message) {
        alertMessage(message: message)
    } catch _ {

    }
}

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

我们自定义NSTableCellView类叫做LaunchNameCellView

把上面的控件进行连线

代码语言:javascript
复制
@IBOutlet weak var promptNameLabel: NSTextField! // 提示的文字
@IBOutlet weak var launchNameTextFiled: NSTextField! // 启动图的名字

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

代码语言:javascript
复制
@IBOutlet weak var tableView: NSTableView!

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

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

代码语言:javascript
复制
@IBOutlet weak var tableView: NSTableView! {
    didSet {
        let nib = NSNib(nibNamed: "LaunchNameCellView", bundle: nil)
        tableView.register(nib, forIdentifier: "LaunchNameCellView")
    }
}

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

代码语言:javascript
复制
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没有效果

代码语言:javascript
复制
tableView.selectionHighlightStyle = .none

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

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

代码语言:javascript
复制
var image640x960 = false
var image640x1136 = false
var image750x1334 = false
var image1242x2208 = false
代码语言:javascript
复制
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
}
代码语言:javascript
复制
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像素的图片")
}

代码下载

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016.11.16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档