(譯)MaterialDesign(九)-Choreography

其他文章

運動中的Material在過渡中共享元素的交互來一起用戶關(guān)注。
表面創(chuàng)建

交錯創(chuàng)建的新曲面的編排责鳍。

徑向反應(yīng)

將用戶輸入與觸摸波紋連接到表面反應(yīng)烫映。

連續(xù)性

通過仔細選擇跨過轉(zhuǎn)換共享的元素的數(shù)量和類型袱衷,在轉(zhuǎn)換期間保持清晰的焦點检吆。

所有內(nèi)容元素都是共享的

當表面擴大時,大量的元素在過渡期間應(yīng)保持可見曹洽。

復(fù)雜的轉(zhuǎn)換應(yīng)該保持單個元素可見(見下文)鳍置。

來自此展開的卡片的所有元素形成擴展的卡片的標題。
極少的共享內(nèi)容元素

當擴張表面時送淆,如果在轉(zhuǎn)換之后僅存在單個元件税产,則該元件應(yīng)該是轉(zhuǎn)換的焦點,控制所有其他元件偷崩。

將非共享內(nèi)容錨定到單個共享元素的移動辟拷。

如果視圖之間沒有共享元素,則將所有交叉漸變元素固定到表面阐斜,垂直移動衫冻。 表面修剪他自己中的內(nèi)容。

將所有非共享內(nèi)容錨定到表面擴展的垂直運動智听。
無共享平面(不推薦)

如果沒有公共平面在過渡中共享羽杰,新曲平面將從另一個位置進入屏幕渡紫,創(chuàng)建一個新的焦點到推。

多個共享元素

當在轉(zhuǎn)換期間多個元素保持可見時,應(yīng)僅包括最重要的元素惕澎。 一些元素可能在過渡期間消失莉测,但是一旦過渡完成,它們就會重新出現(xiàn)唧喉。

正確
正確的做法
使用最重要的共享元素將用戶的焦點引導(dǎo)到下一個視圖捣卤。
錯誤
錯誤的做法
避免創(chuàng)建沒有焦點的場景忍抽,例如通過使用許多共享元素或在轉(zhuǎn)換期間讓元素交叉路徑。
布局意識

當任何元素在轉(zhuǎn)換完成時未完全加載時董朝,請在元素出現(xiàn)的位置留出足夠的空間鸠项。 這防止了當元素最終出現(xiàn)時的布局偏移,并且避免當觸摸目標突然跳開時用戶的疑惑子姜。

正確
正確的做法
在過渡期間為未加載的元素騰出空間祟绊,并在完全加載后正常顯示它們。
錯誤
錯誤的做法
不要將布局作為元素加載到視圖中哥捕,因為這會分散注意力并導(dǎo)致焦點移動牧抽。

創(chuàng)建

新的Material表面及其內(nèi)容可以從沒有創(chuàng)建。

創(chuàng)建新平面

將新創(chuàng)建的界面與創(chuàng)建它們的元素或操作關(guān)聯(lián)遥赚。 新表面通常從觸摸點的徑向或矩形膨脹出現(xiàn)扬舒。

正確
正確的做法
此菜單從接觸點出現(xiàn),將元素綁定到觸摸點凫佛。
錯誤
錯誤的做法
此菜單顯示為遠離觸發(fā)它的觸摸點讲坎,破壞了其與輸入位置的關(guān)系。
編排界面

當同時創(chuàng)建多個新曲面時愧薛,快速交錯每個界面的外觀衣赶。 在單個方向創(chuàng)建清晰,平滑的焦點路徑厚满。

正確
正確的做法
列表項有一個公用的入口府瞄。 網(wǎng)格項從左到右,從上到下填充碘箍。
錯誤
錯誤的做法
列表的項目不應(yīng)同時出現(xiàn)在列表中遵馆。這樣會消除清晰的焦點。
錯誤
錯誤的做法
具有共同入口的項目不應(yīng)該以顛倒順序出現(xiàn)丰榴。
錯誤
錯誤的做法
在下一個項目之前货邓,不要等待每個項目完成動畫。 開始每個項目的交錯入口不超過20毫米四濒。
自主界面創(chuàng)建

在沒有用戶輸入或沒有原點的情況下創(chuàng)建的曲面應(yīng)該使用漸變换况,位置和縮放轉(zhuǎn)換的優(yōu)雅組合。

正確
正確的做法
自動觸發(fā)的界面平滑且快速地出現(xiàn)盗蟆。
錯誤
錯誤的做法
不建議使用過多的動畫效果

徑向反應(yīng)

使用徑向動作來表明用戶輸入和表面反應(yīng)之間的連接戈二。

使用觸摸波紋將屏幕反應(yīng)連接到觸摸點。
從觸摸點開始喳资,應(yīng)用欄會隨著新顏色向外波動而更改顏色觉吭。
用戶輸入

通過使用觸摸波紋將用戶輸入連接到屏幕反應(yīng),以指示觸摸點仆邓,并確認接收到觸摸輸入鲜滩。 對于觸摸或鼠標伴鳖,這發(fā)生在接觸點。

在觸摸點附近發(fā)生的屏幕反應(yīng)應(yīng)該比更遠離的反應(yīng)更早發(fā)生徙硅。

網(wǎng)格列表中的圖像在淡出的基礎(chǔ)上又加上了水紋波動的徑向反應(yīng)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末榜聂,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子嗓蘑,更是在濱河造成了極大的恐慌峻汉,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,204評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件脐往,死亡現(xiàn)場離奇詭異休吠,居然都是意外死亡,警方通過查閱死者的電腦和手機业簿,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,091評論 3 395
  • 文/潘曉璐 我一進店門瘤礁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人梅尤,你說我怎么就攤上這事柜思。” “怎么了巷燥?”我有些...
    開封第一講書人閱讀 164,548評論 0 354
  • 文/不壞的土叔 我叫張陵赡盘,是天一觀的道長。 經(jīng)常有香客問我缰揪,道長陨享,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,657評論 1 293
  • 正文 為了忘掉前任钝腺,我火速辦了婚禮抛姑,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘艳狐。我一直安慰自己定硝,他們只是感情好,可當我...
    茶點故事閱讀 67,689評論 6 392
  • 文/花漫 我一把揭開白布毫目。 她就那樣靜靜地躺著蔬啡,像睡著了一般。 火紅的嫁衣襯著肌膚如雪镀虐。 梳的紋絲不亂的頭發(fā)上箱蟆,一...
    開封第一講書人閱讀 51,554評論 1 305
  • 那天,我揣著相機與錄音粉私,去河邊找鬼顽腾。 笑死,一個胖子當著我的面吹牛诺核,可吹牛的內(nèi)容都是我干的抄肖。 我是一名探鬼主播,決...
    沈念sama閱讀 40,302評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼窖杀,長吁一口氣:“原來是場噩夢啊……” “哼漓摩!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起入客,我...
    開封第一講書人閱讀 39,216評論 0 276
  • 序言:老撾萬榮一對情侶失蹤管毙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后桌硫,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體夭咬,經(jīng)...
    沈念sama閱讀 45,661評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,851評論 3 336
  • 正文 我和宋清朗相戀三年铆隘,在試婚紗的時候發(fā)現(xiàn)自己被綠了卓舵。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,977評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡膀钠,死狀恐怖掏湾,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情肿嘲,我是刑警寧澤融击,帶...
    沈念sama閱讀 35,697評論 5 347
  • 正文 年R本政府宣布,位于F島的核電站雳窟,受9級特大地震影響尊浪,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜封救,卻給世界環(huán)境...
    茶點故事閱讀 41,306評論 3 330
  • 文/蒙蒙 一际长、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧兴泥,春花似錦工育、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,898評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至旭贬,卻和暖如春怔接,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背稀轨。 一陣腳步聲響...
    開封第一講書人閱讀 33,019評論 1 270
  • 我被黑心中介騙來泰國打工扼脐, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 48,138評論 3 370
  • 正文 我出身青樓瓦侮,卻偏偏與公主長得像艰赞,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子肚吏,可洞房花燭夜當晚...
    茶點故事閱讀 44,927評論 2 355

推薦閱讀更多精彩內(nèi)容

  • Material motion - 真實的動作 Motion in the world of material d...
    兩個朋友指甲閱讀 1,824評論 0 3
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理方妖,服務(wù)發(fā)現(xiàn),斷路器罚攀,智...
    卡卡羅2017閱讀 134,657評論 18 139
  • 一直羨慕有厚一點兒的嘴唇 涂口紅也比較好看 一日在電視上看到泰勒 斯威夫特 指著和爸爸說 我也想要這樣的厚嘴唇 我...
    柳澤ESTHER閱讀 195評論 0 0
  • 第一次在簡書上碼字党觅,不知道要寫些什么才夠深刻。就當是跟自己的對話吧^_^ 前幾天碰到幾個不常謀面的朋友斋泄,照例打招...
    林芳坪閱讀 739評論 0 0
  • 1杯瞻、每日金句:歲月不饒人,我亦未曾繞過歲月炫掐。 歲月總在那兒魁莉,不管你看不看它,管不管它卒废,它不緊不慢的走沛厨,從來沒有停過...
    奔跑的一夢閱讀 143評論 0 0