Tutorial: Creación de una aplicación de cinta mediante MFC

En este tutorial se muestra cómo usar el Asistente para aplicaciones MFC para crear una aplicación que tenga una cinta de opciones de forma predeterminada. Después, puede expandir la cinta agregando una categoría de cinta personalizada que tenga un panel de cinta favoritos y, a continuación, agregue algunos comandos usados con frecuencia al panel.

Prerrequisitos

En este tutorial se supone que ha establecido Visual Studio para usar la configuración de desarrollo general. Si usa configuraciones diferentes, es posible que no se muestren algunos de los elementos de la interfaz de usuario (UI) a los que se hace referencia en las instrucciones siguientes.

Para crear una aplicación MFC que tenga una cinta de opciones

1. Use el Asistente para aplicaciones MFC para crear una aplicación MFC que tenga una cinta de opciones. Consulte Tutorial: Uso de los nuevos controles de shell de MFC para obtener instrucciones sobre cómo abrir el asistente para su versión de Visual Studio.

2. Establezca las siguientes opciones en el Asistente para aplicaciones MFC:

   1. En la sección Tipo de aplicación, en Estilo visual y colores, seleccione Office 2007 (tema azul).

   2. En la sección Compatibilidad con documentos compuestos , asegúrese de que Ninguno está seleccionado.

   3. En la sección Propiedades de plantilla de documento, en el cuadro Extensión de archivo, escriba una extensión de nombre de archivo para los documentos que crea esta aplicación, por ejemplo, mfcrbnapp.

   4. En la sección Compatibilidad con bases de datos (solo Visual Studio 2015), asegúrese de que No está seleccionada.

   5. En la sección Características de la interfaz de usuario , asegúrese de que está seleccionada la opción Usar una cinta de opciones .

   6. De forma predeterminada, el Asistente para aplicaciones MFC agrega compatibilidad con varios paneles de acoplamiento. Dado que este tutorial solo enseña sobre la cinta de opciones, puede quitar estas opciones de la aplicación. En la sección Características avanzadas , desactive todas las opciones.

3. Haga clic en Finalizar para crear la aplicación MFC.

4. Para comprobar que la aplicación se creó correctamente, compilela y ejecútela. Para compilar la aplicación, en el menú Compilar, haga clic en Compilar solución. Si la aplicación se compila correctamente, ejecútelo haciendo clic en Iniciar depuración en el menú Depurar .

   El asistente crea automáticamente una cinta de opciones que tiene una categoría de cinta denominada Inicio. Esta cinta contiene tres paneles de cinta de opciones, denominados Portapapeles, Vista y Ventana.

Para agregar una categoría y un panel a la cinta de opciones

1. Para abrir el recurso de la cinta de opciones que creó el asistente, en el menú Ver , seleccione Otras ventanas y, a continuación, haga clic en Vista de recursos. En vista de recursos, haga clic en Cinta de opciones y, a continuación, haga doble clic en IDR_RIBBON.

2. En primer lugar, agregue una categoría personalizada a la cinta haciendo doble clic en Categoría en el Cuadro de herramientas.

   Se crea una categoría que tiene el título Category1 . De forma predeterminada, la categoría contiene un panel.

   Haga clic con el botón derecho en Categoría1 y, a continuación, haga clic en Propiedades. En la ventana Propiedades , cambie Título a Personalizado.

   Las propiedades Imágenes grandes e imágenes pequeñas especifican los mapas de bits que se usan como iconos para los elementos de la cinta de opciones de esta categoría. Dado que la creación de mapas de bits personalizados está fuera del ámbito de este tutorial, simplemente reutilice los mapas de bits creados por el asistente. Los mapas de bits pequeños son de 16 píxeles por 16 píxeles. Para imágenes pequeñas, use los mapas de bits a los que accede el identificador de IDB_FILESMALL recurso. Los mapas de bits grandes son de 32 píxeles por 32 píxeles. Para imágenes grandes, use los mapas de bits a los que accede el identificador de IDB_FILELARGE recurso.

   Nota:

   En las pantallas de puntos altos por pulgada (HDPI), se usan automáticamente las versiones de HDPI de las imágenes.

3. A continuación, personalice el panel. Los paneles se usan para agrupar elementos que están relacionados lógicamente entre sí. Por ejemplo, en la pestaña Inicio de esta aplicación, los comandos Cortar, Copiar y Pegar se encuentran en el panel Portapapeles . Para personalizar el panel, haga clic con el botón derecho en Panel1 y, a continuación, haga clic en Propiedades. En la ventana Propiedades , cambie Título a Favoritos.

   Puede especificar el índice de imagen para el panel. Este número especifica el icono que se muestra si el panel de la cinta de opciones se agrega a la barra de herramientas de acceso rápido. El icono no se muestra en el propio panel de la cinta de opciones.

4. Para comprobar que la categoría y el panel de la cinta se crearon correctamente, obtenga una vista previa del control de la cinta de opciones. En la barra de herramientas del Editor de la cinta de opciones, haga clic en el botón Probar cinta de opciones . Se debe mostrar una pestaña personalizada y el panel Favoritos en la cinta de opciones.

Para agregar elementos a los paneles de la cinta de opciones

1. Para agregar elementos al panel que creó en el procedimiento anterior, arrastre los controles desde la sección Editor de la cinta de opciones del Cuadro de herramientas al panel de la vista de diseño.

2. En primer lugar, agregue un botón Imprimir . El botón Imprimir tendrá un submenú que contiene un comando Imprimir rápido que imprime mediante la impresora predeterminada. Ambos comandos ya están definidos para esta aplicación. Se encuentran en el menú de la aplicación.

   Para crear el botón Imprimir , arrastre una herramienta Button al panel.

   En la ventana Propiedades , cambie la propiedad ID a ID_FILE_PRINT, que ya debería definirse. Cambie Título a Imprimir. Cambie el índice de imagen a 4.

   Para crear el botón Imprimir rápido , haga clic en la columna de valor de propiedad situada junto a Elementos de menú y, a continuación, haga clic en los puntos suspensivos (...). En el Editor de elementos, haga clic en el botón Agregar sin etiquetar para crear un elemento de menú. En la ventana Propiedades , cambie Título a Impresión rápida, Id. a ID_FILE_PRINT_DIRECT e Imagen a 5. La propiedad image especifica el icono De impresión rápida en el recurso de IDB_FILESMALL mapa de bits.

3. Para comprobar que los botones se agregaron al panel de la cinta de opciones, compile la aplicación y ejecútelo. Para compilar la aplicación, en el menú Compilar, haga clic en Compilar solución. Si la aplicación se compila correctamente, haga clic en Iniciar depuración en el menú Depurar para ejecutarla. El botón Imprimir y el cuadro combinado del panel Favoritos de la pestaña Personalizado de la cinta de opciones deben mostrarse.

Pasos siguientes

Personalización de la barra de herramientas de acceso rápido

Cómo: Personalizar el botón Aplicación

Para obtener ejemplos de un extremo a otro, consulte Ejemplos (Feature Pack de MFC).

Consulte también

Tutoriales
Ejemplos (Feature Pack de MFC)