輕松使用Principle拯杠,初學者的簡單技巧掏婶。

無需切圖復制黏貼即可。


從sketch里復制進入principle后潭陪,元素默認成為圖片雄妥,可以復制組或者單獨組件最蕾。

通過調節(jié)數(shù)值,運用運用對齊命令老厌,使其位置與sketch中相同瘟则。(可利用命名達到位置完全對應,詳見下期枝秤。)

三步生成滑動動效醋拧。

1:需要滑動部分成組。 ??2:為組指定上下滑動方式為scroll淀弹。 ? 3:修改組的邊界丹壕,下端小于等于屏幕。

注意:同時為“組”和“組內物體”指定滑動屬性薇溃,那么“組”將不可移動菌赖。

詳解:此時“組”可以理解成一個動效元素,為其指定滑動形式沐序,“組”內所有物體均擁有滑動動畫屬性琉用。當“組”被指定滑動屬性后,“組”內單個物體也可以被指定同樣的滑動屬性薄啥,這樣設置辕羽,整個組由于屬性矛盾而被固定在原地,但“組”仍然具有可被移動屬性垄惧。這個技巧在之后制作復雜動效時候運用刁愿。(今后將有詳解)

對組的理解

組的特色:組的邊界可以自由移動。

配合clip sublates可實現(xiàn)剪切效果(clip sublates:控制顯示和隱藏“組”邊界外的內容到逊。)

理解clip sublates


Radius命令控制圓角大小铣口,可利用這個命令作出圓形【鹾“組”同樣受這個命令控制脑题,可制作圓形剪切物體。

巧用Radius命令铜靶。

組的擴展

組中組多級別滑動效果叔遂。

1.三部創(chuàng)建整組滑動效果。調節(jié)組的邊界與屏幕大小相等争剿。

2.選擇組內物體新建組已艰,賦予新組左右滑動效果,滑動方式選擇“page”蚕苇,調節(jié)組的邊界與圖片相等哩掺。

注意:同一個組內可擁有若干組和物體,他們可共同完成這個動效涩笤。父級組會帶著子級組內物體一起運動嚼吞,子級組可具有新的運動方式盒件,且不影響父級組。

父級組內同時有兩張圖片做相同動效舱禽,此時需要讓著兩張圖片在一個子級組中炒刁。

注釋:從新理解組的邊界,在賦予組滑動效果時誊稚,組的邊界決定了滑動的范圍...

未完待續(xù)切心。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市片吊,隨后出現(xiàn)的幾起案子绽昏,更是在濱河造成了極大的恐慌,老刑警劉巖俏脊,帶你破解...
    沈念sama閱讀 206,482評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件全谤,死亡現(xiàn)場離奇詭異,居然都是意外死亡爷贫,警方通過查閱死者的電腦和手機认然,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,377評論 2 382
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來漫萄,“玉大人卷员,你說我怎么就攤上這事√谖瘢” “怎么了毕骡?”我有些...
    開封第一講書人閱讀 152,762評論 0 342
  • 文/不壞的土叔 我叫張陵,是天一觀的道長岩瘦。 經(jīng)常有香客問我未巫,道長,這世上最難降的妖魔是什么启昧? 我笑而不...
    開封第一講書人閱讀 55,273評論 1 279
  • 正文 為了忘掉前任叙凡,我火速辦了婚禮,結果婚禮上密末,老公的妹妹穿的比我還像新娘握爷。我一直安慰自己,他們只是感情好严里,可當我...
    茶點故事閱讀 64,289評論 5 373
  • 文/花漫 我一把揭開白布新啼。 她就那樣靜靜地躺著,像睡著了一般田炭。 火紅的嫁衣襯著肌膚如雪师抄。 梳的紋絲不亂的頭發(fā)上漓柑,一...
    開封第一講書人閱讀 49,046評論 1 285
  • 那天教硫,我揣著相機與錄音叨吮,去河邊找鬼。 笑死瞬矩,一個胖子當著我的面吹牛茶鉴,可吹牛的內容都是我干的。 我是一名探鬼主播景用,決...
    沈念sama閱讀 38,351評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼涵叮,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了伞插?” 一聲冷哼從身側響起割粮,我...
    開封第一講書人閱讀 36,988評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎媚污,沒想到半個月后舀瓢,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,476評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡耗美,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 35,948評論 2 324
  • 正文 我和宋清朗相戀三年京髓,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片商架。...
    茶點故事閱讀 38,064評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡堰怨,死狀恐怖,靈堂內的尸體忽然破棺而出蛇摸,到底是詐尸還是另有隱情备图,我是刑警寧澤,帶...
    沈念sama閱讀 33,712評論 4 323
  • 正文 年R本政府宣布赶袄,位于F島的核電站诬烹,受9級特大地震影響,放射性物質發(fā)生泄漏弃鸦。R本人自食惡果不足惜绞吁,卻給世界環(huán)境...
    茶點故事閱讀 39,261評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望唬格。 院中可真熱鬧家破,春花似錦、人聲如沸购岗。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,264評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽喊积。三九已至烹困,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間乾吻,已是汗流浹背髓梅。 一陣腳步聲響...
    開封第一講書人閱讀 31,486評論 1 262
  • 我被黑心中介騙來泰國打工拟蜻, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人枯饿。 一個月前我還...
    沈念sama閱讀 45,511評論 2 354
  • 正文 我出身青樓酝锅,卻偏偏與公主長得像,于是被迫代替她去往敵國和親奢方。 傳聞我的和親對象是個殘疾皇子搔扁,可洞房花燭夜當晚...
    茶點故事閱讀 42,802評論 2 345

推薦閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn)蟋字,斷路器稿蹲,智...
    卡卡羅2017閱讀 134,599評論 18 139
  • 國家電網(wǎng)公司企業(yè)標準(Q/GDW)- 面向對象的用電信息數(shù)據(jù)交換協(xié)議 - 報批稿:20170802 前言: 排版 ...
    庭說閱讀 10,869評論 6 13
  • 發(fā)現(xiàn) 關注 消息 iOS 第三方庫、插件鹊奖、知名博客總結 作者大灰狼的小綿羊哥哥關注 2017.06.26 09:4...
    肇東周閱讀 12,024評論 4 62
  • 天空怎會懂得你的心场绿,只是點點雨滴從天而降,融化為心涼嫉入。白夜之中焰盗,路在何處,白日的夜咒林,贊嘆著熬拒,行進著,升華著垫竞。觸摸不...
    正捌閱讀 294評論 15 17
  • 神奇雅丹
    戈壁雅丹閱讀 191評論 3 2