怎样实现微信风格的录音按钮？

wugamp

语音识别时需要 startListening 和 stopListening。我现在的做法是弄两个按钮，分别触发这两个方法，用起来挺麻烦的。
微信那个方法不错：按住按钮就开始录音，离开按钮就停止。不知道可否用按钮的 bind-touchestart 和 bind-touchend 来实现呢？

wugamp

实验成功了。虽然没有微信那么炫酷。现在是可以按住按钮就开始录音、松开时停止。但是我还想让按钮同时改变颜色。我是这样写的：
                this.comp('btnRepeat').set({'background-color':'red'});

无效。
哪位能告诉我怎么改变颜色呢？
谢谢。

www.xcz.com

把你实现的代码贴出来学习下啊

fengyuanjj

厉害

大雁子

可以针对用户的不同操作给btnRepeat定义不同的样式，比如在touchstart或者touchend事件中修改按钮样式

wugamp

大雁子 发表于 2016-11-23 13:48
可以针对用户的不同操作给btnRepeat定义不同的样式，比如在touchstart或者touchend事件中修改按钮样式 ...

我就是在 touchStart 中执行这句：
    this.comp('btnRepeat').set({'background-color':'red'});

可是 btnRepeat 的背景颜色不变化啊。

半导体

wugamp 发表于 2016-11-23 14:33
我就是在 touchStart 中执行这句：
    this.comp('btnRepeat').set({'background-color':'red'});

不能用.set方法添加样式吧   attr试试呢

wugamp

半导体 发表于 2016-11-23 18:40
不能用.set方法添加样式吧   attr试试呢

谢谢指点，现在可以了。