日本伦理电影片观看,伦理剧,伦理在线,日本伦理片,手机伦理电影

綠色排版東西|熱點專題|網站輿圖|
您確當前地位:網站首頁 > 產物經營 > 注釋

Protopie教程:登錄頁轉場殊效

來歷: 編輯: 時候:2019-11-18 15:19:43 瀏覽:次

本篇教程將揭示若何利用Protopie建造一個登錄頁轉場殊效?O(∩_∩)O

Protopie教程:登錄頁轉場殊效

一、終究結果

Protopie教程:登錄頁轉場殊效

二、常識點

  • 場景:利用增添場景功效,可以或許或許建造包羅多個頁面的原型;設想龐雜的交互結果時,也可以或許或許將每一個交互細節別離建造在差別的場景上以便利存檔。
  • 主動加載:運轉原型或場景轉換時,無需其余觸發舉措便可主動履行反映。
  • 轉場:場景的轉換;轉場至-跳轉到指定的場景。

三、建造進程

本次教程,咱們會打仗到一個很主要的功效:場景。

起首咱們在默許場景,增添咱們須要的按鈕元素,以下圖:

Protopie教程:登錄頁轉場殊效

當咱們點擊按鈕時,按鈕背景鋪滿全部頁面,上面咱們為按鈕增添“單擊”舉措,并且增添以下參數:

  • 圓角:將“Facebook背景”層圓角設置為0
  • 巨細:將“Facebook背景”層巨細設置為380×40
  • 通明度:將“Login with Facebook”層通明度設置為0
  • 巨細:將“Facebook背景”層巨細設置為380×750,并且將提早起頭值設置為0.2
  • 轉場:這里挑選場景2,若是你的選項中不場景2,請先在頂部菜單增添

Protopie教程:登錄頁轉場殊效

至此,咱們實現了點擊按鈕后的切換頁面結果,上面咱們切換到“場景2”,持續編輯殊效。

Protopie教程:登錄頁轉場殊效

起首咱們看一了局景2的元素:

Protopie教程:登錄頁轉場殊效

當從場景1點擊按鈕進入場景2時,默許一切元素都是通明的,經由過程“主動加載”將元素揭示出來,咱們須要在場景2中增添“主動加載”的舉措,并且為該舉措,增添元素顯現的殊效。

  • 通明度:將“前往”容器層,設置通明度為100
  • 挪動:將“前往”容器層,設置挪動后的坐標13×19,為了發生挪動的殊效,默許“前往”容器層的坐標為33×19
  • 通明度:將“描寫”容器層,設置通明度為100,并且提早起頭設為0.2
  • 通明度:將“OK + CANCEL”容器層,設置通明度為100,并且提早起頭設為0.7

Protopie教程:登錄頁轉場殊效

至此,咱們實現了點擊按鈕后的跳轉至場景2,同時場景2元素靜態顯現的結果。

為了可以或許或許實現場景2前往場景1的殊效,咱們還設置了,經由過程點擊左上角前往按鈕,切換至場景1的殊效。

起首挑選“標的目的-左”層,建立“單擊”舉措,并且為舉措增添“通明度”和“轉場”參數,這里就不具體說了然,設置與場景1切換至場景2不異,可以或許或許在源文件中檢查。

可是這里在設置轉場時,須要勾選“重置當選場景”,至于這個選項的感化,大師可以或許或許試一試,看看勾選和沒勾選的環境下,結果有甚么區分。

Protopie教程:登錄頁轉場殊效

至此,咱們實現了該教程,但愿可以或許或許贊助到您~

源文件下載

http://pan.baidu.com/s/1Zp9w8Lhpk3I0iFR8SvATcQ

 

作者:ZQZ原型師,專一原型設想/交互設想

本文由 @ZQZ原型師 首創宣布于大師都是產物司理,未經允許,制止轉載。

題圖來自作者。

圖文精選:

欄目分類
最新文章
熱點文章
保舉文章

Copyright?2012-2019 小螞蟻信息網版權一切 粵ICP備14061018號


慎重申明:本網站資本、信息來歷于收集,完整收費同享,僅供進修和研討利用,版權和著述權歸原作者一切,若有不情愿被轉載的環境,請告訴咱們刪除已轉載的信息。

Top 日本伦理电影片观看,伦理剧,伦理在线,日本伦理片,手机伦理电影 百度 好搜 搜狗

警告:本站禁止未滿18周歲訪客瀏覽,如果當地法律禁止請自覺離開本站!收藏本站:請使用Ctrl+D進行收藏