PBToolboxAI v3 ← Site

buttonbar — u_pbt_buttonbar #

← Referencia de componentes · Índice de la guía

buttonbar alinea una fila de botones de comando — icono, etiqueta o ambos — en un solo componente. Un clic informa el id del botón (ue_clicked); cada botón se controla con un handle (of_button) para deshabilitarlo, colorearlo u ocultarlo. El componente a preferir en cuanto hay varios botones: un WebView2 para toda la barra, donde N button separados costarían N.

▶ Verlo en vivo — Aplicación de demostración, mosaico Button bar, con el código y esta página lado a lado.


Inicio rápido #

// Une barre d'actions, en trois lignes
uo_bar.of_add_button("save", "mono:img\packimages.dll:svg/samples/save", "Save")
uo_bar.of_add_button("find", "mono:img\packimages.dll:svg/samples/find", "Find")
uo_bar.of_add_button("copy", "", "Copy")   // sans icone

// Griser un bouton
uo_bar.of_button("copy").ib_enabled = false

// Reagir : ue_clicked porte l'id du bouton
// (dans l'evenement ue_clicked du composant)
CHOOSE CASE as_key
	CASE "save" ; wf_save()
	CASE "find" ; wf_find()
END CHOOSE

Propiedades #

PropiedadTipoPredeterminadoDescripción
ii_padding_xinteger12Sangría izquierda/derecha de la barra, en píxeles: el espacio antes del primer botón y después del último. 0 pega los botones a los bordes
ii_padding_yinteger12Sangría superior/inferior de la barra, en píxeles. Un botón LLENA la altura de la barra: esta sangría decide la altura de los botones (barra más alta o sangría menor = botones más altos). 12 por defecto; -1 = la del tema
ii_gapinteger-1Espacio ENTRE dos botones, en píxeles. -1 (por defecto) = el del tema: un tema clásico junta los botones (con una línea separadora), los otros los separan. 0 los junta sea cual sea el tema
is_alignstringendAlinea la fila: start (izquierda), center, end (derecha, predeterminado, como un cuadro de diálogo) o justify (botones de igual ancho en todo el ancho). Valores lógicos (RTL) — constantes ALIGN_*
is_defaultstring""Clave del botón predeterminado — la acción principal, pintada con el acento, que Intro activa (como el Aceptar de un cuadro de diálogo). Vacío = ninguno; solo un botón predeterminado a la vez
is_cancelstring""Clave del botón cancelar — el que Esc activa (como el Cancelar de un cuadro de diálogo). Vacío = ninguno; solo un botón cancelar a la vez
is_theme_stylestringfluentEstilo visual del componente (constantes THEME_STYLE_*)
is_theme_modestringlightVariante clara u oscura (constantes THEME_MODE_*)
il_theme_accentlong-1Color de acento de este componente (-1 = acento del tema)
is_tooltipstring""Tooltip simple mostrado al pasar el ratón por el componente
is_super_tooltip_titlestring""Título del tooltip enriquecido (prevalece sobre is_tooltip)
is_super_tooltip_textstring""Texto del tooltip enriquecido (se acepta el marcado enriquecido)
is_super_tooltip_imagestring""Imagen del tooltip enriquecido

Métodos #

MétodoFunción
of_add_button (string as_key, string as_image_file, string as_text) → longAgrega un botón de comando (id, archivo de imagen, etiqueta) al final de la barra. mono: en la imagen la recolorea al tema; una etiqueta vacía hace un botón solo icono. Devuelve 0, -5 con clave vacía o sin imagen ni texto
of_insert_button (string as_key, integer ai_index, string as_image_file, string as_text) → longInserta un botón de comando en la posición ai_index (à partir de 1), desplazando el resto. Devuelve 0, -5 con clave vacía o sin imagen ni texto
of_remove_button (string as_key) → longQuita un botón por su clave; los demás conservan su estado vivo. Devuelve 0, -5 con clave vacía
of_move_button (string as_key, integer ai_index) → longMueve un botón a la posición ai_index (à partir de 1) sin perder su estado vivo. Devuelve 0, -5 con clave vacía
of_clear_buttons ( ) → longQuita todos los botones de la barra. Devuelve 0, -2 si no está creado
of_button (string as_key) → n_pbt_buttonbar_buttonDevuelve el handle de un botón (por id) para leer o cambiar sus propiedades (ver abajo)

Eventos #

EventoCuándo
ue_clicked (string as_key)El usuario hizo clic en un botón de comando: se pasa su id. Un botón deshabilitado no emite nada

Propiedades de un botón (of_button) #

PropiedadTipoPredeterminadoDescripción
ib_enabledbooleantrueActiva o deshabilita un botón; deshabilitado, no se puede clicar
ib_visiblebooleantrueMuestra u oculta un botón; oculto, conserva su lugar y vuelve donde estaba
is_textstring""Etiqueta del botón; se cambia tras agregarlo
is_imagestring""Icono del botón (archivo de imagen; mono: sigue el tema); se cambia tras agregarlo
il_badgelong0Pequeña insignia de recuento en la esquina del botón (0 = ninguna)
is_shortcutstring""Mnemónico de este botón: Alt+la letra lo activa, y la letra se subraya en su etiqueta. Una letra (se usa la primera); vacío = ninguna
il_back_colorlong-1Fondo de ESTE botón (-1 = el del componente, que sigue el tema)
il_text_colorlong-1Color del texto de ESTE botón (-1 = el del componente)
il_back_color_hoverlong-1Fondo de ESTE botón al pasar (-1 = el del componente)
il_text_color_hoverlong-1Color del texto de ESTE botón al pasar (-1 = el del componente)
il_accentlong-1Acento de ESTE botón (-1 = acento del componente)

Heredado de la base común #

Estos miembros existen en todos los componentes visuales — no son propios de este. Se detallan una sola vez, en los capítulos transversales; esta tabla solo dice dónde leerlos.

MiembrosFunciónDetallado en
of_count · of_keys_at · of_hasRecorrer lo que el componente contiene3.2 Los items
of_resetPoner el componente a cero3.6 Poner un componente a cero: of_reset()
of_register_shortcut · of_clear_shortcutsAtajos de teclado del componente3.5 Los atajos de teclado
of_is_created · of_is_ready · of_get_last_errorSi ha nacido, si está listo, qué ha fallado3.7 Diagnóstico
of_save_as_png · of_save_as_jpgExportar el render como imagen3.8 Exportar la representación como imagen
of_set_redrawAgrupar los cambios en un solo repintado3.10 Buenas prácticas
of_preload_iconsIconos mostrados sin retardoVisualización instantánea: of_icon
of_set_translationTraducir una etiqueta del componente5.2 Adaptar una etiqueta: of_set_translation
of_focus_webviewDar el foco al componente6.4 Teclado y foco
of_print · of_print_to_pdfImprimir, o escribir un PDF6.9 Imprimir
of_set_property · of_get_property · of_component_nameControlar una propiedad por su nombre3.1 El motor de propiedades

← Referencia de componentes · Índice de la guía