Android canvas 像歌词那样垂直滚动

2024-10-21

Android自定义View，高仿QQ音乐歌词滚动控件！

最近在以QQ音乐为样板做一个手机音乐播放器,源码下篇博文放出.今天我想聊的是这个QQ音乐播放器中歌词显示控件的问题,和小伙伴们一起来探讨怎么实现这个歌词滚动的效果.OK,废话不多说,先来看看效果图: 好,接下来我们就来看看怎么实现这样一个效果.本文主要包括如下几方面内容: 1.歌词文件格式分析及解析 2.歌词显示控件绘制 3.关于卡拉OK模式 4.使用方式好,那就开始吧. 1.歌词文件格式分析及解析首先,小伙伴们需要明白歌词文件的格式都是固定的,是什么样子的呢,我们来看看下图: 我们一个歌词

我的Android进阶之旅------>Android自定义View来实现解析lrc歌词并同步滚动、上下拖动、缩放歌词的功能

前言一LRC歌词文件简介 1什么是LRC歌词文件 2LRC歌词文件的格式 LRC歌词文件的标签类型 1标识标签 2时间标签二解析LRC歌词 1读取出歌词文件 2解析得到的歌词内容 1表示每行歌词内容的实体类LrcRow 2解析歌词的构造器 ILrcBuilder接口 DefaultLrcBuilder歌词解析构造器 lrc歌词原始内容 lrc歌词解析后的内容三显示LRC歌词内容 1定义一个ILrcViewListener接口 2定义一个ILrcView接口 3自定义一个LrcView 同步

Android 公告新闻消息资讯之垂直滚动效果

垂直滚动新闻栏的实现原理: 就是一个自定义的LinearLayout,并且textView能够循环垂直滚动,而且条目可以点击,显示区域最多显示2个条目,并且还有交替的属性垂直移动的动画效果,通过线程来控制滚动的实现. ................................................... 自定义属性: <style name="AppTheme" parent="@android:style/Theme.Light.NoTitleBar&

Android TextView多行垂直滚动

在Android应用中,有时候需要TextView可以垂直滚动,今天我就介绍一下怎么实现的.在布局里: <TextView android:id="@+id/tvCWJ" android:layout_width="fill_parent" android:layout_height="wrap_content" android:scrollbars="vertical"  andr

Android自定义垂直滚动自动选择日期控件

------------------本博客如未明正声明转载,皆为原创,转载请注明出处!------------------ 项目中需要一个日期选择控件,该日期选择控件是垂直滚动,停止滚动时需要校正日期数字位置,自动选择离中心位置最近的数字.效果如下: 利用继承LinearLayout实现,模仿Android带数据的控件的一般做法,加入适配器接口,选择事件监听接口,另外简单实现了子View的缓存,对应这样简单应用的情况下,应该是可以的,本人只用过TextView来做子控件,其他适配尚未测试,不知道

【转】Android Canvas的save(),saveLayer()和restore()浅谈

Android Canvas的save(),saveLayer()和restore()浅谈时间:2014-12-04 19:35:22 阅读:1445 评论:0 收藏:0 [点我收藏+] 标签:android class style 代码 src 使用 com html log save() saveLayer() restore() 1.在自定义控件当中你onMeasure和onLayout的工作做完成以后就该绘制该

自定义ViewGroup实现垂直滚动

转载请表明出处:http://write.blog.csdn.net/postedit/23692439 一般进入APP都有欢迎界面,基本都是水平滚动的,今天和大家分享一个垂直滚动的例子. 先来看看效果把: 1.首先是布局文件: <com.example.verticallinearlayout.VerticalLinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools=&

[Android] Android最简单ScrollView和ListView滚动冲突解决方案

[Question]问题描述: 单独的ListView列表能自动垂直滚动,但当将ListView嵌套在ScrollView后,会和ScrollView的滚动滑块冲突,造成ListView滑块显示不完整. activity_main.xml表现: <?xml version="1.0" encoding="utf-8"?><ScrollView xmlns:android="http://schemas.android.com/apk/re

TextSwitcher实现文本自动垂直滚动

实现功能:用TextSwitcher实现文本自动垂直滚动,类似淘宝首页广告条. 实现效果: 注意:由于网上横向滚动的例子比较多,所以这里通过垂直的例子演示. 实现步骤:1.extends TextSwitcher implements ViewFactory 2.重写makeView(),在里面返回一个TextView 3.对TextSwitcher做初始化设置:setFactory.setInAnimation.setOutAnimation 4.给TextSwitcher设置要滚动的文本内容

ScrollView垂直滚动控件

ScrollView垂直滚动控件一.简介二.方法 1)ScrollView垂直滚动控件使用方法 1.在layout布局文件的最外层建立一个ScrollView控件 2.在ScrollView控件中加入一个LinearLayout控件,并且把它的orientation设置为vertical 3.在LinearLayout控件中放入多个装有图片的ImageView控件三.代码实例 1.效果图 2.代码 /Ex27ScrollView/src/fry/Activity01.java <?xml

ScrollView垂直滚动和HrizontalScrollView水平滚动

当我们在写一个页面,内容过多时我们需要滚动页面来查看,但是注意ScrollView下只能有一个元素,所以要把主页面改下,这样就只有一个LinearLayout元素: 1 <ScrollView xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:app="http://schemas.android.com/apk/res-auto" 3 xmlns:tools="ht

【转】Android Canvas绘图详解（图文）

转自:http://www.jcodecraeer.com/a/anzhuokaifa/androidkaifa/2012/1212/703.html Android Canvas绘图详解(图文) 泡在网上的日子发表于 2012-12-12 20:29 第 63165 次阅读 Canvas,android 15 Android中使用图形处理引擎,2D部分是android SDK内部自己提供,3D部分是用Open GL ES 1.0.今天我们主要要了解的是2D相关的,如果你想看3D的话那么可

js实现的新闻列表垂直滚动实现详解

js实现的新闻列表垂直滚动实现详解:新闻列表垂直滚动效果在大量的网站都有应用,有点自然是不言而喻的,首先由于网页的空间有限,使用滚动代码可以使用最小的空间提供更多的信息量,还有让网页有了动态的效果,更为美观一些,下面就通过代码实例详细介绍一下如何实现此效果.代码如下: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author"

自己写一个jQuery垂直滚动栏插件（panel）

html中原生的滚动栏比較难看,所以有些站点,会自己实现滚动栏,导航站点hao123在一个側栏中,就自己定义了垂直滚动栏,效果比較好看,截图例如以下: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQveWFuZ3lhbmdfY3M=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" alt=""> 这个滚动栏,仅仅有在鼠标悬停在这个区

[转]jquery.vTicker（垂直滚动）

转至:http://www.w3ci.com/plugin/660.html 简介 vTicker 是一款非常小巧的 jQuery 垂直滚动插件,压缩后只有 2KB.vTicker 支持自定义滚动时间.间隔时间.显示个数.滚动方向(向上/向下).容器高度等等,但它对 HTML 结构有点小“苛刻”——容器里面只能是 ul 标签.不过如果你仅仅是需要一个垂直滚动效果的话,vTicker 仍然是一个很好的选择,毕竟它是如此的小巧方便. 浏览器兼容使用方法 1.引入文件 <script src="

Android实现 ScrollView + ListView无滚动条滚动

Android实现 ScrollView+ListView无滚动条滚动,即ListView的数据会全部显示完,但Listview无滚动条. 核心代码如下: 1. NoScrollListView.java /*** * 自定义ListView子类,继承ListView * @author Administrator * */ public class NoScrollListView extends ListView { public NoScrollListView(Context cont

javascript焦点图之垂直滚动

html代码布局,需要用到定位,不细说了 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> * { margin: 0; padding: 0; font-size: 12px; } #Div

Tkinter Scrollbar(垂直滚动部件)

Python GUI - Tkinter Scrollbar:这个小工具提供了一个幻灯片控制器,用于实现垂直滚动部件,如列表框,文本和帆布.请注意,您还可以创建进入部件的水平滚动条这个小工具提供了一个幻灯片控制器,用于实现垂直滚动部件,如列表框,文本和帆布.请注意,您还可以创建进入部件的水平滚动条. 语法: 这里是一个简单的语法来创建这个widget: w = Scrollbar ( master, option, ... ) 参数: master: 这代表了父窗口. options: 下

jquery datatable设置垂直滚动后，表头(th)错位问题

jquery datatable设置垂直滚动后,表头(th)错位问题问题描述: 我在datatable里设置:"scrollY": '300px',垂直滚动属性后,表头的宽度就会错位,代码如下:  <table id="demo" class="table" cellspacing="0" width="100%"> <thead class=&

Android RecyclerViewSwipeDismiss：水平、垂直方向的拖曳删除item

Android RecyclerViewSwipeDismiss:水平.垂直方向的拖曳删除item RecyclerViewSwipeDismiss是一种支持RecyclerView的水平.垂直方向拖曳删除RecyclerView里面条目item的第三方开源项目,RecyclerViewSwipeDismiss在gitbub上的项目主页是:https://github.com/CodeFalling/RecyclerViewSwipeDismiss 我在以前写过类似的项目内容,最典型的就是

【CSS】隐藏多行文本框Textarea在IE中的垂直滚动栏

在<[CSS]禁止Google浏览器同意定义调整多行文本框>(点击打开链接)中已经提及过怎样使多行文本框Textarea在一些DOM2的浏览器中固定下来. 这不,多行文本框Textarea在IE中也存在一些样式上的缺陷了. 一个普通的,没有加不论什么定义的文本框.例如以下: <textarea cols="30" rows="3"></textarea> 其在IE的效果就如同左側一样.在没有输入不论什么文字,就出现垂直滚动栏非常不

Android canvas 像歌词那样垂直滚动

热门专题