1,创建工程,分为3步走,如图示意(本文针对有一定iOS开发经验的读者,不再一一赘述细节。ps:笔者虽然不是一个小白了,但是内心还是很白的。郑重声明:未成年人禁止入内!)

2,填写demo信息 点击下一步,创建工程

3,这里会自动生成一个带故事板的工程,这里只需要在工程右侧拖一个tableview控件到控制器里,运行项目,就可以显示了。(这里搜索控件的时候,可以去掉类名的前缀,因为iOS和Mac的类名前缀是不一样的,好处你要自己感悟 UI打出来你是搜不到任何东西的,MacApp的类名前缀是NS开头,刚接触你的肯定有些不习惯)

4,IB连线添加一个tableview,直接连属性的时候,选中左边的tableview类,不要直接从视图上连,你会连到NSScrollView类。

5,设置tableview属性

6,设置cell为图标和文字的样式,并设置属性和标识


7,运行后,效果如下图,到这里就成功了一半了。下面开始添加数据源

8,创建model,添加2个属性,一个是name,一个是appIcon

9,添加delegate和datasource是为了能打出tableview的方法,初始化数据源,这里我使用懒加载

10,填充数据,这里我封装了一个方法获取数据,到这里就结束了。运行效果如下。



参考资料:链接地址(文中的MainMenu.xib文件的创建不是很详细,这里我也问了作者。现在这种方式的创建很麻烦,主要我不太习惯使用IB操作,有时间的话可以补充一下这种操作。目前我使用的是默认的故事板,程序已经配置好了)
细节补充:运行程序,点击关闭,在Dock中点击,程序不启动,必须手动退出才能启动。需要添加如下代码

优化:可以新增用户使用的App,添加App的名称和Icon。点击选中App,可以查看、预览、更换App名称和图标,也就是基本的增删改查。
源码地址:GitHub地址
以上只是个人看法,如有不对请更正,欢迎指教。
网友评论