Componente de botón
Parte de la sección Object Oriented Programming del Journey de Rust de Coddy — lección 51 de 61.
Desafío
FácilContinuemos construyendo nuestro Sistema de Documentos agregando un segundo componente de UI: un Button. Al igual que el TextField, este componente implementará el trait Draw, demostrando cómo diferentes tipos pueden compartir una interfaz común.
Expandirás tu proyecto con otro archivo de módulo:
draw.rs: Mantén tu traitDrawde los desafíos anteriores.text_field.rs: Mantén tu estructuraTextFieldy su implementación deDraw.button.rs: Crea una estructuraButtoncon dos campos públicos:label(unString) ywidth(unu32). Implementa el traitDrawparaButtonde modo que al llamar adraw()se imprima el botón en este formato:Button: {label} (width: {width})main.rs: Incorpora los tres módulos. Crea tanto unTextFieldcomo unButton, luego llama adraw()en cada uno para renderizar ambos componentes.
Tu módulo button necesitará acceder al trait Draw usando crate::draw::Draw, tal como hiciste con TextField.
Se proporcionarán las siguientes entradas:
- Primera línea: el contenido del campo de texto (text field)
- Segunda línea: la etiqueta (label) del botón
- Tercera línea: el ancho (width) del botón (como un número)
Tu salida debe mostrar primero el campo de texto y luego el botón, cada uno en su propia línea:
Text: Welcome
Button: Submit (width: 100)Pruébalo tú mismo
mod draw;
mod text_field;
mod button;
use draw::Draw;
use text_field::TextField;
use button::Button;
pub struct Label {
pub text: String,
}
impl Draw for Label {
fn draw(&self) {
println!("{}", self.text);
}
}
fn main() {
let mut input1 = String::new();
std::io::stdin().read_line(&mut input1).expect("Failed to read line");
let content = input1.trim().to_string();
let mut input2 = String::new();
std::io::stdin().read_line(&mut input2).expect("Failed to read line");
let label = input2.trim().to_string();
let mut input3 = String::new();
std::io::stdin().read_line(&mut input3).expect("Failed to read line");
let width: u32 = input3.trim().parse().expect("Failed to parse width");
let text_field = TextField { content };
text_field.draw();
// TODO: Crear un Button con `label` y `width`, luego llamar a draw()
}Todas las lecciones de Object Oriented Programming
1Métodos y Comportamiento
Intro a Bloques de ImplementaciónEl Parámetro SelfMétodos MutablesFunciones AsociadasMúltiples Bloques de ImplementaciónEncadenamiento de MétodosResumen - Acciones de Rectángulo4Proyecto: Mascota virtual
Definir la mascotaAlimentar a la mascota7Traits estándar
El trait DebugEl trait DisplayClone y CopyTraits de igualdadResumen - Punto imprimible10Proyecto: Sistema de documentos
El Trait DrawComponente de texto2Encapsulamiento y módulos
Conceptos básicos de módulosLa palabra clave PublicCampos privadosGettersSettersRepaso - Casillero seguro5Genéricos
Estructuras genéricasMétodos genéricosMúltiples tipos genéricosFunciones genéricasResumen - Punto de coordenadas8Traits como límites
Sintaxis de límites de traitsLímites múltiplesLa cláusula whereRetornar tipos con traitsResumen: Impresora genérica11Patrones de diseño en Rust
Patrón NewtypeComposiciónEl Trait DropFrom e IntoResumen - Mock de Smart Pointer3Enums avanzados
Enums con datosMétodos en EnumsCoincidencia de variantes de datosEl Enum Option revisitadoResumen - Enum Shape6Definición de Traits
¿Qué es un Trait?Implementación de TraitsImplementaciones por defectoSobrescribir valores por defectoTraits con parámetrosResumen - Reproductor multimedia