java - mujer - La coloración JFrame debería gustarle a esta imagen

como enamorar a una mujer mentalmente

Question

Mi pregunta es un poco extraña.

Quiero que la coloración de mi forma creada (con JFrame) sea similar a esta imagen:

¿Debo usar un aspecto especial?

Answer 1

¿Debo usar un aspecto especial?

no hay tal Look & Feel incorporado disponible tanto como yo sé. Sin embargo, para "Look & Feel", "Look" se refiere a la apariencia de los widgets de GUI (más formalmente, JComponents) y "feel" se refiere a la forma en que se comportan los widgets. Si es así, siempre podemos hacer que nuestro componente Swing aparezca como queremos en la GUI.

Las aplicaciones de respuesta avanzada que son gráficamente ricas exudan frescura, absorbiendo a los usuarios desde el principio y aferrándose a ellos con una sensación de entusiasmo. Hacen que los usuarios le cuenten a sus amigos sobre las aplicaciones.

Sin embargo, para desarrollar una aplicación Swing gráficamente rica, debemos saber cómo renderizar gráficos personalizados en el componente, haciendo que aparezcan como queramos (con color brillante, textura hermosa, animación en movimiento, tipografía agradable). Necesitamos aprender a diseñar el componente correctamente para organizarlos uno en relación con otro. Después de responder a tu pregunta, llegué a entender que quieres ser un fanático del swing. Bien:

• Primero , aprenda sobre el Swing JComponent ( JPanel, JLabel, JButton, JList, JTable, JTextPane etc.) y sobre diversos tipos de escuchas de eventos y cómo responden con el componente.
• En segundo lugar , aprenda sobre los Layout Managers . Hay otro administrador de disposición de nivel avanzado que hace la vida más fácil, pero primero aprenda acerca de los administradores estándar.
• En tercer lugar , aprenda sobre la representación de gráficos personalizados en los componentes oscilantes y el mecanismo de pintura oscilante. Luego, sobre el concepto de fuente .
• En cuarto lugar , aprende sobre los Graphics y la clase Graphics2D para la representación de objetos geométricos, imágenes, texturas, degradados, etc.
• Cinco , aprenda sobre la concurrencia en Swing . Swing no es seguro para subprocesos, mantiene reglas de subprocesamiento único. Se requiere un buen conocimiento sobre el enhebrado, se desborda casi todos los días con los problemas de enhebrado con Swing.
• Seis , recoja el libro Filthy Rich Clients y léalo a fondo cuando casi habrá terminado todo lo anterior.

Ahora, un ejemplo de demostración para usted:

Intenté hacer la aplicación lo más breve y simple posible. Pero hay algunas cosas que he hecho para lograr tu GUI solicitada, lo cual no debes hacer, si no sabes cómo funcionan ( por ejemplo anulando la función paint() ). En este ejemplo, no pude recoger una textura como la imagen que ha proporcionado. Pero he usado una textura de tela . La aplicación necesita cargar primero la imagen de textura. no pierdas de vista la consola. Mostrará el siguiente mensaje antes de ejecutar la aplicación:

Espere, cargando textura: http://www.brewsterwallcovering.com/data/default/images/catalog/original/289-5757.jpg

Cargando terminado. ¡Comenzando la demostración!

He usado: GridBagLayout como administrador de diseño de panel de MainContainer. Eche un vistazo al código a fondo y lea acerca de la extensión correspondiente (que extiende JComponente y JButton) y la pintura que he hecho para lograr una mejor GUI (Bueno, no tanto para muchos críticos, sino para DEMO ....)

Demo Código fuente:

import java.awt.*;
import java.awt.geom.Rectangle2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.net.URL;
import java.util.logging.*;
import javax.imageio.ImageIO;
import javax.swing.*;
import javax.swing.border.*;

/// creating the Button with custom look
class CButton extends JButton
{

    BasicStroke basicStroke = new BasicStroke(2.0f);
    public CButton(String txt) {
        super(txt);
        setForeground(Color.WHITE);
        setFont(getFont().deriveFont(Font.BOLD, 13));
        setContentAreaFilled(false);
        setBorder(null);
        setCursor(new Cursor(Cursor.HAND_CURSOR));
    }

    @Override
    protected void paintComponent(Graphics g) {
        Graphics2D g2d = (Graphics2D) g.create();
        g2d.setColor(new Color(0xFFAA00));

        g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        g2d.setStroke(basicStroke);

        int archH =  (getHeight()-4)/2;
        g2d.drawRoundRect(3, 3, getWidth()-4, getHeight()-4, archH, archH);

        if(getModel().isRollover())
        {
            g2d.fillRoundRect(3, 3, getWidth()-4, getHeight()-4, archH, archH);
            setForeground(Color.black);

        }
        else 
        {
            setForeground(Color.white);
        }
        g2d.dispose();

        super.paintComponent(g); //To change body of generated methods, choose Tools | Templates.

    }



}

/** creating the MainContainer panel with custom look **/
// custom painting to with paintComponent(Graphics g) and paint(Graphics g)
class MainContainer extends JPanel
{

    public BufferedImage gradientImage = null;
    public static BufferedImage textureImg; // made it static just for easyness
    public static boolean loadingFinished = false;

    public MainContainer() {

        setBorder(new EmptyBorder(50, 50, 50, 50)); // setting the insets 
        // learn about GridBagLayout from the linked page about LayoutManager
        setLayout(new GridBagLayout()); 

        JLabel usrNameLabel = new JLabel("User Name");
        changeCompFont(usrNameLabel);

        JTextField usrNameFeild = new JTextField("user name");
        changeCompFont(usrNameFeild);

        // create compund border for text and password feild with left padding 5 px
        Border compundBorder = BorderFactory.createCompoundBorder(
                                            new LineBorder(Color.white, 2), 
                                            new EmptyBorder(2, 5, 2, 2));
        usrNameFeild.setBorder(compundBorder);


        usrNameFeild.setOpaque(false);
        usrNameLabel.setLabelFor(usrNameFeild);

        JLabel passwordLabel = new JLabel("Password");
        changeCompFont(passwordLabel);

        JPasswordField passFeild = new JPasswordField("Password");
        changeCompFont(passFeild);
        passFeild.setBorder(compundBorder);

        passFeild.setOpaque(false);
        passwordLabel.setLabelFor(passFeild);

        // working with GridBagConstraints, please check out the linked online tutorial 
        GridBagConstraints labCnst = new GridBagConstraints();
        GridBagConstraints txtCnst = new GridBagConstraints();

        labCnst.insets = new Insets(0, 0, 5, 10);
        txtCnst.insets =  new Insets(0, 0, 5, 10);

        labCnst.ipady = txtCnst.ipady = 10;
        txtCnst.fill = labCnst.fill = GridBagConstraints.HORIZONTAL;

        labCnst.gridx = 0;
        txtCnst.gridx = 1;

        labCnst.gridwidth = 1;
        txtCnst.gridwidth = 2;

        labCnst.weightx = 0.3;
        txtCnst.weightx = 0.7;

        txtCnst.gridy = labCnst.gridy = 0;
        add(usrNameLabel, labCnst);
        add(usrNameFeild, txtCnst);


        txtCnst.gridy = labCnst.gridy = 1;
        add(passwordLabel, labCnst);
        add(passFeild, txtCnst);

        labCnst.gridx = 2;
        labCnst.gridy = 2;
        labCnst.ipady = 13;
        labCnst.insets = new Insets(0, 0, 0, 150);
        JButton submitButt = new CButton("Log IN");
        add(submitButt, labCnst);

    }

    public void changeCompFont(JComponent comp)
    {
        comp.setForeground(Color.WHITE);
        comp.setFont(getFont().deriveFont(Font.BOLD, 13));
    }

    // To PAINT THE TEXTURE ABOVE THE COMPONENTS, 
    //DON''T DO IT UNTIL YOU UNDERSTAND PAINTING MECHANISM FULLY
    @Override
    public void paint(Graphics g) {
         super.paint(g); //To change body of generated methods, choose Tools | Templates.

        Graphics2D g2d = (Graphics2D)g.create(); // cloning to work, it is safer aproach
        Rectangle2D txRect = new Rectangle2D.Double(0, 0, textureImg.getWidth(), textureImg.getHeight());
        TexturePaint txPaint = new TexturePaint(textureImg, txRect);
        g2d.setPaint(txPaint);

        //make the texture transparent
        g2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.3f));
        g2d.fillRect(0, 0, getWidth(), getHeight());
        g2d.dispose();// disposing the graphics object 
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g); //To change body of generated methods, choose Tools | Templates.
        Graphics2D g2d = (Graphics2D) g.create();

        if(gradientImage==null || gradientImage.getHeight() != getHeight())
        {
            gradientImage = createGradientImg();
        }

        g2d.drawImage(gradientImage, 0, 0, getWidth(), getHeight(), this);
        g2d.dispose();
    }

    public BufferedImage createGradientImg()
    {
       BufferedImage image = new BufferedImage(getWidth(), getHeight(), BufferedImage.TYPE_INT_RGB);
       /// background gradient paint, linear gradient paint for the background
       /// Gradient paint rendering could be made more optimized
            LinearGradientPaint lgrPaint =  new LinearGradientPaint(0.0f, 0.0f, getWidth(), getHeight(),
                                                                new float[] { 0.0f, 0.5f, 0.6f, 1.0f },
                                                                new Color[] { new Color(0x002AFF),
                                                                new Color(0x0CAAF9),
                                                                new Color(0x0CAAF9),
                                                                new Color(0x002AFF) });


            Graphics2D g2d = (Graphics2D) image.getGraphics();
            g2d.setPaint(lgrPaint);
            //g2d.shear(0.2, 0);
            g2d.fillRect(0, 0, getWidth(), getHeight());

            g2d.dispose();
            //g2d.drawImage(textureImg, 0, 0, getWidth(), getHeight(), null);
            return image;
    }


}

public class CustomApp {

    public static void main(String[] args) throws IOException {

        // load the texture resource image
        System.out.println("Please wait, Loading Texture : http://www.brewsterwallcovering.com/data/default/images/catalog/original/289-5757.jpg");
        MainContainer.textureImg = ImageIO.read(new URL("http://www.brewsterwallcovering.com/data/default/images/catalog/original/289-5757.jpg"));
        System.out.println("Loading finished. Starting the Demo!");

        MainContainer.textureImg = MainContainer.textureImg.getSubimage(0, 0, 200, 200);

        // Starting the Swing GUI in the EDT, learn about it
        SwingUtilities.invokeLater(new Runnable() {

            @Override
            public void run() {
                JFrame frame = new JFrame("Demo: LogIn Dialogue");

                // set frame size as Demo perposes, otherwise not recommended
                frame.setSize(new Dimension(500, 300)); 
                MainContainer container = new MainContainer();

                frame.add(new MainContainer());
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.setVisible(true);

            }
        });
    }
}

Answer 2

Puedes usar JavaFX que te ofrece una gran apariencia. Creo que es mejor ir con JavaFX si está buscando un gran diseño en Java Swing que también proporcione mejores Look and Feels y animaciones. puede consultar estos enlaces espero que esto sea útil para usted.

Empezando con FXML

Swing con JavaFX