Compartir a través de


Tutorial: Crear una aplicación de cinta usando MFC

En este tutorial se muestra cómo usar el asistente para aplicaciones MFC para crear una aplicación que presenta una cinta de opciones de forma predeterminada. A continuación, se puede expandir la cinta de opciones; para ello, vamos a agregar una categoría de cinta Personalizado con un panel de cinta Favoritos y agregaremos al panel algunos comandos de uso frecuente.

Requisitos previos

En este tutorial se supone que ha configurado Visual Studio para utilizar la Configuración general de desarrollo. Si usa valores diferentes, algunos de los elementos de la interfaz de usuario a los que se hace referencia en las instrucciones siguientes pueden no mostrarse.

Para crear una aplicación MFC con una cinta de opciones

  1. Utilice el asistente para aplicaciones MFC para crear una aplicación MFC con una cinta. 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 página Compatibilidad con documentos compuestos, asegúrese de que Ninguno está seleccionado.

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

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

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

    6. De forma predeterminada, el asistente para aplicaciones MFC agrega compatibilidad para varios paneles de acoplamiento. Debido a que en este tutorial solo se enseña la cinta, 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, compílela 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, en el menú Depurar, haga clic en Iniciar depuración para ejecutarla.

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

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

  1. Para abrir el recurso de cinta creado por el asistente, en el menú Vista, elija Otras ventanas y haga clic en Vista de recursos. En Vista de recursos, haga clic en Cinta y haga doble clic en IDR_RIBBON.

  2. Primero, agregue una categoría personalizada a la cinta de opciones 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 secundario en Category1 y, a continuación, haga clic en Propiedades. En la ventana Propiedades, cambie la propiedad Caption a Personalizado.

    Las propiedades Large Images y Small Images especifican los mapas de bits que se utilizan como iconos de los elementos de la cinta en 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 por 16 píxeles. Para las imágenes pequeñas, utilice los mapas de bits a los que se tiene acceso mediante el identificador de recursos IDB_FILESMALL. Los mapas de bits grandes son de 32 por 32 píxeles. Para las imágenes grandes, utilice los mapas de bits a los que se tiene acceso mediante el identificador de recursos IDB_FILELARGE.

    Nota:

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

  3. A continuación, personalice el panel. Los paneles se usan para agrupar los elementos que se relacionan 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 haga clic en Propiedades. En la ventana Propiedades, cambie la propiedad Caption a Favoritos.

    Puede especificar Image Index para el panel. Este número especifica el icono que se muestra si el panel de la cinta se agrega a la Barra de herramientas de acceso rápido. El icono no aparece en el propio panel de la cinta.

  4. Para comprobar que la categoría y el panel de la cinta se crearon correctamente, obtenga una vista previa del control de cinta. En la Barra de herramientas del editor de la cinta de opciones, haga clic en el botón Probar cinta de opciones. Debe aparecer una pestaña Personalizado y un panel Favoritos en la cinta.

Para agregar elementos a los paneles de la cinta

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

  2. Primero, agregue un botón Imprimir. El botón Imprimir tendrá un submenú que contiene un comando Impresión rápida, que usa la impresora predeterminada para imprimir. Ambos comandos ya se han definido para esta aplicación. Se encuentran en el menú de la aplicación.

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

    En la ventana Propiedades, cambie la propiedad ID a ID_FILE_PRINT, que ya debe estar definida. Cambie Caption a Imprimir. Cambie Image Index a 4.

    Para crear el botón Impresión rápida, 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 Caption a Impresión rápida, ID a ID_FILE_PRINT_DIRECT e Image a 5. La propiedad Image especifica el icono de impresión rápida en el recurso de mapa de bits IDB_FILESMALL.

  3. Para comprobar que los botones se agregaron al panel de la cinta, compile la aplicación 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, haga clic en Iniciar depuración en el menú Depurar para ejecutarla. Deberían mostrarse el botón Imprimir y el cuadro combinado del panel Favoritos en la pestaña Personalizado de la cinta.

Pasos siguientes

Procedimiento para personalizar la barra de herramientas de acceso rápido

Procedimiento para personalizar el botón Aplicación

Para obtener ejemplos generales, consulte Ejemplos (MFC Feature Pack).

Consulte también

Tutoriales
Ejemplos (MFC Feature Pack)