Java swing實現(xiàn)音樂播放器桌面歌詞字體變色效果

更新時間：2019年06月19日 14:07:30 作者：MH_ANG

這篇文章主要為大家詳細介紹了Java swing實現(xiàn)音樂播放器桌面歌詞字體變色效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下

最近看到某音樂播放器的桌面歌詞如下圖

其中字母“U”有兩種顏色，突發(fā)奇想想模仿一下實現(xiàn)文字變色。

思路：使用兩種顏色分別把字符串繪制到兩個BufferedImage中，然后根據(jù)兩種顏色所占空間的比值分別擦除兩個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創(chuàng)建一個 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);
 }
 
}

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: