0.0.6 • Published 7 years ago

weex-lyric v0.0.6

Weekly downloads
2
License
Apache-2.0
Repository
-
Last release
7 years ago

weex-lyric

weex-lyric是一个weex插件,可以通过weexpack快速集成,可以丰富weex功能

支持的weexpack版本: >= 0.2.0 支持的WeexSDK版本: >= 0.10.0

image

功能

可显示歌词View, 从原天天动听TTPod音乐播放器中抽取而来,当前支持部分常用属性。

首先通过lyricFile属性设置歌词文件路径,playStatus可以控制是否开始滚动显示

highlightColor、normalColor控制普通行、高亮行文本颜色

kalaOK属性控制高亮文字是否渐渐的从左到右出现高亮效果

textAlign控制文本居左、、居中、居右对齐

slowScroll 控制高亮行是一次滚动到当前行还是平缓滚动,描述不太易理解,测试代码跑起来看看效果就理解了

playTime 可更改当前高亮行显示的时间戳

github example里有测试的vue文件,可看具体用法。

快速使用

  • 通过weexpack初始化一个测试工程 weextest
    weexpack create weextest
  • 添加ios平台
    weexpack platform add ios
  • 添加android平台
    weexpack platform add android
  • 添加插件

    weexpack plugin add weex-lyric

项目地址

github

平台

Android:(趋势)    iOS (待完成)

已有工程集成

安卓集成插件weexlyric

  • 命令行集成
  • weexpack plugin add weex-lyric

  • 手动集成  在相应工程的build.gradle文件的dependencies中添加

    compile 'org.weex.plugin:weexlyric:0.0.1'  

Download

iOS集成插件WeexLyric(还没添加iOS支持,待续)

  • 命令行集成
    weexpack plugin add weex-lyric
  • 手动集成 在podfile 中添加
    pod 'WeexLyric'