android 渐变歌词,Android UI之自定义——最简单的仿QQ音乐歌词颜色渐变

最新推荐文章于 2022-06-04 18:39:40 发布
最新推荐文章于 2022-06-04 18:39:40 发布
阅读量467 收藏
点赞数
文章标签： android 渐变歌词
本文介绍了如何在Android中实现类似于QQ音乐歌词的颜色渐变效果。通过分析QQ音乐的界面，利用TextView的特性，结合自定义的LRCTextView组件，实现了文本颜色的渐变。主要步骤包括设置TextView的属性，如去除省略号显示，并通过调整子TextView的宽度来达到渐变效果。
摘要由CSDN通过智能技术生成

Android UI之自定义——最简单的仿QQ音乐歌词颜色渐变

记得刚开始做android的时候，就发现QQ音乐歌词颜色渐变的效果，就在网上搜索过，但是就是没有找到满意的。今天突然用QQ音乐听歌的时候，看到歌词颜色渐变，决定来分析看看，没想到实现原来如此简单。这篇只是将最简单的歌词颜色渐变功能，不包括歌词滚动等效果。

首先来看下QQ音乐歌词界面

jfwzskkAAyHf5atC.png

实现步骤

从界面上可以看出，是通过不同颜色的文本叠加所形成的视觉效果。那么android文本一般使用TextView实现，那就来试试用TextView在layout中实现。

Layout尝试 需要一个比较长的TextView和一个短的TextView

上面一个确实是一个长点的TextView和一个短点的TextView，效果如下

WLr6TMhZThwNGEgN.JPEG 按照设置40dp的width，应该显示2个字才对。所以失败

接下来修改layout，关键属性android:ellipsize，当设置这个属性为none，如下

效果图如下：

最低0.47元/天 解锁文章
雪地女王
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Android实现歌词渐变色和进度的效果
01-20
要用TextView使用渐变色，那我们就必须要了解LinearGradient（线性渐变）的用法。 LinearGradient的参数解释 LinearGradient也称作线性渲染，LinearGradient的作用是实现某一区域内颜色的线性渐变效果，看源码你就知道他是shader的子类。 它有两个构造函数 public LinearGradient(float x0, float y0, float x1, float y1, int color0, int color1, Shader.TileMode tile) public LinearGradient (float x0, f
最简单的仿QQ音乐歌词颜色渐变-android自定义view
06-18
本教程将聚焦于如何创建一个简单的仿QQ音乐歌词颜色渐变的自定义View。这个功能在许多音乐播放应用中常见，它能为用户提供更丰富的视觉体验。 首先，我们需要了解颜色渐变的基本概念。在计算机图形学中，颜色渐变指...
android 渐变歌词,带你感受人间烟火四季渐变什么歌
weixin_28723109的博客
05-25 216
带你感受人间烟火四季渐变这首歌很好听，听这歌词大家肯定也都有点感慨，想必大家都很想知道这到底是什么歌。下面游戏吧小编就为大家带来了带你感受人间烟火四季渐变歌曲介绍。带你感受人间烟火四季渐变什么歌歌名：风花雪月歌手：ZIV / Immortal Beats / AI. N风花雪月试听风花雪月歌词作曲 : ZIV/Immortal Beats作词 : ZIV作词：ZIV作曲：ZIV编曲：Immorta...
【Flutter】QQ音乐歌词颜色渐变 -- 简单实现
这家伙很懒，博客简介都不写
11-06 1万+
import 'package:flutter/material.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { // This widget is the root of your application. @override Widget build(BuildContext context) { return MaterialApp( title: '..
color简单颜色渐变类
akalius的专栏
01-05 2011
package com.my.baseclass; public class Colour { //颜色#FFFFFF格式转化成RGB格式 public String GetColorRGB(String color) { String str_rgb=""; if(color.indexOf("#")==-1||color.length()!=7) {...
实现QQ音乐歌词滚动和颜色变化效果
08-21
综上所述，实现QQ音乐歌词滚动和颜色变化效果涉及文件解析、UI设计、动画处理、音频分析等多个方面，需要对Android和iOS的UI编程、多线程、正则表达式以及音频处理有深入理解。通过`Project0819_custom_QQ_view`这个...
歌词 demo 仿扣扣音乐例子
08-04
【歌词 demo 仿扣扣音乐例子】是一种编程实践，旨在模仿QQ音乐的歌词展示功能。在音乐播放软件中，歌词同步显示是一项重要的用户体验设计，它允许用户跟随歌曲的节奏阅读和理解歌词。在这个demo中，我们将探讨如何...
Android自定义控件
06-10
自定义这些控件可以使进度条更加美观且适应性强，比如支持自定义颜色、厚度、填充样式等。 折线图则常用于展示变化趋势，比如在统计分析或图表展示场景。自定义折线图控件可以精确控制数据点的分布、线条样式，以及...
仿QQ2013登录界面
05-13
【标题】"仿QQ2013登录界面"是一个基于C#编程语言的项目，旨在重现2013年版腾讯QQ的登录界面设计。这个项目对于初学者来说，是学习Windows Forms应用开发和UI设计的一个很好的实践案例。通过这个项目，开发者可以...
实现音乐播放器歌词显示和颜色变化效果
11-09
实现音乐播放器歌词显示和颜色变化效果 [注意：本资源来自网络，如有侵权，请联系我删除，谢谢。]
Android代码-歌词风格的TextView，利用Gradient渐变实现。
08-08
GradientTextView 效果 GradientTextView 功能 GradientTextView是一个文字颜色逐步改变的自定义view，目前只有两种颜色。 如何使用 GradientTextView Step 1. Add it in your root build.gradle at the end of repositories: allprojects { repositories { ... maven { url 'https://jitpack.io' } } } Step 2. Add the dependency dependencies { compile 'com.github.livesun:GradientTextView:v1.0' } Step 3 xml布局 Step 4 代码调用 //简单使用 GradienTextView gradienTextView = (GradienTextVi
Android自定义View来实现解析lrc歌词并同步滚动、上下拖动、缩放歌词的功能
03-06
具体参考博客： 我的Android进阶之旅------>Android自定义View来实现解析lrc歌词并同步滚动、上下拖动、缩放歌词的功能 http://blog.csdn.net/ouyang_peng/article/details/50813419 1、实现歌词同步滚动的功能，即歌曲播放到哪句歌词，就高亮地显示出正在播放的这个歌词； 2、实现上下拖动歌词时候，可以拖动播放器的进度。即可以不停地上下拖动歌词，当手指离开屏幕时候 即从当前拖动到的歌词位置播放。 3、实现歌词的字体大小可以进行缩放的功能。即双指在屏幕进行缩放操作时，歌词的字体大小也进行相应的缩放操作。
自定义View：秀一个音乐app的歌词变色TextView
珠穆朗玛小王子的博客
05-21 746
前言 从2014年开始从事安卓的工作，就一直关注郭霖大神的博客，慢慢的到微信公众号，再到第三行代码。说来惭愧，我只投过一篇稿，大部分都是处于蹭吃蹭喝的潜水状态，感慨已年近三十，在头发掉光之前再投第二篇稿。 我个人比较喜欢做一些有意思的东西，所以这次把最近做的一个小功能跟大家分享一下：仿音乐App歌词播放变色的TextView。 正文 首先先看一下效果图： ...
android实现文字渐变效果和歌词进度的效果
热门推荐
Losileeya
03-14 1万+
要用TextView使用渐变色，那我们就必须要了解LinearGradient（线性渐变）的用法。LinearGradient的参数解释LinearGradient也称作线性渲染，LinearGradient的作用是实现某一区域内颜色的线性渐变效果，看源码你就知道他是shader的子类。 它有两个构造函数public LinearGradient(float x0, float y0, float
Android 歌词滚动效果（歌词逐个与逐渐变色）可换行
gaoqingliang521的专栏
04-14 1870
前言： 最近公司要求实现一个 讯飞语音阅读文字，文字根据阅读速度逐个变色的功能。先上个图看下效果。 （由于工作非常紧张，所以就把测试的图贴过来了，兄弟们将就看） 直接上代码： ColorTrackView.java(主要就是这个自定义控件) import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.gra..
Android 实现歌词文字逐渐高亮效果
qq_41740162的博客
06-04 626
Canvas是可以是有多层绘制效果组成的,我们可以现在底层绘制我们的基础文字效果,然后再上层绘制我们的高亮效果
android 渐变歌词,GitHub - zhangliangming/HPLyrics: Android仿酷狗动感歌词（支持翻译和音译歌词）显示效果，支持lrc歌词、ksc歌词、krc歌词、trc...
weixin_42117340的博客
05-25 460
简介该开源依赖库是乐乐音乐播放器里的一个歌词模块功能，现在把该功能模块独立出来进行优化，并弄成了一个开源依赖库，其它音乐播放器项目只要引用该库并调用接口，便可轻松实现与乐乐音乐播放器一样的动感歌词显示效果，注：其默认歌词格式的编码都是utf-8，使用过程中请注意编码一致的问题，其项目地址如下：乐乐音乐播放器。使用注意1.x版本，只要是使用自定义view来实现，每次都使用handler去刷新view...
Android UI设计技巧：共享UI、渐变效果与自定义按钮
"这篇资料主要介绍了Android UI设计的一些关键技巧，包括使用`include`标签来包含共享UI设计，实现渐变效果，灵活运用`styles.xml`，自定义按钮显示效果以及通过NinePatch图片处理实现无失真图片拉伸。这些技巧对于...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值