Protopie是什么焕檬?
無代碼原型工具烹吵,輕松組合即可制作交互動(dòng)效涤姊,擺脫代碼束縛體驗(yàn)感應(yīng)式交互疹瘦。
官網(wǎng)了解一下:http://www.protopie.cn/features/
總結(jié)出以下幾點(diǎn)protopie的優(yōu)勢:
1生蚁、自帶容器滾頁噩翠、滑頁,操作簡便邦投;各種范圍和手勢的關(guān)聯(lián)作用伤锚,好用得不行;
2志衣、交互手勢豐富屯援,支持3D touch、傾斜等傳感觸發(fā)念脯;關(guān)聯(lián)狞洋、條件設(shè)置等超級好用,筆芯绿店;
3吉懊、變量、表達(dá)式和函數(shù)解決各種數(shù)據(jù)問題惯吕,你值得擁有惕它;
4、自帶電腦預(yù)覽窗口废登,移動(dòng)端有對應(yīng)預(yù)覽app淹魄,實(shí)時(shí)查看可通過掃二維碼、連接設(shè)備IP地址堡距、usb端口三種方式連接甲锡,還可以保存成離線狀態(tài)文件;
后續(xù)的教程中會(huì)陸續(xù)涉及到以上幾點(diǎn)羽戒,今天先簡單介紹下載和界面分布缤沦。
一、Protopie工具下載
小伙伴們可以到上面提到的官網(wǎng)直接下載protopie試用版易稠,鏈接在此http://www.protopie.cn/download/
一般試用為7天缸废,注冊后加10天試用時(shí)間,過了試用期需要購買正版軟件(支持正版),我的是在淘寶上荔枝數(shù)碼買的中文版企量,299元(不是廣告謝謝)测萎,國際版跟中文版一樣,但是價(jià)格是2倍届巩,我也不知道為啥硅瞧,??
另外,官網(wǎng)偶爾會(huì)做做活動(dòng)恕汇,已然錯(cuò)過了半價(jià)時(shí)間腕唧,哭戚戚。瘾英。
二枣接、界面簡介
1、元素選擇
可添加圖片方咆、視頻月腋、矩形、圓形瓣赂、文本榆骚、輸入文本、容器
2煌集、尺寸/場景切換
支持ios妓肢、安卓、平板及自定義尺寸苫纤;可切換和管理不同的場景
3碉钠、作品演示(觸發(fā)除外)
預(yù)覽窗口、設(shè)備連接卷拘、播放(連接到手機(jī)后)喊废、云端(顯示最新一次上傳結(jié)果)、上傳至云端(直接上傳本次文檔)
云端和上傳都是建立在有賬號的基礎(chǔ)上哦~
4栗弟、圖層區(qū)
顯示本場景下的所有圖層的名稱污筷、順序、包含關(guān)系乍赫,直接雙擊名稱可修改瓣蛀,位置可拖動(dòng)進(jìn)行調(diào)整。
各圖層均可進(jìn)行鎖定/解鎖和顯示/隱藏操作雷厂。
圖層下有變量設(shè)置區(qū)域惋增,可添加兩種變量,一是適用于所有場景改鲫,而是僅適用于當(dāng)前場景诈皿,變量如何使用林束,后面還會(huì)有章節(jié)詳細(xì)描述。
5稽亏、屏幕展示區(qū)
僅在屏幕區(qū)域內(nèi)的內(nèi)容能被看到诊县,無論是預(yù)覽窗口還是手機(jī)app。
6措左、添加交互+觸發(fā)區(qū)
Protopie的核心功能區(qū)域包含添加觸發(fā)動(dòng)作、動(dòng)作形式避除、動(dòng)畫時(shí)間軸怎披,每一個(gè)操作對應(yīng)的屬性在圖層屬性區(qū)進(jìn)行編輯。觸發(fā)動(dòng)作豐富瓶摆,如下:
另外單個(gè)動(dòng)作下可選擇不同的動(dòng)作形式凉逛,靈活運(yùn)用效果非常強(qiáng)大。
7群井、圖層屬性區(qū)
顯示每個(gè)圖層屬性状飞,包括有位置、大小书斜、錨點(diǎn)诬辈、旋轉(zhuǎn)、透明度荐吉、圓角焙糟、填充色(不可設(shè)置描邊)、文本大小样屠、位置穿撮、默認(rèn)文本等,容器有選擇是否可滾頁痪欲、滑頁悦穿、是否剪切子層內(nèi)容等功能。
以上业踢,了解了界面后栗柒,我們開始拿實(shí)際項(xiàng)目做一下吧~