时间:2021-05-20
最近看到某音乐播放器的桌面歌词如下图
其中字母“U”有两种颜色,突发奇想想模仿一下实现文字变色。
思路:使用两种颜色分别把字符串绘制到两个BufferedImage中,然后根据两种颜色所占空间的比值分别擦除两个BufferedImage中的对应内容,最后再把两个BufferedImage合为一个。
效果图
可以通过以下代码更改两种颜色的比值
StringTwoColor stc = new StringTwoColor(jl1, Color.RED, Color.gray, 0.8);//0.8为比值更改比值后的效果图
当然,也可以只使用一个字
以下是包含测试部分的完整代码:
import java.awt.BorderLayout;import java.awt.Color;import java.awt.Font;import java.awt.FontMetrics;import java.awt.Graphics2D;import java.awt.Image;import java.awt.RenderingHints;import java.awt.image.BufferedImage; import javax.swing.ImageIcon;import javax.swing.JFrame;import javax.swing.JLabel; public class StringTwoColor{ private BufferedImage buffImg; /** * @param label 显示字体的JLabel * @param c1 颜色1 * @param c2 颜色2 * @param ratio 颜色1与颜色2所占部分的比值 */ public StringTwoColor(JLabel label, Color c1, Color c2, double ratio){ //获取字符串的宽(显示在屏幕上所占的像素px) FontMetrics metrics = label.getFontMetrics(label.getFont()); int width = metrics.stringWidth(label.getText()); int height = metrics.getHeight(); height+=label.getFont().getSize(); //构造一个具有指定尺寸及类型为预定义图像类型之一的 BufferedImage buffImg = new BufferedImage(width,height,BufferedImage.TYPE_4BYTE_ABGR); BufferedImage buffImg1 = new BufferedImage(width,height,BufferedImage.TYPE_4BYTE_ABGR); BufferedImage buffImg2 = new BufferedImage(width,height,BufferedImage.TYPE_4BYTE_ABGR); //通过BufferedImage创建一个 Graphics2D对象 Graphics2D g1 = buffImg1.createGraphics(); Graphics2D g2 = buffImg2.createGraphics(); //设置抗锯齿 g1.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON); //设置字体 g1.setFont(label.getFont()); g2.setFont(label.getFont()); //设置颜色 g1.setColor(c1); g2.setColor(c2); //画字符串 g1.drawString(label.getText(), 0, height-label.getFont().getSize()); g2.drawString(label.getText(), 0, height-label.getFont().getSize()); //按照比例清除相关的像素点 if(ratio<1 && ratio>0){ int rgb = 0x00000000; //清除buffImg1 for(int y=0;y<height;y++){ for(int x=width-1;x>=width*ratio;x--){ buffImg1.setRGB(x, y, rgb); } } //清除buffImg2 for(int y=0;y<height;y++){ for(int x=0;x<width*ratio;x++){ buffImg2.setRGB(x, y, rgb); } } //写入buffImg for(int y=0;y<height;y++){ for(int x=0;x<width*ratio;x++){ buffImg.setRGB(x,y,buffImg1.getRGB(x, y)); } } for(int y=0;y<height;y++){ for(int x=width-1;x>=width*ratio;x--){ buffImg.setRGB(x,y,buffImg2.getRGB(x, y)); } } } } /** * 获取处理完的ImageIcon * @return */ public ImageIcon getImageIcon(){ Image img = buffImg; ImageIcon imgIcon = new ImageIcon(img); return imgIcon; } public static void main(String[] args) { JFrame jf = new JFrame(); jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jf.setSize(300, 200); jf.setLocationRelativeTo(null); jf.setLayout(new BorderLayout()); JLabel jl1 = new JLabel("梦"); //JLabel jl1 = new JLabel("梦里梦到醒不来的梦"); jl1.setFont(new Font("幼圆",Font.PLAIN,30)); StringTwoColor stc = new StringTwoColor(jl1, Color.RED, Color.gray, 0.7); //获取处理完的图片并显示 JLabel jl2 = new JLabel(stc.getImageIcon()); jf.add(jl2, BorderLayout.CENTER); jf.setVisible(true); } }以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文主要介绍了原生JS实现音乐播放器的示例代码,分享给大家,具体如下:效果图音乐播放器播放控制播放进度条控制歌词显示及高亮播放模式设置播放器属性归类按照播放器的
不少朋友喜欢在打开音乐播放器之后,一边看歌词,一边听歌,如果当前只有播放音乐的话,不妨将歌词界面全屏。那么百度音乐如何全屏歌词?软件名称:百度音乐播放器PC
一、阐述简约之美——歌词功能 随着QQ音乐、千千静听等音乐播放器的流行,歌词功能已经成为网民的一个常用功能。目前支持歌词的视频播放器也
各种音乐播放器上都有一个自动滚动播放歌词的功能,当前滚动到的歌词会高亮居中显示,即使歌词被换行也能正常居中,那么这个功能基于JavaScript怎么实现让歌词滚
本文实例讲述了Java实现的简单音乐播放器功能。分享给大家供大家参考,具体如下:应用名称:Java简单的音乐播放器用到的知识:JavaGUI编程,线程,IO开发