关于【积分获取】的说明关于【附件下载】的说明
查看: 134|回复: 2

小盒子 - 首款图形化制作原生iOS App的工具(二)

[复制链接]

6

主题

15

帖子

78

积分

注册会员

Rank: 2

积分
78
发表于 2020-5-7 10:09:43 | 显示全部楼层 |阅读模式

登录后查看更多内容,推荐微信扫码快速登录

您需要 登录 才可以下载或查看,没有帐号?【请使用下方微信快捷登录注册】

x

凡小渔


"小盒子"的优势100%纯原生
小盒子 是目前为止市面上唯一一款通过原生App(Mac端) 制作出原生App的工具。无需任何中间转换,所有效率上不是什么“接近原生”,因为它就是100%纯原生 。目前的版本只添加了一些基础功能,暂时看不到特别出彩的地方。 后续我会添加传感器、蓝牙、地图、自定义相机、3D Touch等和系统特性相关的功能,到时候一定会让大家眼前一亮。

巧妙的工程切换
2017年“小程序”的横空出世让手机用户看到了一种新的程序运行方式。但是创新都是有巨大风险的。“启动好慢! ",  "感觉好卡,和原生没法比”, "只是噱头,毫无用处" 类似的质疑声一直没有停过。但是“小程序"最终挺过来了,经过不断的优化,在性能方面开始逐渐被用户接受,现在它已经成了轻应用的代名词 。
基于平台背景和App的核心功能等因素,小程序入口太深的问题似乎不太好解决。虽然目前已经简化到只需要两步(下滑首页,点击图标)就可以打开一个小程序。但这两步足以让用户在潜意识里记得它外面还有一个壳子,这只是一个嵌套的app。
两年前我便开始考虑这样一个问题: 如果我来做一个仅包含小程序功能的app,我会如何去设计来让用户有一种沉浸式的体验,而不会想到这是一个程序中的程序。
iOS端小盒子的运行方式是我目前能想到的最好的方法。当很多用户下载app之后来问我:这只是一个任务管理工具啊? 我心中是暗自高兴的。
下面来看看“小盒子”打开一个工程的全过程。

newssstar.gif
登录/注册后可看大图
如果我不告诉你,你完全不会想到这是一个App中的App。
真正的切换操作只在你导入工程的那一瞬间。你下次打开应用就是你上次设置的工程文件。所有每个应用最好是添加一个工程文件列表(用来切换工程)。你可以将这个列表功能放在一个不起眼的按钮下。
replace.gif
登录/注册后可看大图
一键合成功能
目前iOS端是内置了一个工程包,它和用户自己通过Mac端设计出来的工程包一模一样。
为什么要用这样一个内置工程包,而不是新手引导相关的内容。
考虑到真正复杂的操作在Mac端,iOS只做展示用,所以没有做新手引导。
目前这样一个app对普通用户其实有点难理解,如果用户没有兴趣去自己设计或者还没有理解操作流程,iOS端对他们来说将完全没有用处。

所有我把一些已经有固定规范而设计起来细节较多的功能做成了一键添加的方式。首页的"任务列表" 和 “文件管理" 数据是所有工程文件共享的。在Mac端你只需要修改页面类型即可一键添加这两个功能。后续会将”下载管理"、文件传输等常用功能以同样的方式合入项目中。
页面设置.png
登录/注册后可看大图
交互
由于前期主要心思都花在功能实现上,所以在交互上完全用的程序员固有思维去设计的。可能对普通用户会比较难上手(后续会不断优化)。但是程序员应该不会陌生
网络数据工具,参考的postman界面风格
nettool.JPG
登录/注册后可看大图
数据库只涉及到表的设置,所以页面比较简单。页面风格和通用的数据表风格一致
dbtool.png
登录/注册后可看大图

程序内快捷的单条数据存储使用的键值对方式,页面设计和Xcode的plist一致

plisttool.png
登录/注册后可看大图

工程包的使用
在Mac端完成设计之后,导出工程包。这里可以设置工程包密码,设置后使用者必须输入密码才能使用工程。你还可以设置是否禁止再编辑,有些设计者可能只希望用户使用工程,但不想让用户看到工程包里的细节,勾选之后用户将无法在Mac端打开工程。后续可能会加入工程包的有效使用时间,让设计者有更多权限上的配置。
导出工程包之后,你只需要将其传给手机端并用iOS端小盒子打开即可。
这里介绍两种方法

方法一(推荐):
通过苹果的AirDrop(隔空投送) 将工程包传给手机,手机端接受后会自动打开“小盒子”App, 程序会弹出如下提示,点击立即切换后,程序将推出。再次打开app即可看到效果
IMG_4914.PNG
登录/注册后可看大图

方法二:
通过QQ或微信传给手机端。
在手机端点开文件详情后 点击“其他应用打开", 选择小盒子即可
IMG_4912.JPG
登录/注册后可看大图
IMG_4908.JPG
登录/注册后可看大图
IMG_4910.JPG
登录/注册后可看大图


写在最后
目前 小盒子 里面很多操作数据的交互对用户来说很陌生。培养用户操作习惯是一个难度很大的事情,接下来我会尽量的去优化交互部分。我也会不定时的分享出自己做出来的完整功能的工程包,让感兴趣的同学能快速上手。(感兴趣的同学可以收藏或关注 https://github.com/Yeekyo/xiaohezi , 分享的工程包会上传到这里)
应用的下载地址:

小盒子Mac端
小盒子iOS端


回复

使用道具 举报

6

主题

15

帖子

78

积分

注册会员

Rank: 2

积分
78
 楼主| 发表于 2020-5-7 10:11:40 | 显示全部楼层
回复

使用道具 举报

6

主题

15

帖子

78

积分

注册会员

Rank: 2

积分
78
 楼主| 发表于 2020-5-7 10:12:31 | 显示全部楼层
本帖最后由 蓝苹果 于 2020-5-7 10:14 编辑

地址 https://apps.apple.com/cn/app/%E ... /id1508069723?mt=12  
回复

使用道具 举报

本版积分规则

关闭

站长推荐上一条 /1 下一条

扫码发现更多源码

QQ|Archiver|手机版|小黑屋|小程序开发者论坛-汇集最优质源码、开发者教程、小程序资源

GMT+8, 2020-7-8 04:16 , Processed in 0.180306 second(s), 10 queries , File On.

Powered by Discuz! X3.3

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表