Toasts:便利贴、不干胶和牛皮癣

上一次是无聊吧啦了一下面包屑和烤面包,今儿认真的来讨论一下Toasts。

Toasts是一位绅士,它每次的出现都希望彰显绅士风度,尽量礼貌。但是,为了方便我们理解,我还是根据他出场的方式,为他量身打造了三个外号。
1.Sticky-不干胶
2.Dismissible-便利贴
3.Pester-牛皮癣

有时候,Toasts会默默的出现,等待你用目光示意它“哦,我知道了。”它过会就会自己退下。要是碰到你心情不好或者没有耐心跟他啰嗦,你也可以挥手赶它快走。就像便利贴一样,你可以动手撕了了它,也可以等它自己掉落。


便利贴.png

有时候,因为一些原因Toasts会像不干胶一样,一出现就黏在那里,一直到你动手去撕了它。不然,他不会消失。


不干胶.png

还有些时候,Toasts会变的有些不可理喻,它会坚持站在哪里等待你行注目礼,你对它动手它也不会走。更要命的事,你没法对它动手。建议你心情愉悦的留下它一个人独处,时间到了它就会自己消失。不然,你干瞪眼它也不会提前走。


牛皮癣.png

好了。我们了解清楚了Toasts的三种性格,接下来让我们看看作为绅士,Toasts是怎么保持自己良好的身材及优雅的行为举止。

Toasts是个天生的衣架子,穿什么衣服都很合适。它选择尺码的主要标准要决绝于内容的长度和内边距限制。


inside padding.png

但是,最小的长度不能小于480像素。为什么是480像素?为什么不能更小?我猜测主要原因是:首先这个最小宽度主要是针对web说的。如果在web页面上Toasts的宽度小于480像素,那么在移动端访问时,它就会显得有些“小家子气”。为了保持Toasts在各种端一致的绅士形象,所以,最好长度最好不要小于480像素啦。


minimum width 480px.JPG

还有一点你必须要注意,文字请千万不要换行。换行会让Toasts显得不修边幅,有时候。作为新晋贵族,Toasts是不允许自己如此行为不端的。

Toasts恪守的行为举止还有以下具体表现:

  • 它会永远站在画布(canvas)中间(排除左侧导航栏),驻足页面的顶部以确保你始终可以看到它,不管你上翻还是下滚页面,它都在那。

  • 同时出现两个以上的Toasts,他们会很有礼貌的让后来的站在最上面,余下的会按自己的出场顺序排队站好。因为先来的会先走。


    后来者居上.png
  • 偶尔发生了撞衫现象,它们也会优雅的合体,能一起出场就一并出场,绝对不会跟你玩车轮战。


    优雅合体.png

如此优雅体贴的Toasts真是人见人爱啊。但是,当创建操作将用户带到新创建的记录时,千万不要使用toast来确认成功,直接带用户去新创建的记录就可以了。因为这已经不是优不优雅的问题了,而是逻辑问题了。


哇哈哈.jpg

画蛇添足.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,816评论 6 492
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,729评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 158,300评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,780评论 1 285
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,890评论 6 385
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,084评论 1 291
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,151评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,912评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,355评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,666评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,809评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,504评论 4 334
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,150评论 3 317
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,882评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,121评论 1 267
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,628评论 2 362
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,724评论 2 351

推荐阅读更多精彩内容

  • 使用sketch最重要的一点是设计好控件的规范。 为做好设计规范需要对色彩进行编号,比如:color_a”_1,c...
    youyeath阅读 26,139评论 2 237
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,743评论 1 92
  • 从小到大我们总会遇到这样一种人“为了达到目的想尽一切方法,不择手段的争取利益”我们总会给这样一种人贴上标签“爱出风...
    爱笑的江同学阅读 1,071评论 0 3
  • 几日连绵的秋雨过后,风向明显不一样了,再不是燥热的南风,取而代之的是清冽的北风。因为时候未到,所以,此时的风,凉而...
    温暖的向日葵阅读 451评论 0 5
  • 人在生活中或多或少都会遇到一些温馨感动的场面,相比青春浪漫的执子之手让人艳羡,我更欣赏夕阳下互相搀扶的与子...
    锦心明道阅读 225评论 0 0