锤子开源 One Step 功能 一图看懂它 -ZAKER新闻
昨日早上，锤子科技正式宣布，一步（One Step）功能现已经正式在 GitHub 平台开源，其中包括一步（One Step）功能的所有框架底层和 UI 的代码，以及实现了 Smartisan SDK 的开源。锤子 Smartisan OS 的一步（One Step）功能是指，在一段文字中，如果有时间事项，它能够自动识别时间，你只需要轻松一步，拖拽将其拉到日历图标上，就能够自动生成日历事件，并将调至相应时间。为了让你们感受这个功能又多强大，笔者还特别录制了屏幕（锤子手机自带录屏的功能）。想起被会议，演出，电影，交稿截止塞满的日历，对 One Step 产生了一种依赖感。那种感觉就像有了指纹解锁之后，输入密码就变成了消遣。将大量图片一键发送，把朋友发来照片发朋友圈，这些操作的简化带来的通畅体验真的是没有其它手机可以与之抗衡。从现在开始，所有的手机厂商与应用的开发者都能修改并使用此功能的源代码，在自己的系统上完成并实现更优秀的人机交互。锤子科技长期致力于开源事业，多次向开源组织捐款。笔者不得不给老罗点个赞！｜最新最全手机科技数码资讯，尽在安卓中国！ 关注微信公众号：安卓论坛（anzhuo-cn）、好机友（jiyou3g）｜登陆安卓中国官网浏览更多精彩资讯（http://www.anzhuo.cn）。
相关标签：
原网页已经由 ZAKER 转码排版
数码测评昨天
电脑之家15小时前
雷科技昨天
腾讯数码 昨天
腾讯数码 2小时前
腾讯数码 2小时前
腾讯数码 4小时前
腾讯数码 2小时前
数字尾巴6小时前
数码测评3小时前
腾讯数码 7小时前
电脑领域HKEPC8小时前
爱搞机8小时前
腾讯数码 8小时前
腾讯数码 8小时前注册 | 登录
Axure原型设计工场，欢迎关注
零基础学产品，BAT产品总监带，2天线下集训+1年在线课程，全面掌握优秀产品经理必备技能。
这是一个趣味的原型案例：如何使用Axure实现One Step的交互效果。
锤子手机的易用性一向值得称赞，坚果Pro也在上市以来常常被老罗亲自各种曝光，在坚果Pro发布会上的一度哽咽也让老罗自己感动的不行。
是的，我们来看看被推崇的三大功能之一的One Step，看看如何使用Axure来实现这样的交互效果。
这里只演示One Step的选中QQ中的文字内容，然后拖动，再释放到指定App图标上的交互效果。
1.添加头部
为了看起来更真实，我们以截图代替，放在上方。
2. 添加内容区域
内容区域以QQ对话框为例，添加一个矩形，宽度比头部稍微小一点（右侧要空出位置放图标列表），高度470，背景颜色为浅灰色。
3. 添加右侧应用APP列表
添加一个矩形框作为背景，大小50*470，背景和头部背景颜色一致。
4. 添加QQ聊天区域内容
分别添加两个头像，以及对应的文字内容，注意第一个人的文字内容的气泡实现方式，是用一个带有圆角的矩形，和一个三角形的组合，三角形放置一定的角度（为了示意，以红色形状表示）。
组后后的内容里输入文字，文字的左边距设置大一点：20，这样文字就在箭头靠右位置了。
5. 添加右侧App图标列表
因为拖动的目标APP的图标不是这个APP列表，而是切换后的分享快捷方式列表，因此我们还是以截图代替。
选择右侧黑色矩形背景和图标列表截图，右键转换为动态面板，取消动态面板的“自动调整为内容尺寸”勾选，保持动态面板的固定大小，给动态面板命名为app_list。
给动态面板app_list添加一个新的状态，双击新加的状态进入编辑。
从锤子手机One Step的快捷方式列表中截图一下背景，取一小块绿色草地，作为动态面板app_list状态2的背景：
然后设置背景图片的填充方式为“重复图片”，这样背景就会被重复填充：
添加各个快捷方式图标，以小图标图片代替：
分别给图标命名app1~app7，在拖动内容到这些图标上时，图标会被放大，移出后图标大小还原。
6. 文字拖动内容
在鼠标按下QQ聊天中的文字内容时，会弹出一个小窗口，内容为当前的聊天内容文字，蓝色背景白色文字，修改形状为带有下三角形的，有边框，稍微粗一点，调整下方三角形的位置到中间。
然后旋转这个形状180度，但文字角度不变，右键转换为动态面板，命名为tips。
给动态面板tips添加一个状态2，里面什么内容也不用放，并将状态2放在上层，作为tips的初始状态，设置动态面板“自动调整为内容尺寸”为取消勾选状态，然后将tips放在第一个聊天记录内容上方。
这样在初始状态时，这个蓝色提示被拖动的文字处于不可见状态，因为状态2在动态面板的最上层，而且里什么内容也没有，但是支持响应的事件，可以用来处理拖动事件效果。
为了响应元件范围的判断条件，我们在tips的状态箭头上方再添加一个小的三角形，只有当这个小三角形和快捷方式的图标相接触时才响应，命名形状为sanjiao。
界面内容已经准备妥当，现在就开始处理事件了。
事件的处理流程说明：
鼠标在第一条聊天记录处长按，会响应tips的鼠标长按事件。
响应鼠标长按事件后，切换右侧的app_list为第二个状态，配合向左滑动动画。
同时响应动态面板tips的鼠标长按事件，切换tips状态到状态1，即显示文字提示内容。
响应动态面板tips的拖动事件，移动动态面板tips。
移动动态面板tips到app_list的图标1上，图标1放大显示，移出后，图标大小还原。
松开鼠标后，app_list还原到状态1，同时隐藏tips并移动到初始位置。
整个事件流程完成。
1. 动态面板tips的鼠标长按事件
先设置当前动态面板状态为State1，即显示蓝底白字的提示文字
再切换动态面板app_list状态为State2，配合向左滑动的动画效果。
2. 动态面板tips拖动事件
动态面板在响应鼠标长按事件后，同时开始响应拖动事件。
添加判断条件，如果形状sanjiao接触到图标app1（即instagram图标）时，继续移动动态面板tips1，然后设置图标app1的大小为42*42，配合动画效果为从中心以线性放大。
否则，继续移动动态面板tips1，还原图标app1的大小为37*37，同样的动画效果。
3. 动态面板鼠标松开事件
1）鼠标松开时，切换图标列表app_list状态为State1，配合向右滑动动画。
2）设置动态面板tips为状态State2，即空白内容，并将tips移动到初始位置（73，109）。
事件处理完成，F5预览一下效果，拖动tips到图标app1上时，测试一下移入和移出效果，即响应元件范围判断条件。
这是一个趣味的原型案例，总结一下所应用到的知识点如下：
多个形状的组合，实现聊天气泡形状，一些特殊形状的创建技巧
动态面板鼠标长按时间、动态面板拖动事件、松开事件，注意状态1中设置为空白内容+动态面板“自动调整为内容尺寸“也是一个小技巧
条件判断：元件范围接触判断，这是重点哦！
动态面板背景图片的填充效果
动态面板的状态切换
通过图片设置大小，配合动画效果，实现图标的放缩
源文件下载
作者链接: https://pan.baidu.com/s/1pK7z5k3 密码: tj85
官方链接：http://pan.baidu.com/s/1qYryDly 密码：t6f8
本文由 @Axure原型设计工场 原创发布于人人都是产品经理。未经许可，禁止转载
赞赏是对原创者的最大认可
赞赏4人打赏
收藏已收藏 | 38赞已赞 | 6
Axure原型设计工场，欢迎关注
产品经理群
运营交流群
品牌营销群
文案交流群
Axure交流群
关注微信公众号
大家都在问
6个回答6人关注
7个回答5人关注
7个回答6人关注
11个回答10人关注
10个回答8人关注
14个回答12人关注经验858 米
在线时间5 小时
版本V9.2.3.0.NCACNEK
积分 886, 距离下一级还需 1114 积分
积分 886, 距离下一级还需 1114 积分
机型未知设备
签到次数52
MIUI版本V9.2.3.0.NCACNEK
3.jpg (54.94 KB, 下载次数: 2)
Bigbang和onestep
分享到微信朋友圈
打开微信，点击底部的“发现”，使用 “扫一扫” 即可将网页分享到我的朋友圈。
经验18120 米
在线时间127 小时
机型未知设备
签到次数66
MIUI版本8.8.6
小米还说有分屏幕呢
经验1972 米
在线时间95 小时
机型未知设备
签到次数101
MIUI版本8.8.2
通过手机发布
经验992 米
在线时间51 小时
版本8.1.25
积分 1080, 距离下一级还需 920 积分
积分 1080, 距离下一级还需 920 积分
机型未知设备
签到次数49
MIUI版本8.1.25
微信支付到现在都没搞定。
经验15176 米
在线时间150 小时
版本8.6.21
机型未知设备
签到次数157
MIUI版本8.6.21
老罗说会开源，我想知道什么时候我能用上。。。
经验3588 米
在线时间44 小时
版本8.6.12
机型未知设备
签到次数36
MIUI版本8.6.12
也有可能会自己做，然后会比锤子的好
经验225939 米
威望2146 米
在线时间0 小时
机型小米MIX 2
签到次数234
MIUI版本8.8.9
很真有人提
各位开发组以及其他官方人员你好，如果我的回复有错误，在你不忙的时候请麻烦回复我纠正下，谢谢
做下广告，
经验6176 米
在线时间238 小时
机型未知设备
签到次数68
MIUI版本8.7.9
radium0518 发表于
微信支付到现在都没搞定。
你去升级下系统吧。
经验34778 米
在线时间309 小时
机型未知设备
签到次数70
MIUI版本8.8.8
其实透过现象看本质，就是全局选择性复制，单身模式?侧边栏?全局拖拽。
经验2986 米
在线时间63 小时
版本6.12.22
积分 2974, 距离下一级还需 2026 积分
积分 2974, 距离下一级还需 2026 积分
机型小米手机4
签到次数230
MIUI版本6.12.22
不管怎么说，还是希望miui越来越好用，向别人借鉴不可耻，我们只是希望miui越来越好用，越来越强大
MIUI 10专属勋章
参加回帖活动
万圣节勋章
参加回帖活动
MIUI 9纪念勋章
2017年小金鸡勋章
回复2016年度评选活动贴
APP 1000万
MIUI论坛APP注册用户突破1000万纪念勋章
为奥运加油勋章
为奥运加油勋章
MIUI七周年
小火箭勋章
神舟11号 话题活动
已关注微信
已关注极客秀微信
关注新浪微博
已关注新浪微博
MIUI 300周
MIUI 300周更新纪念勋章
点赞金米兔勋章
参加小米上市回帖活动
2018新年勋章
参与回帖活动
2017圣诞节勋章
参与回帖活动
MIUI3亿用户纪念勋章
参与回帖活动
感恩节勋章
参与回帖活动
米兔月饼勋章
参加回帖活动
MIUI七夕鹊桥勋章
小米7周年勋章
2017米粉节晒单赢专属勋章
“澎湃S1 ”芯片纪念勋章
参与活动回帖可得
参与红米Note 4X活动
MIUI 7纪念勋章
MIUI六周年
MIUI六周年纪念勋章
全局搜索纪念勋章
参加全局搜索内测
小米众筹2周年
参加回帖活动
新版论坛APP
更新新版APP
内测督查勋章
内测督查员专属勋章
MIUI 3000万
MIUI 3000万发烧友纪念勋章
MIUI 2000万
MIUI 2000万发烧友纪念勋章
小米商城购买纪念勋章
论坛APP购买小米商品获得
优秀解答组
优秀解答组员专属勋章
小米平板2 Win10 荣誉内测
小米平板2 Win10 荣誉内测
MIUI五周年
MIUI五周年纪念勋章
关注腾讯微博
已关注腾讯微博
MIUI年度优秀勋章
Copyright (C) 2017 MIUI
京ICP备号 | 京公网安备34号 | 京ICP证110507号锤子one step app v1.2.2
25.8Mv9.0.53.276829.8Mv4.2.857.2Mv2.18.5.2410.2Mv5.125.8Mv6.04.128.2Mv8.20.111.0Mv6.0.57.9Mv7.2.0
软件介绍软件截图相关下载相关视频网友评论下载地址
锤子one step app软件截图
锤子one step app相关版本
锤子one step app多平台下载
锤子one step app相关视频
版本：v3.7.0大小：4.7M分类：系统工具版本：v3.0.1大小：14.8M分类：生活服务版本：v3.4.0大小：20M分类：生活服务
锤子one step app相关文章
手机相册软件
锤子手机软件
14.2Mv9.2.119.8Mv4.2.8510.1Mv7.1.8111.3Mv7.0.3.42.6Mv2.03.9Mv1.6.0最新版16.8Mv5.2.27.9Mv7.2.0锤子手机One Step功能兑现开源承诺 附开源地址
在锤子Smartisan M1/M1L的发布会上，罗永浩承诺会对One Step功能开源，今天其兑现了诺言。
锤子科技今天宣布，目前包括一步（One Step）功能的所有框架层和UI实现层的代码，以及实现了Smartisan SDK的开源。
手机厂商与应用开发者都能修改并使用此功能的源代码，以完成并实现更优秀的人机交互。
还真是业界一股清流...
开源地址：
锤子手机One Step功能兑现开源承诺 附开源地址
您可能也感兴趣:
官方微博/微信
每日头条、业界资讯、热点资讯、八卦爆料，全天跟踪微博播报。各种爆料、内幕、花边、资讯一网打尽。百万互联网粉丝互动参与，TechWeb官方微博期待您的关注。
↑扫描二维码
想在手机上看科技资讯和科技八卦吗？想第一时间看独家爆料和深度报道吗？请关注TechWeb官方微信公众帐号：1.用手机扫左侧二维码；2.在添加朋友里，搜索关注TechWeb。
Copyright (C)
All rights reserved. 京ICP证060517号/京ICP备号 京公网安备76号
TechWeb公众号
机情秀公众号}