Cree experiencias multiplataforma puramente nativas con Boden
Sitio web ⬡ Primeros pasos ⬡ Referencia de API ⬡ Guías ⬡ Twitter ⬡ ComentariosNota: Esta es una versión beta. La API de Boden aún no está completamente completa ni estable.
En una Mac : macOS 10.14+, Xcode 10.1+, Python 3.4+, CMake 3.15.0+.
En Windows : Windows 10, Python 3.4+, CMake 3.10.2+, Ninja, Git, Oracle JDK 8 y Android Studio (con Android NDK, consulte las instrucciones de instalación para obtener más detalles).
En Ubuntu 18.04 : sudo apt update && sudo apt install git cmake ninja-build python python3-distutils openjdk-8-jdk qemu-kvm
plus Android Studio (con Android NDK, consulte las instrucciones de instalación para obtener más detalles).
git clone --recurse-submodules https://github.com/AshampooSystems/boden.git
cd boden
python boden.py open -t bodendemo
Esto abrirá Xcode en macOS o Android Studio en Linux/Windows.
Si algo sale mal, asegúrese de que todas las dependencias estén instaladas y configuradas correctamente. Consulte nuestras guías ampliadas para obtener ayuda:
En Xcode, seleccione el objetivo bodendemo
y presione Cmd + R.
En Android Studio, seleccione el objetivo bodendemo
y presione Shift + F10 .
Para crear su primera aplicación Boden, abra una terminal (o símbolo del sistema), cambie a su directorio boden
local y ejecute los siguientes comandos:
python boden.py new -n AwesomeApp
cd AwesomeApp
python ../boden.py open
Esto creará una nueva carpeta llamada AwesomeApp
y generará archivos fuente y de proyecto para una aplicación multiplataforma simple Hello World. El último comando preparará y abrirá un proyecto Xcode en Mac o un proyecto de Android Studio en Linux/Windows.
En Xcode, seleccione el destino AwesomeApp
y luego presione Cmd + R para crear y ejecutar la aplicación Hello World.
En Android Studio, espere a que Gradle finalice sus procesos de sincronización y configuración y luego seleccione el destino bodendemo
y presione Cmd + R para compilar y ejecutar la aplicación de ejemplo, luego seleccione el destino AwesomeApp
y luego presione Ctrl + R en Mac o Shift + F10. en Linux/Windows para crear y ejecutar la aplicación Hello World.
Nota: En macOS y Linux también puedes simplemente escribir
./boden
en lugar de llamar explícitamentepython boden.py
. Si desea crear la versión de Android de la aplicación en macOS, ejecute../boden open -p android
.
Aquí hay un vistazo rápido al código fuente generado por el 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
es la parte más interesante del código fuente generado para la aplicación Hello World. Se creará una instancia del controlador de vista principal al iniciar la aplicación. Es responsable de configurar la interfaz de usuario de la aplicación.
Esto es lo que hace el código en detalle:
Primero, crea una nueva Window
y establece su título en AwesomeApp
:
_window = std::make_shared<Window>();
_window->title = " AwesomeApp " ;
Para obtener un diseño automático, utilice yogalayout::Layout
y establezca un tamaño de ventana predeterminado:
_window->geometry = Rect { 0 , 0 , 400 , 300 };
_window-> setLayout (std::make_shared<yoga::Layout>());
Luego, cree una instancia de un nuevo Button
y establezca su etiqueta en "Hola mundo":
auto button = std::make_shared<Button>();
button->label = " Hello World " ;
Como el botón es el único control que se mostrará en este ejemplo, configúrelo como la vista de contenido de la ventana:
_window->contentView = button;
Finalmente, haga visible la ventana:
_window->visible = true ;
Puede encontrar la documentación completa de Boden en nuestro sitio web.
La documentación de Boden aún está en proceso. Si no puede encontrar la información que busca, no dude en preguntar abriendo una incidencia de GitHub o contactándonos directamente.
Puede obtener la licencia de Boden según una de las siguientes licencias de código abierto:
Para obtener una licencia comercial/de propiedad, contáctenos en [email protected].
¡Estamos felices de recibir tus comentarios!
Póngase en contacto con nosotros y manténgase actualizado sobre Boden:
Si encuentra algo que falta o no funciona, considere abrir un problema de GitHub.