【问题标题】:How to implement a custom Toast in Sencha Touch app?如何在 Sencha Touch 应用中实现自定义 Toast?
【发布时间】:2016-05-10 21:09:18
【问题描述】:

我正在尝试自定义 Toastin Sencha 触摸,但不是居中弹出窗口,而是从右侧出现并淡出的 Toast.. 像“推送通知”样式。

自定义样式和其他参数很简单,但我没有找到实现此布局的正确方法。

在这里你可以看到一个基本的自定义实现的小提琴:

https://fiddle.sencha.com/#fiddle/1a1v

【问题讨论】:

    标签: javascript css extjs sencha-touch


    【解决方案1】:

    刚刚保存在你的小提琴上,试试这个

    Ext.toast({
        message:'Hello Sencha!',
        centered: false,
        width: 300,
        height: 50,
        top: 0,
        right: 10
    });
    

    【讨论】:

    • 如果你想改变动画,你应该看看 showAnimation/hideAnimation 配置并用你想要的动画设置它们。不确定这是否在 Sencha Touch 上完美运行
    • 顺便说一句,我在看 showAnimation 不工作,但这个 conf 工作正常:Ext.toast({ message: label, centered: false, width: 200, height: 100, top: '80%', hideOnMaskTap: false, right: 10, type: 'slide', duration: 850, easing: 'ease-out', hideAnimation: {type: 'fadeOut', duration: 650, easing: 'ease-out'}, timeout: 3000 }); 但我不知道为什么......任何线索?
    猜你喜欢
    • 2013-02-15
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多