無需切圖復制黏貼即可。
從sketch里復制進入principle后潭陪,元素默認成為圖片雄妥,可以復制組或者單獨組件最蕾。
通過調節(jié)數(shù)值,運用運用對齊命令老厌,使其位置與sketch中相同瘟则。(可利用命名達到位置完全對應,詳見下期枝秤。)
三步生成滑動動效醋拧。
1:需要滑動部分成組。 ??2:為組指定上下滑動方式為scroll淀弹。 ? 3:修改組的邊界丹壕,下端小于等于屏幕。
注意:同時為“組”和“組內物體”指定滑動屬性薇溃,那么“組”將不可移動菌赖。
詳解:此時“組”可以理解成一個動效元素,為其指定滑動形式沐序,“組”內所有物體均擁有滑動動畫屬性琉用。當“組”被指定滑動屬性后,“組”內單個物體也可以被指定同樣的滑動屬性薄啥,這樣設置辕羽,整個組由于屬性矛盾而被固定在原地,但“組”仍然具有可被移動屬性垄惧。這個技巧在之后制作復雜動效時候運用刁愿。(今后將有詳解)
對組的理解
組的特色:組的邊界可以自由移動。
配合clip sublates可實現(xiàn)剪切效果(clip sublates:控制顯示和隱藏“組”邊界外的內容到逊。)
Radius命令控制圓角大小铣口,可利用這個命令作出圓形【鹾“組”同樣受這個命令控制脑题,可制作圓形剪切物體。
組的擴展
組中組多級別滑動效果叔遂。
1.三部創(chuàng)建整組滑動效果。調節(jié)組的邊界與屏幕大小相等争剿。
2.選擇組內物體新建組已艰,賦予新組左右滑動效果,滑動方式選擇“page”蚕苇,調節(jié)組的邊界與圖片相等哩掺。
注意:同一個組內可擁有若干組和物體,他們可共同完成這個動效涩笤。父級組會帶著子級組內物體一起運動嚼吞,子級組可具有新的運動方式盒件,且不影響父級組。
父級組內同時有兩張圖片做相同動效舱禽,此時需要讓著兩張圖片在一個子級組中炒刁。
注釋:從新理解組的邊界,在賦予組滑動效果時誊稚,組的邊界決定了滑動的范圍...
未完待續(xù)切心。