boden
1.0.0
สร้างประสบการณ์ข้ามแพลตฟอร์มแบบเนทีฟอย่างแท้จริงด้วย Boden
เว็บไซต์ ⬡ เริ่มต้นใช้งาน ⬡ การอ้างอิง API ⬡ คำแนะนำ ⬡ Twitter ⬡ คำติชม
หมายเหตุ: นี่เป็นรุ่นเบต้า Boden API ยังไม่สมบูรณ์และเสถียร
บน Mac : macOS 10.14+, Xcode 10.1+, Python 3.4+, CMake 3.15.0+
บน Windows : Windows 10, Python 3.4+, CMake 3.10.2+, Ninja, Git, Oracle JDK 8 และ Android Studio (พร้อม Android NDK โปรดดูคำแนะนำในการติดตั้งสำหรับรายละเอียดเพิ่มเติม)
บน Ubuntu 18.04 : sudo apt update && sudo apt install git cmake ninja-build python python3-distutils openjdk-8-jdk qemu-kvm plus Android Studio (พร้อม Android NDK ดูคำแนะนำในการติดตั้งสำหรับรายละเอียดเพิ่มเติม)
git clone --recurse-submodules https://github.com/AshampooSystems/boden.git
cd boden
python boden.py open -t bodendemo
สิ่งนี้จะแสดง Xcode บน macOS หรือ Android Studio บน Linux/Windows
หากมีสิ่งใดผิดพลาด โปรดตรวจสอบให้แน่ใจว่าได้ติดตั้งและตั้งค่าการขึ้นต่อกันทั้งหมดอย่างถูกต้อง ดูคำแนะนำเพิ่มเติมของเราเพื่อขอความช่วยเหลือ:
ใน Xcode เลือกเป้าหมาย bodendemo แล้วกด Cmd + R
ใน Android Studio เลือกเป้าหมาย bodendemo แล้วกด Shift + F10
หากต้องการสร้างแอป Boden แรกของคุณ ให้เปิดเทอร์มินัล (หรือพรอมต์คำสั่ง) เปลี่ยนเป็นไดเร็กทอรี boden ในเครื่องของคุณ และดำเนินการคำสั่งต่อไปนี้:
python boden.py new -n AwesomeApp
cd AwesomeApp
python ../boden.py open
สิ่งนี้จะสร้างโฟลเดอร์ใหม่ชื่อ AwesomeApp และสร้างไฟล์ต้นฉบับและโปรเจ็กต์สำหรับแอปพลิเคชันข้ามแพลตฟอร์ม Hello World แบบธรรมดา คำสั่งสุดท้ายจะเตรียมและเปิดโปรเจ็กต์ Xcode บน Mac หรือโปรเจ็กต์ Android Studio บน Linux/Windows
ใน Xcode เลือกเป้าหมาย AwesomeApp จากนั้นกด Cmd + R เพื่อสร้างและรันแอปพลิเคชัน Hello World
ใน Android Studio ให้รอให้ Gradle เสร็จสิ้นกระบวนการซิงค์และกำหนดค่า จากนั้นเลือกเป้าหมาย bodendemo แล้วกด Cmd + R เพื่อสร้างและเรียกใช้แอปพลิเคชันตัวอย่าง จากนั้นเลือกเป้าหมาย AwesomeApp จากนั้นกด Ctrl + R บน Mac หรือ Shift + F10 บน Linux/Windows เพื่อสร้างการรันแอปพลิเคชัน Hello World
หมายเหตุ: บน macOS และ Linux คุณยังสามารถพิมพ์
./bodenboden แทนการเรียกpython boden.pyอย่างชัดเจนได้ หากคุณต้องการสร้างแอปเวอร์ชัน Android บน macOS ให้รัน../boden open -p android
ต่อไปนี้เป็นการดูซอร์สโค้ดที่สร้างโดยคำสั่ง boden new โดยย่อ:
// MainViewController.cpp
# include < bdn/ui.h >
# include < bdn/ui/yoga.h >
# include " MainViewController.h "
using namespace bdn ;
using namespace bdn ::ui ;
MainViewController::MainViewController ()
{
_window = std::make_shared<Window>();
_window-> title = " AwesomeApp " ;
_window-> geometry = Rect { 0 , 0 , 400 , 300 };
_window-> setLayout (std::make_shared<yoga::Layout>());
auto button = std::make_shared< Button >();
button-> label = " Hello World " ;
_window-> contentView = button;
_window-> visible = true ;
} MainViewController.cpp เป็นส่วนที่น่าสนใจที่สุดของซอร์สที่สร้างขึ้นสำหรับแอปพลิเคชัน Hello World ตัวควบคุมมุมมองหลักจะถูกสร้างอินสแตนซ์เมื่อเปิดแอปพลิเคชัน มีหน้าที่รับผิดชอบในการตั้งค่าส่วนต่อประสานผู้ใช้ของแอปพลิเคชัน
นี่คือสิ่งที่โค้ดทำโดยละเอียด:
ขั้นแรก สร้าง Window ใหม่และตั้งชื่อเป็น AwesomeApp :
_window = std::make_shared<Window>();
_window->title = " AwesomeApp " ; หากต้องการรับเลย์เอาต์อัตโนมัติ ให้ใช้ yogalayout::Layout และตั้งค่าขนาดหน้าต่างเริ่มต้น:
_window->geometry = Rect { 0 , 0 , 400 , 300 };
_window-> setLayout (std::make_shared<yoga::Layout>()); จากนั้น สร้าง Button ใหม่และตั้งค่าป้ายกำกับเป็น "Hello World":
auto button = std::make_shared<Button>();
button->label = " Hello World " ;เนื่องจากปุ่มเป็นเพียงตัวควบคุมเดียวที่จะแสดงในตัวอย่างนี้ ให้ตั้งค่าเป็นมุมมองเนื้อหาของหน้าต่าง:
_window->contentView = button;สุดท้าย ทำให้หน้าต่างมองเห็นได้:
_window->visible = true ;คุณสามารถดูเอกสาร Boden ฉบับเต็มได้ที่เว็บไซต์ของเรา
เอกสารของ Boden ยังคงดำเนินการอยู่ หากคุณไม่พบข้อมูลที่ต้องการ โปรดอย่าลังเลที่จะสอบถามโดยเปิดปัญหา GitHub หรือติดต่อเราโดยตรง
คุณสามารถอนุญาต Boden ได้ภายใต้หนึ่งในใบอนุญาตโอเพ่นซอร์สต่อไปนี้:
สำหรับการอนุญาตเชิงพาณิชย์/กรรมสิทธิ์ โปรดติดต่อเราที่ [email protected]
เราพอใจกับความคิดเห็นของคุณ!
ติดต่อเราและติดตามข่าวสารล่าสุดเกี่ยวกับ Boden:
หากคุณพบสิ่งที่ขาดหายไปหรือไม่ได้ผล โปรดพิจารณาเปิดปัญหา GitHub
