CSS3如何设计Java？

我即将开始一个Java项目，在这个项目中，我将制作一个简单的iTunes克隆。我将使用Swing来制作GUI，但我想知道除了改变颜色/字体/边框之外，还有什么更好的方法可以使其风格与iTunes相似。我已经研究过在JavaSwing中使用CSS，但是我发现的任何资源都已经过时了。有没有新的方法来解决这个问题？或者我应该研究CSS以外的东西

以下是我希望通过Swing实现的设计（至少是基础）：

---

Swing没有CSS样式。但是，如果您使用JavaFx2，它是Swing的继承者，那么您确实可以使用CSS样式

如果你还不太熟悉Swing，我建议你考虑JavaFX。Java的最新1.7版本内置了JavaFX2.2。它有CSS支持和

当然，也可以在Swing中进行。您可以使用许多不同的方法，但为了给您一个起点，下面是我将如何创建按钮。这种方法需要Java7，但如果改用JXLayer，也可以在Java的早期版本中运行它。这些按钮是2D绘画和我访问过的一些图标的组合。只需使用您拥有的图标进行更改。圆形的大小将根据您使用的图像自行调整大小

当您单击按钮时，您将听到一声蜂鸣音，相应的文本将打印到控制台。一般来说，JLayer对于设置Swing应用程序的样式非常有用

import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseAdapter;
import java.awt.event.MouseEvent;
import java.awt.geom.Ellipse2D;
import java.awt.geom.Rectangle2D;
import java.net.URL;
import java.util.logging.Logger;

import javax.swing.*;
import javax.swing.plaf.LayerUI;

/**
 */
public class MediaPlayer {

    public static void main(String[] args) {

        SwingUtilities.invokeLater(new Runnable() {
            @Override
            public void run() {
                JFrame frame = new JFrame("Media Clone");
                MediaController mediaController = new MediaController();
                frame.getContentPane().add(new MediaView(mediaController));
                frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
                frame.setMinimumSize(new Dimension(800, 450));
                frame.setLocationRelativeTo(null); // Center
                frame.pack();
                frame.setVisible(true);
            }
        });
    }

    static class MediaView extends JPanel {

        private MediaList mediaList;
        private ButtonView buttonView;
        private MediaController controller;

        MediaView(MediaController controller) {
            this.controller = controller;
            createComponents();
            makeLayout();
        }

        public void createComponents() {
            mediaList = new MediaList();
            buttonView = new ButtonView(controller);
        }

        public void makeLayout() {
            setLayout(new BorderLayout());
            add(mediaList);
            add(new JLayer<>(buttonView, new GradientUI()), BorderLayout.NORTH);
        }
    }

    static class MediaList extends JPanel {

        private JTable mediaTable;

        MediaList() {
            createComponents();
            makeLayout();
        }

        public void createComponents() {
            String[] header = new String[]{"Song", "Artist"};
            String[][] model = new String[2][2];
            model[0][0] = "Hello";
            model[0][1] = "World";
            model[1][0] = "Goodbye";
            model[1][1] = "Sunshine";
            mediaTable = new JTable(model, header);
        }

        public void makeLayout() {
            setLayout(new BorderLayout());
            add(new JScrollPane(mediaTable));
        }
    }

    static class GradientUI extends LayerUI<JComponent> {

        @Override
        public void paint(Graphics g, JComponent c) {
            Graphics2D g2 = (Graphics2D) g.create();
            g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
            g2.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_ON);
            int height = c.getHeight();
            int width = c.getWidth();
            g2.setPaint(new GradientPaint(0, 0, new Color(136, 146, 155), 0, height, new Color(101, 108, 116)));
            Rectangle2D area = new Rectangle(0, 0, width, height);
            g2.fill(area);
            super.paint(g2, c);
        }
    }

    enum MediaAction {
        PLAY, NEXT, PREVIOUS
    }

    static class MediaController {

        private Toolkit toolkit = Toolkit.getDefaultToolkit();

        public void execute(MediaAction mediaAction) {
            toolkit.beep();
            System.out.println(mediaAction.name());
        }
    }

    static class ButtonView extends JPanel {

        private static Logger log = Logger.getLogger(ButtonView.class.getName());

        private JButton play;
        private JButton next;
        private JButton previous;
        private RoundButtonUI playUI;
        private ActionListener playActionListener;
        private ActionListener nextActionListener;
        private ActionListener previousActionListener;
        private MediaController controller;

        ButtonView(MediaController controller) {
            this.controller = controller;
            createComponents();
            makeLayout();
            createHandlers();
            registerHandlers();
            initComponent();
        }

        public void createComponents() {
            play = new JButton();
            next = new JButton();
            previous = new JButton();
            playUI = new RoundButtonUI();
        }

        public void createHandlers() {
            playActionListener = createMediaAction(MediaAction.PLAY);
            nextActionListener = createMediaAction(MediaAction.NEXT);
            previousActionListener = createMediaAction(MediaAction.PREVIOUS);
        }

        private ActionListener createMediaAction(final MediaAction mediaAction) {
            return new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    SwingUtilities.invokeLater(new Runnable() {
                        @Override
                        public void run() {
                            controller.execute(mediaAction);
                        }
                    });
                }
            };
        }

        public void registerHandlers() {
            play.addActionListener(playActionListener);
            next.addActionListener(nextActionListener);
            previous.addActionListener(previousActionListener);
        }

        public void makeLayout() {
            setLayout(new FlowLayout(FlowLayout.LEADING));
            makeButtonRound(previous, "<<", "bullet_triangle_grey_shadow.png", "bullet_triangle_grey.png");
            makeButtonRound(play, ">", "bullet_triangle_glass_grey128x128.png", "bullet_triangle_glass_grey128x128.png");
            makeButtonRound(next, ">>", "bullet_triangle_grey_shadow.png", "bullet_triangle_grey.png");
            add(new JLayer<>(previous, playUI));
            add(new JLayer<>(play, playUI));
            add(new JLayer<>(next, playUI));
        }

        public void initComponent() {
            setOpaque(false);
        }

        private void makeButtonRound(final JButton toBeRounded, String fallback, String imageNormal, String imagePressed) {
            toBeRounded.setOpaque(false);
            toBeRounded.setFocusPainted(false);
            toBeRounded.setBorderPainted(false);
            toBeRounded.setContentAreaFilled(false);
            toBeRounded.setBorder(BorderFactory.createEmptyBorder(5, 10, 5, 5));
            URL normalURL = getClass().getClassLoader().getResource(imageNormal);
            URL pressedURL = getClass().getClassLoader().getResource(imagePressed);
            if (normalURL != null || pressedURL != null) {
                final ImageIcon released = new ImageIcon(normalURL);
                final ImageIcon pressed = new ImageIcon(pressedURL);
                toBeRounded.setIcon(released);
                toBeRounded.addMouseListener(new MouseAdapter() {
                    @Override
                    public void mousePressed(MouseEvent e) {
                        toBeRounded.setIcon(pressed);
                    }

                    @Override
                    public void mouseReleased(MouseEvent e) {
                        toBeRounded.setIcon(released);
                    }
                });
            } else {
                toBeRounded.setText(fallback);
                log.severe("Missing resources: " + imageNormal + " and " + imagePressed);
            }
        }
    }

    /**
     * Shifts the image so it looks pressed down.
     * Creates a circle around the icon, that varies in size depending on the supplied icon.
     */
    static class RoundButtonUI extends LayerUI<JComponent> {

        private static final int STROKE_WIDTH = 5;

        @Override
        public void paint(Graphics g, JComponent c) {
            Graphics2D g2 = (Graphics2D) g.create();
            g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
            g2.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_ON);

            ButtonModel buttonModel;
            JButton b;

            if (((JLayer) c).getView() instanceof JButton) {
                b = (JButton) ((JLayer) c).getView();
                buttonModel = b.getModel();
            } else {
                super.paint(g, c);
                return;
            }

            int iconHeight = b.getIcon() != null ? b.getIcon().getIconHeight() : 60;
            int iconWidth = b.getIcon() != null ? b.getIcon().getIconWidth() : 60;

            Shape circle = new Ellipse2D.Double(STROKE_WIDTH, STROKE_WIDTH, iconHeight, iconWidth);

            g2.setPaint(new GradientPaint(5, 5, new Color(222, 224, 230), 30, 55, new Color(187, 189, 199)));
            g2.fill(circle);

            g2.setPaint(new GradientPaint(15, 0, new Color(90, 97, 105), 15, 30, new Color(132, 142, 152)));
            g2.setStroke(new BasicStroke(5));
            g2.draw(circle);

            if (buttonModel.isPressed()) {
                g2.translate(1, 1);
            }

            super.paint(g2, c);
            g2.dispose();
        }
    }
}

import java.awt.*；
导入java.awt.event.ActionEvent；
导入java.awt.event.ActionListener；
导入java.awt.event.MouseAdapter；
导入java.awt.event.MouseEvent；
导入java.awt.geom.Ellipse2D；
导入java.awt.geom.Rectangle2D；
导入java.net.URL；
导入java.util.logging.Logger；
导入javax.swing.*；
导入javax.swing.plaf.LayerUI；
/**
*/
公共类媒体播放器{
公共静态void main（字符串[]args）{
SwingUtilities.invokeLater（新的Runnable（）{
@凌驾
公开募捐{
JFrame=新的JFrame（“媒体克隆”）；
MediaController=新的MediaController（）；
frame.getContentPane（）.add（新的MediaView（mediaController））；
frame.setDefaultCloseOperation（WindowConstants.EXIT_ON_CLOSE）；
框架设置最小尺寸（新尺寸（800450））；
frame.setLocationRelativeTo（null）；//中心
frame.pack（）；
frame.setVisible（true）；
}
});
}
静态类MediaView扩展了JPanel{
私有媒体列表；
私人按钮视图按钮视图；
专用媒体控制器；
MediaView（MediaController）{
this.controller=控制器；
createComponents（）；
makeLayout（）；
}
public void createComponents（）{
mediaList=新的mediaList（）；
buttonView=新的buttonView（控制器）；
}
公共布局（）{
setLayout（新的BorderLayout（））；
添加（媒体列表）；
添加（新的JLayer（buttonView，新的GradientUI（）），BorderLayout.NORTH）；
}
}
静态类MediaList扩展了JPanel{
私有JTable中介表；
媒体列表（）{
createComponents（）；
makeLayout（）；
}
public void createComponents（）{
字符串[]头=新字符串[]{“歌曲”，“艺术家”}；
字符串[][]模型=新字符串[2][2]；
型号[0][0]=“您好”；
模型[0][1]=“世界”；
型号[1][0]=“再见”；
模型[1][1]=“阳光”；
mediaTable=新的JTable（型号、标题）；
}
公共布局（）{
setLayout（新的BorderLayout（））；
添加（新的JScrollPane（mediaTable））；
}
}
静态类GradientUI扩展了LayerUI{
@凌驾
公共空隙涂料（图形g、J组件c）{
Graphics2D g2=（Graphics2D）g.create（）；
g2.setRenderingHint（renderingHits.KEY\u ANTIALIASING，renderingHits.VALUE\u ANTIALIAS\u ON）；
g2.setRenderingHint（RenderingHits.KEY\u TEXT\u ANTIALIAS，RenderingHits.VALUE\u TEXT\u ANTIALIAS\u ON）；
int height=c.getHeight（）；
int width=c.getWidth（）；
g2.setPaint（新渐变绘制（0，0，新颜色（136，146，155），0，高度，新颜色（101，108，116））；
矩形2D区域=新矩形（0，0，宽度，高度）；
g2.填充（面积）；
超级油漆（g2，c）；
}
}
枚举中介动作{
播放，下一个，上一个
}
静态类媒体控制器{
private Toolkit=Toolkit.getDefaultToolkit（）；
公共作废执行（MediaAction MediaAction）{
toolkit.beep（）；
System.out.println（mediaAction.name（））；
}
}
静态类ButtonView扩展了JPanel{
私有静态记录器log=Logger.getLogger（ButtonView.class.getName（））；
私人JButton游戏；
下一个私人按钮；
私人JButton-previous；
普莱努伊海滩私人酒店；
私人ActionListener播放ActionListener；
私有ActionListener-nextActionListener；
私有ActionListener-previousActionListener；
专用媒体控制器；
按钮视图（媒体控制器）{
this.controller=控制器；
createComponents（）；
makeLayout（）；
createHandlers（）；
寄存器句柄（）；
initComponent（）；
}
public void createComponents（）{
play=新的JButton（）；
下一步=新建JButton（）；
previous=新的JButton（）；
playUI=新的RoundButtonUI（）；
}
公共void createHandlers（）{
playActionListener=createMediaAction（MediaAction.PLAY）；
下一个
.root { 
    display: block;
}

.text-input {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
}

.text-field {
    -fx-font-size: 18px;
    -fx-font-weight: bold;
}

.label {
    -fx-font-size: 18px;   
}

.button {
    -fx-font-size: 15px;   
    -fx-font-weight: bold;
    -fx-text-fill: black;
    -fx-background-color: linear-gradient(#0000ff, #ffeeff);
}
#note {
    -fx-font-size: 15px;  
}

#heading {
    -fx-text-fill: #000099;
    -fx-font-size: 18px;
    -fx-font-weight: bold;
}