Rumah Java javaTutorial Gunakan Java untuk menulis penyesuaian mudah alih dan reka bentuk responsif data borang

Gunakan Java untuk menulis penyesuaian mudah alih dan reka bentuk responsif data borang

Aug 07, 2023 am 10:15 AM
Reka bentuk responsif Penyesuaian terminal mudah alih ditulis java

Gunakan Java untuk menulis data borang untuk penyesuaian mudah alih dan reka bentuk responsif

Dengan peningkatan populariti dan penggunaan peranti mudah alih, pembangunan aplikasi mudah alih telah menjadi bidang penting dalam pembangunan perisian hari ini. Untuk memberikan pengalaman pengguna yang baik pada peranti mudah alih, pembangun perlu mempertimbangkan saiz skrin peranti mudah alih, input sentuhan, ketersambungan rangkaian dan ciri lain. Pemprosesan data borang pada peranti mudah alih juga memerlukan penyesuaian dan reka bentuk responsif berdasarkan ciri-ciri peranti yang berbeza.

Dalam artikel ini, kami menggunakan Java untuk menulis program pemprosesan data bentuk ringkas dan memastikan ia boleh menyesuaikan diri dengan saiz skrin peranti mudah alih yang berbeza dan memproses input pengguna secara responsif.

Pertama, kita perlu menggunakan perpustakaan Swing Java untuk mencipta antara muka borang. Berikut ialah contoh mudah:

import javax.swing.*;
import java.awt.*;

public class FormApp extends JFrame {
    private JLabel nameLabel;
    private JTextField nameField;
    private JButton submitButton;

    public FormApp() {
        setTitle("表单数据处理");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setLayout(new FlowLayout());

        nameLabel = new JLabel("姓名:");
        nameField = new JTextField(10);
        submitButton = new JButton("提交");

        add(nameLabel);
        add(nameField);
        add(submitButton);

        pack();
        setVisible(true);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> {
            new FormApp();
        });
    }
}
Salin selepas log masuk

Dalam kod di atas, kami mencipta kelas FormApp yang mewarisi daripada JFrame dan memulakan setiap komponen borang dalam pembina. Komponen ini termasuk label teks (nameLabel), kotak input teks (nameField), dan butang (submitButton). Kami menggunakan pengurus susun atur FlowLayout untuk menambahkannya pada tetingkap secara berurutan dan memanggil kaedah pack() untuk mengubah saiz tetingkap secara automatik.

Seterusnya, kita perlu melaraskan susun atur antara muka borang mengikut saiz skrin peranti. Di Java, kita boleh menggunakan kelas javax.swing.WindowAdapter dan antara muka javax.swing.WindowListener untuk mendengar peristiwa perubahan saiz tetingkap dan melaraskan susun atur komponen mengikut keperluan. Berikut ialah contoh kod:

import javax.swing.*;
import java.awt.*;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

public class FormApp extends JFrame {
    // ...

    public FormApp() {
        // ...

        addWindowListener(new WindowAdapter() {
            public void windowOpened(WindowEvent e) {
                adjustLayout();
            }

            public void windowResized(WindowEvent e) {
                adjustLayout();
            }
        });
    }

    private void adjustLayout() {
        Dimension screenSize = getToolkit().getScreenSize();
        int windowHeight = screenSize.height / 2;
        int windowWidth = screenSize.width / 2;

        setPreferredSize(new Dimension(windowWidth, windowHeight));
        pack();
    }

    // ...
}
Salin selepas log masuk

Dalam kod di atas, kami menggunakan kaedah addWindowListener() dalam pembina kelas FormApp untuk menambah objek WindowAdapter dan mengatasi kaedah windowOpened() dan windowResized(). Dalam kaedah windowOpened(), kami melaraskan reka letak antara muka untuk kali pertama dalam kaedah windowResized(), kami melaraskan semula reka letak apabila saiz tetingkap peranti berubah.

Akhir sekali, kami perlu membalas input pengguna. Dalam contoh ini, kami menganggap bahawa pengguna mengklik butang hantar selepas memasukkan nama mereka dalam kotak input teks, dan kemudian kami perlu mendapatkan nama yang dimasukkan oleh pengguna. Berikut ialah contoh kod:

import javax.swing.*;
import java.awt.*;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

public class FormApp extends JFrame {
    // ...

    public FormApp() {
        // ...

        submitButton.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                String name = nameField.getText();
                JOptionPane.showMessageDialog(null, "你好," + name + "!");
            }
        });
    }

    // ...
}
Salin selepas log masuk

Dalam kod di atas, kami menggunakan kaedah addActionListener() untuk menambah objek ActionListener pada butang serah, dan dapatkan nama yang dimasukkan oleh pengguna dalam kaedah actionPerformed() dan hantarkannya kepada Kaedah JOptionPane.showMessa geDialog() memaparkan kotak dialog mesej alu-aluan.

Ringkasnya, program pemprosesan data bentuk ringkas telah dilaksanakan melalui penyesuaian mudah alih dan reka bentuk responsif data borang yang ditulis dalam Java. Dengan melaraskan reka letak antara muka dan membalas input pengguna, kami membolehkan borang menyesuaikan diri dengan peranti mudah alih yang berbeza dan memberikan pengalaman pengguna yang baik.

Sudah tentu, ini hanyalah contoh mudah, dan penyesuaian mudah alih dan reka bentuk responsif sebenar mungkin lebih rumit. Tetapi contoh ini boleh membantu kami memahami cara menggunakan perpustakaan Swing dalam Java untuk melaksanakan penyesuaian peranti mudah alih dan reka bentuk responsif.

Saya harap artikel ini akan membantu anda memahami dan menggunakan reka bentuk penyesuaian mudah alih dan responsif. Terima kasih kerana membaca!

Atas ialah kandungan terperinci Gunakan Java untuk menulis penyesuaian mudah alih dan reka bentuk responsif data borang. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌
Akan R.E.P.O. Ada Crossplay?
1 bulan yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Cara melaksanakan reka letak fleksibel dan reka bentuk responsif melalui vue dan Element-plus Cara melaksanakan reka letak fleksibel dan reka bentuk responsif melalui vue dan Element-plus Jul 18, 2023 am 11:09 AM

Cara melaksanakan reka bentuk yang fleksibel dan reka bentuk responsif melalui vue dan Element-plus Dalam pembangunan web moden, reka bentuk yang fleksibel dan reka bentuk responsif telah menjadi trend. Reka letak fleksibel membolehkan elemen halaman melaraskan saiz dan kedudukannya secara automatik mengikut saiz skrin yang berbeza, manakala reka bentuk responsif memastikan halaman dipaparkan dengan baik pada peranti yang berbeza dan memberikan pengalaman pengguna yang baik. Artikel ini akan memperkenalkan cara melaksanakan reka letak fleksibel dan reka bentuk responsif melalui vue dan Element-plus. Untuk memulakan kerja kami, kami

Panduan reka bentuk responsif bertindak balas: Cara mencapai kesan susun atur bahagian hadapan yang adaptif Panduan reka bentuk responsif bertindak balas: Cara mencapai kesan susun atur bahagian hadapan yang adaptif Sep 26, 2023 am 11:34 AM

Panduan Reka Bentuk Responsif React: Cara Mencapai Kesan Susun Adaptif Bahagian Hadapan Dengan populariti peranti mudah alih dan permintaan pengguna yang semakin meningkat untuk pengalaman berbilang skrin, reka bentuk responsif telah menjadi salah satu pertimbangan penting dalam pembangunan bahagian hadapan moden. React, sebagai salah satu rangka kerja bahagian hadapan yang paling popular pada masa ini, menyediakan pelbagai alatan dan komponen untuk membantu pembangun mencapai kesan reka letak penyesuaian. Artikel ini akan berkongsi beberapa garis panduan dan petua untuk melaksanakan reka bentuk responsif menggunakan React, dan menyediakan contoh kod khusus untuk rujukan. Fle menggunakan React

Cara menggunakan susun atur CSS Flex untuk melaksanakan reka bentuk responsif Cara menggunakan susun atur CSS Flex untuk melaksanakan reka bentuk responsif Sep 26, 2023 am 08:07 AM

Cara menggunakan reka letak anjal CSSFlex untuk melaksanakan reka bentuk responsif Dalam era peranti mudah alih yang meluas hari ini, reka bentuk responsif telah menjadi tugas penting dalam pembangunan bahagian hadapan. Antaranya, menggunakan susun atur elastik CSSFlex telah menjadi salah satu pilihan popular untuk melaksanakan reka bentuk responsif. Reka letak anjal CSSFlex mempunyai kebolehskalaan dan kebolehsuaian yang kuat, serta boleh melaksanakan reka letak skrin dengan saiz yang berbeza dengan cepat. Artikel ini akan memperkenalkan cara menggunakan reka letak elastik CSSFlex untuk melaksanakan reka bentuk responsif dan memberikan contoh kod khusus.

Kesan peranti mudah alih dengan PHP Kesan peranti mudah alih dengan PHP Feb 28, 2024 pm 12:01 PM

Kami akan membincangkan beberapa cara untuk mengesan peranti mudah alih dalam PHP. Kesan peranti mudah alih menggunakan kelas mobiledetect dalam php Kita boleh menggunakan kelas PHP ringan yang dipanggil MobileDetect untuk mengesan peranti mudah alih dalam PHP. Ia juga boleh mengesan peranti tablet. Pustaka ini menggunakan pengepala Http dan rentetan ejen pengguna tertentu untuk mengesan peranti mudah alih. Kami boleh memuat turun perpustakaan menggunakan Komposer menggunakan arahan berikut. composerrequiremobiledetect/mobiledetectlib Pustaka ini menyediakan pelbagai kaedah, seperti isMobile(), isTablet(), isiOS(), untuk mengesan pelbagai persekitaran mudah alih. kita boleh cipta

Bagaimana untuk melaksanakan reka letak responsif menggunakan Vue Bagaimana untuk melaksanakan reka letak responsif menggunakan Vue Nov 07, 2023 am 11:06 AM

Vue ialah rangka kerja pembangunan bahagian hadapan yang sangat baik Ia menggunakan mod MVVM dan mencapai reka letak responsif yang sangat baik melalui pengikatan data dua hala. Dalam pembangunan bahagian hadapan kami, reka letak responsif adalah bahagian yang sangat penting, kerana ia membolehkan halaman kami memaparkan kesan terbaik untuk peranti yang berbeza, sekali gus meningkatkan pengalaman pengguna. Dalam artikel ini, kami akan memperkenalkan cara menggunakan Vue untuk melaksanakan reka letak responsif dan memberikan contoh kod khusus. 1. Gunakan Bootstrap untuk melaksanakan reka letak responsif ialah a

CSS Viewport: Cara menggunakan unit vh, vw, vmin dan vmax untuk reka bentuk responsif CSS Viewport: Cara menggunakan unit vh, vw, vmin dan vmax untuk reka bentuk responsif Sep 13, 2023 pm 12:15 PM

CSSViewport: Cara menggunakan unit vh, vw, vmin dan vmax untuk melaksanakan reka bentuk responsif, contoh kod khusus diperlukan Dalam reka bentuk web responsif moden, kami biasanya mahu halaman web menyesuaikan diri dengan saiz skrin dan peranti yang berbeza untuk memberikan pengalaman pengguna yang baik. Unit CSSViewport (unit viewport) ialah salah satu alat penting untuk membantu kami mencapai matlamat ini. Dalam artikel ini, kami akan membincangkan cara menggunakan unit vh, vw, vmin dan vmax untuk mencapai reka bentuk responsif.

Cara menggunakan Layui untuk membangunkan reka bentuk reka letak web responsif Cara menggunakan Layui untuk membangunkan reka bentuk reka letak web responsif Oct 25, 2023 pm 12:24 PM

Cara menggunakan Layui untuk membangunkan reka bentuk reka letak halaman web yang responsif Dalam era Internet hari ini, semakin banyak laman web perlu mempunyai reka bentuk reka letak yang baik untuk memberikan pengalaman pengguna yang lebih baik. Sebagai rangka kerja bahagian hadapan yang ringkas, mudah digunakan dan fleksibel, Layui boleh membantu pembangun membina halaman web yang cantik dan responsif dengan cepat. Artikel ini akan memperkenalkan cara menggunakan Layui untuk membangunkan reka bentuk reka letak web responsif yang mudah, dan melampirkan contoh kod terperinci. Memperkenalkan Layui Mula-mula, perkenalkan fail berkaitan Layui dalam fail HTML

Cara menggunakan PHP untuk melaksanakan penyesuaian mudah alih dan reka bentuk responsif Cara menggunakan PHP untuk melaksanakan penyesuaian mudah alih dan reka bentuk responsif Sep 05, 2023 pm 01:04 PM

Cara menggunakan PHP untuk melaksanakan penyesuaian mudah alih dan reka bentuk responsif Penyesuaian mudah alih dan reka bentuk responsif ialah amalan penting dalam pembangunan tapak web moden. Ia boleh memastikan kesan paparan tapak web yang baik pada peranti yang berbeza. Dalam artikel ini, kami akan memperkenalkan cara menggunakan PHP untuk melaksanakan penyesuaian mudah alih dan reka bentuk responsif, dengan contoh kod. 1. Fahami konsep penyesuaian mudah alih dan reka bentuk responsif Penyesuaian mudah alih merujuk kepada menyediakan gaya dan reka letak yang berbeza untuk peranti berbeza berdasarkan ciri dan saiz peranti yang berbeza. Reka bentuk responsif merujuk kepada penggunaan

See all articles