# Cómo crear un campo de moneda

> Campo con formato monetario automático, decimales y lectura del valor numérico.

Source: https://crossfly.dev/es/docs/cookbook/forms/mascara-moeda — CrossFly documentation. Full docs as one file: https://crossfly.dev/llms-full.txt

# Cómo crear un campo de moneda

**Propósito.** Crear un campo que formatea valores monetarios de derecha a izquierda (el usuario escribe `12345` y ve `123,45`), con agrupación de miles y decimales según el locale, y recuperar el valor como número decimal para el cálculo.

## APIs usadas
- `campo.setMode(EditMode.CURRENCY, true)` — activa el modo moneda con `maskedEdit`. Deriva automáticamente: `validChars = "0123456789.+-"`, `textAlignment = END` (alineado a la derecha), `keyboard = CALCULATOR` y, si no hay máscara, `mask = TextField.getDefaultCurrencyMask(decimalPlaces)`.
- `campo.<TextFieldStyle>getStyle().decimalPlaces(2)` — número de decimales (por defecto `2`). Define **antes** de `setMode`, ya que la máscara por defecto se construye a partir de él.
- `TextField.getDefaultCurrencyMask(int decimalPlaces)` — genera la máscara por defecto usando `LocaleFormats.thousandsSeparator` y `LocaleFormats.decimalSeparator` (ej.: `999.999.999,99` en pt-BR).
- `TextField.getText()` — valor formateado para mostrar (`"1.234,56"`).
- `TextField.getTextWithoutMask()` — valor con punto decimal, listo para `Double.parseDouble` (`"1234.56"`). Respeta el signo negativo.

> Signo negativo: en modo moneda con máscara, escribir `-` o `+` alterna el signo sin insertar carácter (`handleCharInput`). El negativo aparece en `getTextWithoutMask()` como prefijo `-`.

> Los separadores vienen del locale vía `LocaleFormats` (rellenado en la inicialización). No fijes `,`/`.` en el código — usa `getDefaultCurrencyMask` o `setMode(CURRENCY, true)` para respetar la región.

## Ejemplo completo (copiar, pegar y ejecutar)
```java
package com.exemplo;

import dev.crossfly.ui.*;
import dev.crossfly.ui.layout.*;
import dev.crossfly.ui.style.*;   // TextFieldStyle (config en el estilo)

/** Pantalla principal ejecutable. Apunta el launcher (classname) y corre: gradlew :lwjgl3:run */
public class MainWindow extends Window
{
   @Override
   public void onShow() throws Exception
   {
      super.onShow();
      setLayout(new VerticalLayout());

      TextField valor = new TextField("");
      valor.caption("Valor");
      valor.<TextFieldStyle>getStyle().decimalPlaces(2); // define antes de setMode
      valor.setMode(EditMode.CURRENCY, true);            // moneda + máscara + teclado calculadora
      valor.setText("1234.56");                          // muestra "1.234,56" (pt-BR)

      Label resultado = new Label("");

      Button somar = new Button("Somar 10");
      somar.onAction(o ->
      {
         double v = Double.parseDouble(valor.getTextWithoutMask()); // 1234.56
         double total = v + 10;
         resultado.setText("Total: " + total);
      });

      add(LAY_FILL, valor);
      add(LAY_AUTO, somar);
      add(LAY_FILL, resultado);
   }
}
```

> El fragmento de abajo muestra **solo el núcleo**. Para ejecutarlo, colócalo en el esqueleto `MainWindow` de arriba.

## Fragmento mínimo
```java
import dev.crossfly.ui.*;
import dev.crossfly.ui.style.*;
import static dev.crossfly.ui.UIConstants.EditMode;

TextField valor = new TextField("");
valor.caption("Valor");
valor.<TextFieldStyle>getStyle().decimalPlaces(2); // define antes de setMode
valor.setMode(EditMode.CURRENCY, true);            // moneda + máscara + teclado calculadora

// valor inicial:
valor.setText("1234.56"); // muestra "1.234,56" (pt-BR)

Button somar = new Button("Somar");
somar.onAction(o ->
{
   double v = Double.parseDouble(valor.getTextWithoutMask()); // 1234.56
   // ... cálculo
});
```

Para una máscara personalizada (ej.: 3 decimales explícitos):
```java
valor.<TextFieldStyle>getStyle()
   .mask(TextField.getDefaultCurrencyMask(3)); // después setMode(CURRENCY, true)
```

## Profundiza
- [Máscaras y teclados](/docs/ui/forms-and-input/masks-and-keyboards) · [Campos de texto](/docs/ui/forms-and-input/text-fields)
- Recetas hermanas: [Máscara de CPF/CEP/fecha](/docs/cookbook/forms/mascara-cpf) · [Teclado numérico](/docs/cookbook/forms/teclado-numerico)
- Fuente canónica: Capítulo 14 — Widgets básicos · [Enums (UIConstants)](/docs/reference/enums-uiconstants)