Diseñador de la cinta de opciones

Artículo
10/10/2023

El Diseñador de cintas de opciones es un lienzo de diseño visual. Use el Diseñador de cintas de opciones para agregar pestañas, grupos y controles personalizados a la cinta de opciones de una aplicación de Office lication de Microsoft.

Se aplica a: La información de este tema se aplica a proyectos de nivel de documento y proyectos de complementos de VSTO para las siguientes aplicaciones: Excel; InfoPath 2013 e InfoPath 2010; Outlook; Powerpoint; Proyecto; Visio; Palabra. Para obtener más información, consulte Características disponibles por aplicación de Office lication y tipo de proyecto.

Para abrir el Diseñador de cintas, agregue un elemento Ribbon (Visual Designer) al proyecto. A continuación, puede usar las herramientas de diseño para las siguientes tareas:

Diseño del diseño de la cinta de opciones
Controlar eventos y establecer propiedades de control
Agregar controles a la vista Backstage

Nota:

Hay algunas tareas que no se pueden realizar mediante el Diseñador de cintas de opciones. Para obtener más información sobre estas tareas y cómo se pueden llevar a cabo, consulte Introducción a la cinta de opciones.

Agregar un elemento de cinta de opciones (Diseñador visual) a un proyecto

Para usar el Diseñador de cintas de opciones, agregue un nuevo elemento ribbon (Diseñador visual) al proyecto. Para obtener más información, vea How to: Get started customizing the ribbon.

Al agregar un nuevo elemento de cinta de opciones (Diseñador visual), Visual Studio agrega automáticamente los siguientes archivos al proyecto:

Un archivo de código de la cinta de opciones. Este archivo tiene el nombre que especifique para el elemento Cinta de opciones (Diseñador visual) en el cuadro de diálogo Agregar nuevo elemento . Agregue código para controlar los eventos de la cinta de opciones en este archivo.
Un archivo de código del Diseñador de cintas de opciones. Este archivo contiene código generado por el Diseñador de cinta de opciones y no debe editarse directamente.
Un archivo de recursos. Este archivo contiene los valores de propiedad de cada control de la cinta de opciones.

Si ya tiene un elemento de cinta de opciones (Diseñador visual) de otro proyecto, puede reutilizarlo en el proyecto actual mediante el cuadro de diálogo Agregar elemento existente.

Diseño de una cinta de opciones

Hay tres maneras de abrir el Diseñador de cintas:

En Explorador de soluciones, haga doble clic en el archivo de código de la cinta de opciones.
En Explorador de soluciones, haga clic con el botón derecho en el archivo de código de la cinta de opciones y, a continuación, haga clic en Diseñador de vistas.
En Explorador de soluciones, seleccione el archivo de código de la cinta de opciones y, a continuación, haga clic en Diseñador en el menú Ver.

El Diseñador de cintas contiene una pestaña y un grupo predeterminados. Puede quitar la pestaña y el grupo predeterminados del Diseñador de cintas de opciones. Para quitar el grupo predeterminado, haga clic con el botón derecho en Group1 y, a continuación, haga clic en Eliminar. Para quitar la pestaña predeterminada, haga clic con el botón derecho en un área vacía de la superficie de diseño y, a continuación, haga clic en Quitar pestaña de la cinta de opciones.

También puede agregar pestañas, grupos y controles personalizados al Diseñador de la cinta de opciones. Puede encontrar estos controles en el cuadro de herramientas, en el grupo Controles de cinta de Office. Hay tres maneras de agregar controles desde el grupo Controles de cinta de Office al Diseñador de cintas de opciones:
Arrastre un control a un área adecuada en el Diseñador de cintas.
Haga clic en un control y, a continuación, haga clic en un área adecuada en el Diseñador de la cinta de opciones.
Seleccione un área adecuada en el diseñador y, a continuación, haga doble clic en un control en el Cuadro de herramientas.

Flujo de trabajo de diseño de la cinta de opciones

Siga estos pasos básicos para diseñar el diseño de la cinta de opciones:

Agregue una pestaña personalizada a la cinta de opciones.
Agregue grupos a la pestaña .
Agregue controles a los grupos.

Los controles solo se pueden quitar en grupos; No se puede arrastrar un control directamente a una pestaña o a la cinta de opciones. Los grupos solo se pueden quitar en pestañas; no se puede arrastrar un grupo directamente a una cinta de opciones.

Organice los controles arrastrándolos a las posiciones correctas. Puede establecer las propiedades de un control mediante la ventana Propiedades .

No se pueden arrastrar controles de una pestaña a otra en la cinta de opciones. Si desea mover un control a otra pestaña, debe usar el comando Cortar para quitar el control de una pestaña y, a continuación, pegar el control en otra pestaña. Si corta el control y lo pega, el controlador de eventos deja de funcionar. Puede volver a conectar el controlador de eventos en la ventana Propiedades . Para obtener más información, consulte ventana Propiedades.

Agregar pestañas personalizadas a la cinta de opciones

Hay tres maneras de agregar una pestaña personalizada a la cinta de opciones:

Agregue una pestaña desde el Cuadro de herramientas.
Haga clic con el botón derecho en el Diseñador de cintas y, a continuación, haga clic en Agregar pestaña de cinta.
Abra el Editor de recopilación de pestañas y haga clic en Agregar.

Para abrir el Editor de recopilación de pestañas, en la ventana Propiedades, seleccione la propiedad Tabs y, a continuación, haga clic en el botón de puntos suspensivos .

Después de agregar una pestaña, puede agregar grupos para que contengan controles.

Quitar pestañas personalizadas de la cinta de opciones

Hay tres maneras de quitar una pestaña personalizada de la cinta de opciones:

Haga clic con el botón derecho en el diseñador y, a continuación, haga clic en Quitar pestaña de cinta de opciones.
En el panel Comandos de la ventana Propiedades , haga clic en Quitar pestaña de cinta de opciones.
Abra el Editor de recopilación de pestañas, seleccione la pestaña y, a continuación, haga clic en Quitar.

Cambiar la posición de una pestaña en la cinta de opciones

Puede cambiar el orden de las pestañas personalizadas en una cinta de opciones. También puede colocar pestañas personalizadas antes o después de una pestaña integrada en la cinta de opciones. Para obtener más información, vea Cómo: Cambiar la posición de una pestaña en la cinta de opciones.

Personalización de pestañas integradas en la cinta de opciones

Una pestaña integrada es una pestaña que ya está en la cinta de opciones de una aplicación de Office lication de Microsoft. Por ejemplo, la pestaña Datos es una pestaña integrada en Excel.

Puede agregar grupos y controles a una pestaña integrada. De forma predeterminada, un grupo personalizado aparece como el último grupo en una pestaña integrada, aunque puede moverlo antes o después de cualquier grupo integrado en la pestaña.

No se pueden quitar grupos integrados.

Para obtener más información sobre cómo personalizar una pestaña integrada, consulte How to: Customize a built-in tab.

Agregar grupos a una pestaña

Los grupos organizan lógicamente los controles en la cinta de opciones. Agregar grupos a pestañas. Agregue todos los demás controles al grupo.

Agregar controles a grupos

Agregue uno o varios controles a un grupo. En la tabla siguiente se describe cada control.

Control	Descripción
Box	Contenedor que organiza los controles de un grupo. Puede agregar cualquier control a un cuadro excepto un separador, un grupo o una pestaña. Un cuadro puede ser horizontal o vertical.
Botón	Botón que inicia una acción. Puede agregar un botón a un grupo, un grupo de botones, una lista desplegable, una galería, un menú o un botón de división.
ButtonGroup	Grupo que contiene uno o varios botones, botones de alternancia, menús, botones divididos y galerías. Puede agregar un grupo de botones a un grupo o un menú.
CheckBox	Cuadro seleccionado o desactivado para activar o desactivar una opción.
ComboBox	Cuadro de edición con un cuadro de lista adjunto. Los usuarios pueden escribir o seleccionar su elección. El cuadro muestra la selección actual. Utilice la Items propiedad para agregar y quitar elementos en tiempo de ejecución antes o después de cargar la cinta de opciones en la aplicación de Office lication.
DropDown	Lista de elementos que el usuario puede seleccionar. El usuario no puede escribir un nuevo elemento en una lista desplegable. Use la Items propiedad para agregar elementos a la lista. Puede agregar y quitar elementos en tiempo de ejecución. Use la Buttons propiedad para agregar botones a la lista. Sin embargo, no puede agregar y quitar botones en tiempo de ejecución después de cargar la cinta de opciones en la aplicación de Office lication.
EditBox	Cuadro en el que el usuario puede escribir texto.
Galería	Menú que presenta una matriz o cuadrícula de opciones visuales desde las que los usuarios pueden seleccionar. Puede controlar el diseño de las selecciones en el menú. Use las ColumnCount propiedades y RowCount para especificar el número de filas y columnas que mostrarán los elementos y botones de la galería.
Label	Texto que puede usar para identificar los controles de la cinta de opciones.
Menu	Lista desplegable que puede contener cualquiera de los siguientes controles: -Botón - Casilla -Galería -Menú - Botón de división - Botón de alternancia -Separador Para agregar un control a un menú en el Diseñador de cintas, haga clic en la flecha hacia abajo del menú para exponer la superficie de diseño del menú. A continuación, puede arrastrar controles de cinta desde el cuadro de herramientas al menú. Para organizar los controles, arrástrelos a las posiciones deseadas. Para agregar controles a RibbonMenu después de cargar la cinta de opciones en la aplicación de Office lication, debe establecer la Dynamic propiedad en true antes de cargar la cinta de opciones. Para obtener información sobre cómo hacerlo, consulte Introducción al modelo de objetos de la cinta de opciones.
Separator	Barra delgada que se usa para separar elementos de una lista. Cuando se agrega a un grupo, la barra es vertical. Cuando se agrega a un menú, la barra es horizontal.
SplitButton	Un botón con un menú adjunto. Un botón de división puede contener cualquiera de los siguientes controles: -Botón - Casilla -Galería -Menú - Botón de división - Botón de alternancia -Separador Al igual que el menú, el botón de división tiene su propia superficie de diseño. Sin embargo, a diferencia de un menú, solo puede actualizar los elementos de un botón de división antes de que la cinta de opciones se cargue en la aplicación de Office lication. Para obtener información sobre cómo actualizar los elementos en un botón de división, vea Información general sobre el modelo de objetos de la cinta.
ToggleButton	Botón que aparece presionado o no presionado.

Controlar eventos y establecer propiedades

El Diseñador de cintas de opciones permite establecer propiedades de control en tiempo de diseño mediante la ventana Propiedades . Además, la cinta expone un modelo de objetos fuertemente tipado que puede usar para obtener y establecer las propiedades de los controles de cinta de opciones en tiempo de ejecución.

Puede hacer doble clic en cualquier control del diseñador para abrir un controlador de eventos para el evento predeterminado del control. Puede crear controladores de eventos para todos los demás eventos de control mediante la ventana Propiedades .

Los eventos y propiedades de la cinta se encuentran en el Microsoft.Office.Tools.Ribbon espacio de nombres. El elemento Ribbon (Visual Designer) agrega automáticamente una referencia a este ensamblado en el proyecto e inserta la instrucción using o Imports adecuada en la parte superior del archivo de código de la cinta de opciones.

Para obtener información sobre cómo controlar los eventos de la cinta de opciones y establecer las propiedades de los controles de cinta en tiempo de ejecución, vea Información general sobre el modelo de objetos de la cinta.

Personalizar la vista Backstage

Puede usar el Diseñador de cintas de opciones para agregar controles al menú que se abre al hacer clic en la pestaña Archivo . Este menú se denomina vista Backstage.

No se pueden colocar los controles antes o después de los controles integrados mediante el diseñador de la cinta de opciones. Un control integrado es un control que ya aparece en la vista Backstage. Si desea colocar controles antes o después de los controles integrados, debe usar XML de la cinta de opciones. Para obtener más información sobre la cinta de opciones (XML), vea XML de la cinta de opciones. Para obtener más información sobre cómo personalizar la vista Backstage, vea Introducción a la vista Backstage de Office 2010 para desarrolladores y Personalizar la vista Backstage de Office 2010 para desarrolladores.

Para obtener información sobre cómo agregar controles a la vista Backstage, vea How to: Add controls to the Backstage view.

Accesibilidad en el Diseñador de cintas

Puede usar métodos abreviados de teclado para mover controles en el Diseñador de la cinta de opciones. Algunos métodos abreviados de teclado se aplican a todos los controles y algunos solo se aplican a los controles que tienen menús.

Los métodos abreviados de teclado que se aplican a todos los controles se muestran en la tabla siguiente.

Acción	Métodos abreviados de teclado
Mueva un control antes del control anterior de la lista.	Ctrl+Hacia arriba Ctrl+Izquierda
Mueva un control después del siguiente control de la lista.	Ctrl+Hacia abajo Ctrl+Derecha
Mueva la selección de un control a otro en el mismo grupo. Para un panel desplegable, mueva entre el control primario y los controles del panel desplegable.	Up (Arriba) Bajar
Recorrer en iteración todos los controles.	Tab
Iteración a la inversa a través de todos los controles.	Mayús+Tabulador
Elimine el control seleccionado o el conjunto de controles.	Eliminar
Copie los controles seleccionados.	Ctrl+C
Corte los controles seleccionados.	Ctrl+X
Pegue los controles del Portapapeles.	Ctrl+V
Seleccione el Cuadro de herramientas.	Ctrl+Alt+X
Seleccione el componente primario.	Esc

Los métodos abreviados de teclado que solo se aplican al menú de Microsoft Office, RibbonMenuy RibbonSplitButton se muestran en la tabla siguiente.

Acción	Métodos abreviados de teclado
Seleccione el control primario si el panel desplegable está abierto y hay un control seleccionado en el panel desplegable.	Izquierdo
Cierre el panel desplegable si el panel desplegable está abierto y está seleccionado el control primario.	Izquierdo
Abra el panel desplegable.	Derecho
Seleccione el primer control del panel desplegable si está abierto el panel desplegable.	Derecho
Cierre un panel desplegable.	Esc