การใช้งาน GUI create new Windows ในภาษา Rust แบบง่ายๆ พร้อมตัวอย่าง

# การใช้งาน GUI สร้างหน้าต่างใหม่ในภาษา Rust อย่างง่ายดาย

ในโลกแห่งการพัฒนาซอฟต์แวร์ การสร้าง Graphical User Interface (GUI) เป็นหนึ่งในปัจจัยสำคัญที่ทำให้แอปพลิเคชันของเราสามารถสื่อสารและโต้ตอบกับผู้ใช้ได้ในรูปแบบที่เป็นมิตร ในบทความนี้ เราจะสำรวจวิธีการสร้างหน้าต่าง GUI ใหม่ในภาษา Rust ซึ่งเป็นภาษาที่มีความปลอดภัยสูง มีประสิทธิภาพ และเหมาะสำหรับการพัฒนาระบบที่มีความแม่นยำสูง เราจะผ่านเข้าสู่ตัวอย่างโค้ด 3 ตัวอย่างที่ช่วยให้คุณเริ่มต้นได้โดยง่าย พร้อมทั้งอธิบายการทำงานและนำเสนอ use case ในโลกจริงเป็นการชักชวนสำหรับผู้ที่สนใจศึกษาโปรแกรมมิ่งร่วมกับทีมงานของเราที่ EPT ได้อย่างลึกซึ้งยิ่งขึ้นครับ!

ตัวอย่างโค้ดที่ 1: การสร้างหน้าต่างพื้นฐานด้วย `rust-sdl2`

 use sdl2::pixels::Color;
use sdl2::event::Event;
use sdl2::keyboard::Keycode;
use std::time::Duration;

fn main() -> Result<(), String> {
    let sdl_context = sdl2::init()?;
    let video_subsystem = sdl_context.video()?;

    let window = video_subsystem.window("EPT Rust Window", 800, 600)
        .position_centered()
        .build()
        .map_err(|e| e.to_string())?;

    let mut canvas = window.into_canvas().build().map_err(|e| e.to_string())?;

    canvas.set_draw_color(Color::RGB(0, 255, 255));
    canvas.clear();
    canvas.present();

    let mut event_pump = sdl_context.event_pump()?;
    'running: loop {
        for event in event_pump.poll_iter() {
            match event {
                Event::Quit {..} |
                Event::KeyDown { keycode: Some(Keycode::Escape), .. } => {
                    break 'running;
                },
                _ => {}
            }
        }

        // Sleep for a short duration to reduce CPU usage
        std::thread::sleep(Duration::new(0, 1_000_000_000u32 / 60));
    }

    Ok(())
}

ตัวอย่างโค้ดนี้ใช้ไลบรารี `rust-sdl2` เพื่อสร้างหน้าต่างที่มีขนาด 800x600 พิกเซล ตั้งชื่อว่า "EPT Rust Window" สีของหน้าต่างถูกตั้งค่าเป็นสีฟ้าอ่อนและมีลูปการรับเหตุการณ์ที่รอจนกว่าผู้ใช้จะกดปุ่ม `Escape` หรือคลิกปุ่ม `×` เพื่อปิดโปรแกรม

ตัวอย่างโค้ดที่ 2: การใช้ `gtk-rs` สำหรับสร้างหน้าต่าง GUI แบบเต็มรูปแบบ

 use gtk::prelude::*;
use gtk::{ApplicationWindow, Button, Orientation};

fn main() {
    let application = gtk::Application::new(
        Some("com.ept.rustgui"),
        Default::default(),
    )
    .expect("Initialization failed...");

    application.connect_activate(|app| {
        let window = ApplicationWindow::new(app);
        window.set_title("EPT Rust GTK Window");
        window.set_default_size(350, 70);

        let button = Button::with_label("Click me!");
        button.connect_clicked(|_| {
            println!("Clicked!");
        });

        let vbox = gtk::Box::new(Orientation::Vertical, 0);
        vbox.add(&button);

        window.add(&vbox);

        window.show_all();
    });

    application.run(&[]);
}

โค้ดนี้ใช้ไลบรารี `gtk-rs` ซึ่งเป็นการบริการ bindings สำหรับ GTK+ 3 สำหรับ Rust. การสร้างหน้าต่างด้วยการคลิกปุ่มทำให้ปุ่มแสดงข้อความ "Clicked!" บน terminal.

ตัวอย่างโค้ดที่ 3: การใช้ `iced`

 use iced::{
    button, Application, Button, Column, Command, Element, Settings, Text,
};

pub fn main() -> iced::Result {
    Counter::run(Settings::default())
}

struct Counter {
    value: i32,
    increment_button: button::State,
    decrement_button: button::State,
}

#[derive(Debug, Clone, Copy)]
enum Message {
    IncrementPressed,
    DecrementPressed,
}

impl Application for Counter {
    type Executor = iced::executor::Default;
    type Message = Message;
    type Flags = ();

    fn new(_flags: ()) -> (Counter, Command<Message>) {
        (
            Counter {
                value: 0,
                increment_button: button::State::new(),
                decrement_button: button::State::new(),
            },
            Command::none(),
        )
    }

    fn title(&self) -> String {
        String::from("Counter - EPT")
    }

    fn update(&mut self, message: Message) -> Command<Message> {
        match message {
            Message::IncrementPressed => {
                self.value += 1;
            }
            Message::DecrementPressed => {
                if self.value > 0 {
                    self.value -= 1;
                }
            }
        }
        Command::none()
    }

    fn view(&mut self) -> Element<Message> {
        Column::new()
            .push(
                Button::new(&mut self.increment_button, Text::new("Increment"))
                    .on_press(Message::IncrementPressed),
            )
            .push(
                Text::new(self.value.to_string()).size(50),
            )
            .push(
                Button::new(&mut self.decrement_button, Text::new("Decrement"))
                    .on_press(Message::DecrementPressed),
            )
            .into()
    }
}

โค้ดนี้ใช้ไลบรารี `iced` ซึ่งเป็นไลบรารี GUI สมัยใหม่ของ Rust ที่ไม่ขึ้นกับระบบปฏิบัติการใด ๆ เหมาะสำหรับไม่เฉพาะแอปพลิเคชันบนเดสก์ท็อป เรากำลังสร้างแอปพลิเคชันเคาน์เตอร์ที่มีสองปุ่ม หนึ่งเพิ่มและอีกหนึ่งลดค่า พร้อมกับแสดงค่าที่ถูกนับไว้เป็นตัวอักษรขนาดใหญ่

การนำไปใช้งานในโลกจริง (Usecase)

การพัฒนาแอปพลิเคชันที่มี GUI ในภาษา Rust มีหลาย usecase ในโลกจริง เช่น:

- การพัฒนาซอฟต์แวร์สำหรับจัดการฐานข้อมูล

- การสร้างแอปพลิเคชันสำหรับการเรียนรู้และการฝึกอบรม

- การสร้างเครื่องมือสำหรับการวิเคราะห์ข้อมูล

- การพัฒนาเกมและแอปพลิเคชันด้านกราฟิก

แต่ละตัวอย่างโค้ดที่แสดงให้เห็นว่า Rust สามารถใช้สำหรับการพัฒนา GUI ได้อย่างยืดหยุ่นและประสิทธิภาพ ทั้งนี้การเรียนรู้เกี่ยวกับการพัฒนา GUI ในภาษา Rust สามารถทำได้ด้วยการศึกษาที่ EPT ซึ่งมีหลักสูตรและการสอนที่จะนำคุณเข้าสู่การเรียนรู้เชิงลึกและการประยุกต์ใช้ทักษะในโลกการพัฒนาซอฟต์แวร์ได้อย่างมืออาชีพครับ!

หากคุณสนใจที่จะขยายความรู้เพื่อผนวกประสบการณ์ใหม่ๆ ในการโปรแกรมมิ่ง เราขอเชิญชวนคุณมาร่วมเส้นทางการเรียนรู้ที่ EPT ไปด้วยกัน เรามีทีมงานผู้เชี่ยวชาญพร้อมแนะนำและสนับสนุนคุณตลอดเส้นทางการเป็นนักพัฒนาซอฟต์แวร์มืออาชีพครับ!

หมายเหตุ: ข้อมูลในบทความนี้อาจจะผิด โปรดตรวจสอบความถูกต้องของบทความอีกครั้งหนึ่ง บทความนี้ไม่สามารถนำไปใช้อ้างอิงใด ๆ ได้ ทาง EPT ไม่ขอยืนยันความถูกต้อง และไม่ขอรับผิดชอบต่อความเสียหายใดที่เกิดจากบทความชุดนี้ทั้งทางทรัพย์สิน ร่างกาย หรือจิตใจของผู้อ่านและผู้เกี่ยวข้อง