将textView和Image对齐在同一行JAVA

我使用下面的代码创建了Food选项卡

JTabbedPane tabbedPane = new JTabbedPane(JTabbedPane.TOP); addIt(tabbedPane, "Foods"); addIt1(tabbedPane, "Drinks"); addIt1(tabbedPane, "Desserts"); tabbedPane.setBounds(10, 11, 400, 450); frame.getContentPane().add(tabbedPane);

这里是addIt方法

 static void addIt(JTabbedPane tabbedPane, String text) throws IOException { JPanel panel = new JPanel(new FlowLayout(FlowLayout.LEFT)); JTextField textField = new JTextField(2); BufferedImage myPicture = ImageIO.read(new File("C:\\Users\\tony\\Desktop\\MedSalad.png")); Image scaled = myPicture.getScaledInstance(80,95,Image.SCALE_SMOOTH); JLabel picLabel = new JLabel("Salad",new ImageIcon(scaled),JLabel.CENTER); picLabel.setHorizontalTextPosition(JLabel.CENTER); picLabel.setVerticalTextPosition(JLabel.BOTTOM); JTextField textField1 = new JTextField(2); BufferedImage myPicture1 = ImageIO.read(new File("C:\\Users\\tony\\Desktop\\JapanesePanNoodles.png")); Image scaled1 = myPicture1.getScaledInstance(80,95,Image.SCALE_SMOOTH); JLabel picLabel1 = new JLabel("Japanese Noodles",new ImageIcon(scaled1),JLabel.CENTER); picLabel1.setHorizontalTextPosition(JLabel.CENTER); picLabel1.setVerticalTextPosition(JLabel.BOTTOM); JTextField textField2 = new JTextField(2); BufferedImage myPicture2 = ImageIO.read(new File("C:\\Users\\tony\\Desktop\\Spaghetti.png")); Image scaled2 = myPicture2.getScaledInstance(80,95,Image.SCALE_SMOOTH); JLabel picLabel2 = new JLabel("Spaghetti",new ImageIcon(scaled2),JLabel.CENTER); picLabel2.setHorizontalTextPosition(JLabel.CENTER); picLabel2.setVerticalTextPosition(JLabel.BOTTOM); JTextField textField3 = new JTextField(2); BufferedImage myPicture3 = ImageIO.read(new File("C:\\Users\\tony\\Desktop\\PadThai.png")); Image scaled3 = myPicture3.getScaledInstance(80,95,Image.SCALE_SMOOTH); JLabel picLabel3 = new JLabel("Spaghetti Meat Balls",new ImageIcon(scaled3),JLabel.CENTER); picLabel3.setHorizontalTextPosition(JLabel.CENTER); picLabel3.setVerticalTextPosition(JLabel.BOTTOM); JTextField textField4 = new JTextField(2); BufferedImage myPicture4 = ImageIO.read(new File("C:\\Users\\tony\\Desktop\\RamenNoodles.png")); Image scaled4 = myPicture4.getScaledInstance(80,95,Image.SCALE_SMOOTH); JLabel picLabel4 = new JLabel("Noodles",new ImageIcon(scaled4),JLabel.CENTER); picLabel4.setHorizontalTextPosition(JLabel.CENTER); picLabel4.setVerticalTextPosition(JLabel.BOTTOM); JTextField textField5 = new JTextField(2); BufferedImage myPicture5 = ImageIO.read(new File("C:\\Users\\tony\\Desktop\\SpaghettiAndMeatBalls.png")); Image scaled5 = myPicture5.getScaledInstance(80,95,Image.SCALE_SMOOTH); JLabel picLabel5 = new JLabel("Kids Spaghetti",new ImageIcon(scaled5),JLabel.CENTER); picLabel5.setHorizontalTextPosition(JLabel.CENTER); picLabel5.setVerticalTextPosition(JLabel.BOTTOM); JTextField textField6 = new JTextField(2); BufferedImage myPicture6 = ImageIO.read(new File("C:\\Users\\tony\\Desktop\\chickenRice.jpg")); Image scaled6 = myPicture6.getScaledInstance(80,95,Image.SCALE_SMOOTH); JLabel picLabel6 = new JLabel("Chicken Rice",new ImageIcon(scaled6),JLabel.CENTER); picLabel6.setHorizontalTextPosition(JLabel.CENTER); picLabel6.setVerticalTextPosition(JLabel.BOTTOM); JTextField textField7 = new JTextField(2); BufferedImage myPicture7 = ImageIO.read(new File("C:\\Users\\tony\\Desktop\\thaiFood.jpeg")); Image scaled7 = myPicture7.getScaledInstance(80,95,Image.SCALE_SMOOTH); JLabel picLabel7 = new JLabel("Thai Food",new ImageIcon(scaled7),JLabel.CENTER); picLabel7.setHorizontalTextPosition(JLabel.CENTER); picLabel7.setVerticalTextPosition(JLabel.BOTTOM); JTextField textField8 = new JTextField(2); BufferedImage myPicture8 = ImageIO.read(new File("C:\\Users\\tony\\Desktop\\vietnamFood.jpg")); Image scaled8 = myPicture8.getScaledInstance(80,95,Image.SCALE_SMOOTH); JLabel picLabel8 = new JLabel("Vietnam Food",new ImageIcon(scaled8),JLabel.CENTER); picLabel8.setHorizontalTextPosition(JLabel.CENTER); picLabel8.setVerticalTextPosition(JLabel.BOTTOM); panel.add(picLabel); panel.add(textField); panel.add(picLabel1); panel.add(textField1); panel.add(picLabel2); panel.add(textField2); panel.add(picLabel3); panel.add(textField3); panel.add(picLabel4); panel.add(textField4); panel.add(picLabel5); panel.add(textField5); panel.add(picLabel6); panel.add(textField6); panel.add(picLabel7); panel.add(textField7); panel.add(picLabel8); panel.add(textField8); tabbedPane.addTab(text, panel); }

这里是Food Tab的屏幕截图

在此处输入图像描述

MainClass

 public class FoodOrdering { private JFrame frame; private JTextField textField; public static void main(String[] args) { EventQueue.invokeLater(new Runnable() { public void run() { try { FoodOrdering window = new FoodOrdering(); window.frame.setVisible(true); } catch (Exception e) { e.printStackTrace(); } } }); } public FoodOrdering() throws IOException { initialize(); } private void initialize() throws IOException { frame = new JFrame(); frame.setBounds(100, 100, 700, 550); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.getContentPane().setLayout(null); frame.setLocationRelativeTo(null); JLabel lblFoodOrdered = new JLabel("Food Ordered"); lblFoodOrdered.setBounds(529, 11, 81, 14); frame.getContentPane().add(lblFoodOrdered); TextArea textArea = new TextArea(); textArea.setBounds(462, 31, 199, 275); frame.getContentPane().add(textArea); JLabel lblTotal = new JLabel("Total : "); lblTotal.setBounds(519, 315, 46, 14); frame.getContentPane().add(lblTotal); textField = new JTextField(); textField.setBounds(575, 312, 86, 20); frame.getContentPane().add(textField); textField.setColumns(10); JButton btnOrder = new JButton("Order"); btnOrder.setBounds(521, 352, 89, 23); frame.getContentPane().add(btnOrder); JTabbedPane tabbedPane = new JTabbedPane(JTabbedPane.TOP); addIt(tabbedPane, "Foods"); addIt1(tabbedPane, "Drinks"); addIt1(tabbedPane, "Desserts"); tabbedPane.setBounds(23, 11, 400, 450); frame.getContentPane().add(tabbedPane); }

如何将picture ， JTextField对齐在同一行？

我没有要测试的图像，问题中没有有效的MCVE ，但是从我看到它你可以尝试（按照优先顺序）

使用GridBagLayout而不是当前使用的FlowLayout ，这将有助于将图像放置在网格中并将其对齐。
使用GridLayout将使您的图像和JTextField大小相同，并将它们放置在相同大小的网格中，每个组件。
在获取getScaledInstance(...)之前，将图像大小调整为相同大小

顺便说一句，这个tabbedPane.setBounds(10, 11, 400, 450); 建议在你的代码的某些方面，你使用null布局，你应该知道null布局是邪恶的，因此它的使用是不受欢迎的。如果您没有在任何地方使用null布局（我们无法知道因为我们在问题中没有该代码），那么，需要该行。

此外，您可以通过包装所有相同的function来改进您的代码：

 JTextField textField1 = new JTextField(2); BufferedImage myPicture1 = ImageIO.read(new File("C:\\Users\\tony\\Desktop\\JapanesePanNoodles.png")); Image scaled1 = myPicture1.getScaledInstance(80,95,Image.SCALE_SMOOTH); JLabel picLabel1 = new JLabel("Japanese Noodles",new ImageIcon(scaled1),JLabel.CENTER); picLabel1.setHorizontalTextPosition(JLabel.CENTER); picLabel1.setVerticalTextPosition(JLabel.BOTTOM);

在接收图像名称和标签文本的方法中，因为其余的代码与其他代码相同，然后你可以在循环中调用该方法，这可以真正改善你编写的代码，易读性和简单性。

根据我的上述建议，您可以使用GridBagLayout使用GridBagConstraints将元素放置在您想要的位置，从而避免使用null布局：

 frame.getContentPane().setLayout(null); //COMPLETELY WRONG!!!!!!

在这个例子中，我使用了两个不同大小的图像，因此，您可以看到，即使这样，您的字段也将保持相同的大小。

以下代码是MCVE，你发布的代码不是（我很惊讶你有近3K代表不知道如何制作一个合适的MCVE）

 import java.awt.GridBagConstraints; import java.awt.GridBagLayout; import java.awt.image.BufferedImage; import java.io.IOException; import java.net.MalformedURLException; import java.net.URL; import javax.imageio.ImageIO; import javax.swing.ImageIcon; import javax.swing.JFrame; import javax.swing.JLabel; import javax.swing.JPanel; import javax.swing.JTextField; import javax.swing.SwingUtilities; public class FoodMenu { private JFrame frame; private JPanel pane; private GridBagConstraints gbc; private JLabel[] foodLabel; private JTextField[] qtyField; private static final int ELEMENTS = 9; public static void main(String[] args) { SwingUtilities.invokeLater(() -> new FoodMenu().createAndShowGui()); } private void createAndShowGui() { frame = new JFrame(getClass().getSimpleName()); pane = new JPanel(); pane.setLayout(new GridBagLayout()); gbc = new GridBagConstraints(); foodLabel = new JLabel[ELEMENTS]; qtyField = new JTextField[ELEMENTS]; ImageIcon icon = null, icon2 = null; try { URL url = new URL("https://image.flaticon.com/icons/png/128/148/148836.png"); URL url2 = new URL("https://i.stack.imgur.com/IucNt.png"); BufferedImage img = ImageIO.read(url); icon = new ImageIcon(img); BufferedImage img2 = ImageIO.read(url2); icon2 = new ImageIcon(img2); } catch (MalformedURLException e) { e.printStackTrace(); } catch (IOException e) { e.printStackTrace(); } for (int i = 0; i < ELEMENTS; i++) { foodLabel[i] = new JLabel(i % 2 == 0 ? icon : icon2); qtyField[i] = new JTextField(3); } gbc.gridx = 0; for (int i = 0; i < ELEMENTS; i++) { if (i % 3 == 0) { gbc.gridy++; gbc.gridx = 0; } pane.add(foodLabel[i], gbc); gbc.gridx++; pane.add(qtyField[i], gbc); gbc.gridx++; } frame.add(pane); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.pack(); frame.setVisible(true); } }

在此处输入图像描述

但是，如何在食物图像下方显示食物标签？

更改for循环如下

 gbc.gridx = 0; for (int i = 0; i < ELEMENTS; i++) { if (i % 3 == 0) { gbc.gridy += 2; gbc.gridx = 0; } pane.add(foodLabel[i], gbc); gbc.gridy++; pane.add(qtyField[i], gbc); gbc.gridx++; gbc.gridy--; }

将textView和Image对齐在同一行JAVA

在GWT中创建流体面板以填充页面？

Java并发：同步（this）=>和this.wait（）和this.notify（）

识别java字节代码中的循环

GWT的最佳数据绑定解决方案

Spring安全配置@Order不是唯一的例外

用逗号分隔字符串，但避免使用转义逗号和反斜杠

Java – 使用选项执行程序，如ls -l

预定义接口的抽象方法如Connection，Statement等如何在没有主体的情况下执行某些任务？

Spring MVC表单validation：如何使字段可选？

一次只有一个线程！