Creación de una barra de la aplicación o Configuración (DirectX y C++)

La barra de la aplicación y Configuración constituyen una parte fundamental de cualquier aplicación de la Tienda Windows. No obstante, en una aplicación de la Tienda Windows con DirectX con C++ sin interoperabilidad de XAML, debes proporcionar una implementación de los accesos a Configuración y la barra de la aplicación tú mismo. En este tema analizamos los métodos generales para crear una barra de la aplicación o Configuración en DirectX.

Colocas los comandos específicos de tu aplicación en la barra de la aplicación y cualquier comando específico del sistema en los accesos a Configuración. Si estás creando una aplicación de la Tienda Windows que implementa el marco de la interfaz usuario directamente a través del objeto CoreWindow en C++ y DirectX, y quieres una barra de la aplicación coherente, necesitarás representarla explícitamente en el código de tu aplicación.

Para obtener más detalles sobre la incorporación de la barra de la aplicación y Configuración en tu juego, consulta Creación de juegos espectaculares para Windows.

La barra de la aplicación y Configuración en aplicaciones de DirectX

En Windows 8, la barra de la aplicación puede proporcionar más UI de aplicación de una manera natural y coherente. (De nuevo, consulta Creación de juegos espectaculares para Windows para obtener instrucciones de diseño de la barra de la aplicación y Configuración). Se invoca de una de tres maneras estándares:

  • Realizando un gesto de borde vertical, es decir, deslizando rápidamente el dedo o lápiz desde la parte inferior de la pantalla o hacia abajo desde la parte superior.
  • Haciendo clic con el botón secundario del mouse.
  • Presionando la tecla Windows y la tecla de la Z juntas (Win+Z) en el teclado.

Configuración (accesos) se invoca de las siguientes maneras:

  • Realizando un gesto de borde horizontal, es decir, deslizando rápidamente el dedo o lápiz hacia la izquierda desde la derecha de la pantalla.
  • Presionando la tecla Windows y la tecla de la C juntas (Win+C) en el teclado.

Para las aplicaciones de la Tienda Windows con HTML o XAML para el marco de la interfaz de usuario, se proporciona un control de barra de la aplicación como parte de ese marco.

Creación de una barra de la aplicación o Configuración con la clase EdgeGesture

La clase EdgeGesture tiene eventos que se desencadenan cuando el usuario realiza un gesto de deslizar rápidamente. Los gestos de deslizar rápidamente se producen de dos maneras:

  • Para las entradas táctiles, el usuario presiona la superficie y realiza un movimiento de deslizamiento.
  • Para las entradas con el mouse, el usuario hace clic con el botón izquierdo del mouse y lo mantiene presionado mientras realiza un movimiento de deslizamiento.

El siguiente ejemplo de código muestra cómo registrar y controlar un gesto de borde:


// register handler for edge gesture completion events
Windows::Devices::Input::EdgeGesture::GetForCurrentView()->Completed +=
        ref new TypedEventHandler<EdgeGesture^, EdgeGestureEventArgs^>(this, &MyEdgeUIController::OnCompleted);


void MyEdgeUIController::OnCompleted(
    _In_ Windows::Devices::Input::EdgeGesture^ userEdgeGesture,
    _In_ Windows::Devices::Input::EdgeGestureEventArgs^ args
    )
{
    // determine the gesture and draw the corresponding app bar or charm(s)
}

El EdgeGesture::Completed se produce como resultado de una entrada de teclado o táctil. En el caso de la entrada de teclado (Win+Z o Win+C), es el único evento que se desencadena. En el caso de la entrada táctil, se produce cuando el usuario levanta su dedo al final del deslizamiento y es precedido por el evento EdgeGesture::Starting.

Dibujar una barra de la aplicación o Configuración

Una vez que has determinado que el usuario quiere invocar la barra de la aplicación o el acceso desde tu aplicación de la Tienda Windows con DirectX, debes dibujar la barra de la aplicación o Configuración. Debes crear y dibujar un mapa de bits con Direct2D y DirectWrite que represente la barra de la aplicación o Configuración en la superposición para tu aplicación, y procesar cualquier evento de mouse o táctil que se produzca en la región de ese mapa de bits de la pantalla mientras se dibuja.

El siguiente código muestra cómo puedes agregar una Configuración con el tipo SettingsCommand.


using namespace Windows::UI::ApplicationSettings;
    SettingsPane::GetForCurrentView()->CommandsRequested += ref new TypedEventHandler<SettingsPane^,SettingsPaneCommandsRequestedEventArgs^>(
    [=](SettingsPane^ sender, SettingsPaneCommandsRequestedEventArgs^ args)
    {
        using namespace Windows::UI::Popups;
        args->Request->ApplicationCommands->Append(
            ref new SettingsCommand(
                "MySettingName",
                "Setting Name Here",
                ref new UICommandInvokedHandler(
                    [=](IUICommand^ command)
                    {
                        // show results of settings selection
                    })
                )
            );
    });


Temas relacionados

Directrices y lista de comprobación para barras de la aplicación (aplicaciones de la Tienda Windows)
Creación de juegos espectaculares para Windows

 

 

Mostrar:
© 2015 Microsoft