Convenio con:

EXCEL AVANZADO
Custom UI Editor
Ing. CIP Jorge Luis Cuenca Cabrera
jorge.cuenca@kawsaqi.org
Ejecución de macros mediante
botones
Estructura de un archivo Excel
Custom UI Editor
XML
PERSONALIZAR LA CINTA
DE OPCIONES
Introducción
1. Creamos un nuevo archivo
habilitado para macros
2. Abrir archivo con Custom UI Editor y
agregar Excel – A Custom Tab
3. Abrir archivo en Excel
PERSONALIZAR LA CINTA
DE OPCIONES
Conociendo XML
1. En el Custom UI Editor.
Agregar las siguientes líneas

Estas líneas indican que el archivo serán

personalizado en su interfaz gráfica.
2. Agregamos las siguientes etiquetas

Aquí estamos indicando que la

personalización será de la Cinta de Opciones
3. Agregamos las etiquetas “tabs”

Aquí estamos indicando que personalizaremos

las pestañas de la Cinta de Opciones
4. Creamos nuestra pestaña
personalizada: PERSONAL

Propiedad / valor

Aquí estamos creando una nueva pestaña

rotulada PERSONAL y con identificador
“fichaPersonal”
Agregamos otra pestaña personalizada
 Cerramos el Custom UI Editor y abrimos
el archivo en Excel

Podemos apreciar que aparecen 2 nuevas pestañas

Abrimos un libro nuevo para verificar que estas pestañas

sólo existen en el archivo que hemos personalizado
 Verificamos el contenido de la nuevas
pestañas

Se aprecia que las nuevas pestañas están al final.

Cambiamos la posición de las nuevas
pestañas en el Custom UI Editor

Ver archivo: ExcelControlsIDs

El resultado será
Apliquemos el siguiente cambio
 Abrimos el archivo en Excel y vemos el
resultado

TabHome

insertBeforeMso=“TabHome” insertAfterMso=“TabHome”
 RESUMEN 01
 Crear libro habilitado para macros
 Instalar Custom UI Editor for Microsoft Office y ejecutar
 En Custom UI Editor, abrir el archivo creado
 Agregar el customUI14.xml
 Agregar las etiquetas contenedoras
 customUI
 ribbon
 tabs
 tab
PERSONALIZAR LA CINTA
DE OPCIONES
Agregando botones
Estructura de las pestañas de Excel

grupo / group botón / button

Agregar grupos
Luego agregamos los botones

Propiedades:
• id
• label
• size
• imageMso
Veamos el resultado
Separador entre botones
Propiedad imageMso

 Permite asignar una imagen existente en Excel para el botón.

 Los nombres de las imágenes los podemos conocer descargando

los siguientes archivos de Microsoft

 Office2007IconsGallery.xlsm

 Office2010IconsGallery.doc
PERSONALIZAR LA CINTA
DE OPCIONES
Agregando funcionalidad a botones
 Editar el archivo Personalizado_v03

Usando el Custom UI Editor, lograr que el archivo tenga

una pestaña y botones, como se muestra en la imagen
La propiedad onAction

 Nos permite indicar el nombre de la Macro o Procedimiento que se

ejecutará cuando se haga clic en el botón.

 Agregar la propiedad onAction a cada botón indicando el nombre de la

macro o procedimiento que se va a ejecutar
 Crear la macro “nuevo_empleado”

Es importante agregar este argumento al procedimiento,

con ello Excel sabe que la llamada se ha hecho desde la
cinta de opciones.
Crear la macro “guardar_empleado”
PERSONALIZAR LA CINTA
DE OPCIONES
Depurar y encontrar errores en XML
Errores comunes

 Confundir mayúsculas y minúsculas

 Mala escritura en valores de la propiedad
 XML: diferencia entre mayúsculas y
minúsculas

Ribbon  ribbon
PERSONALIZAR LA CINTA
DE OPCIONES
Usar nuestras propias imágenes para los botones
Tamaño de las imágenes

 Para la propiedad size = “large” los botones tienen un

tamaño de 32 x 32

 Para la propiedad size = “normal” los botones tienen un

tamaño de 16 x 16

 Si nuestra imagen tiene un tamaño distinto el programa

tratará de ajustarlo al tamaño adecuado, pero podría
notarse algunas deformaciones.
Tipos de imagen

 El programa acepta imágenes BMP, JPG y PNG

 Se recomienda usar imágenes PNG, ya que éstas consideran la capa de

transparencia .
 Agregar nuestras imágenes

Dar clic en el icono de imágenes y luego escoger los archivos de imagen

que deseamos usar.
Una vez elegidas las imágenes,
éstas se cargan al archivo
y están disponibles para usar.
 Para usar una imagen propia cambiamos la propiedad “imageMso” por la
propiedad “image” y asignamos el nombre de la imagen que hemos
insertado previamente
El resultado será: