Archivo de la etiqueta: status bar

Ocultar barra de estado en Android

Hola a todos:

Hace algún tiempo escribí una entrada sobre como Ocultar barra de estado en iOS, hoy vamos a ver como hacer lo mismo en Android:

Por defecto cuando hacemos un proyecto en Eclipse para Android este se ejecuta con la barra de estado superior quitándonos espacio para la aplicación. En este caso vamos a hacer que nuestro programa se ejecute en pantalla completa ocultando la barra de estado. Para este ejemplo usamos un proyecto creado con Apache Cordova (PhoneGap).

En nuestro proyecto nos vamos al directorio src → nombre-proyecto → archivo.java y lo editamos. Añadimos la línea import android.view.WindowManager;  en los imports y luego añadimos después de savedInstanceState lo siguiente:

getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN |WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);

Eso debe bastar para que al ejecutar nuestra aplicación se abra en pantalla completa, sin la barra de estado superior (reloj, estado de red, etc).

Un ejemplo de como quedaría el código completo seria:

package com.reviapps.prueba;
import android.os.Bundle;
import android.view.WindowManager;
import org.apache.cordova.*;
public class Prueba extends CordovaActivity
{
    @Override
    public void onCreate(Bundle savedInstanceState)
    {
        super.onCreate(savedInstanceState);
        super.init();
          getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,        WindowManager.LayoutParams.FLAG_FULLSCREEN |        WindowManager.LayoutParams.FLAG_FORCE_NOT_FULLSCREEN);               // Set by <content src="index.html" /> in config.xml        super.loadUrl(Config.getStartUrl());        //super.loadUrl("file:///android_asset/www/index.html");   
    }
}

Las lineas marcadas en rojo son las que tenemos que añadir.

De esta sencilla manera conseguiremos que no aparezca la barra de estado ganando espacio en nuestra app o juego.

Ocultar barra de estado en iOS

Hola a todos,

Hoy vamos a ver como ocultar la barra de estado en tus apps para iOS.

Cuando empezamos a desarrollar aplicaciones o juegos para iOS (iphone o iPad), puede que nos surja la duda de como ocultar la barra de estado que se muestra en la parte superior de la pantalla.

Bueno pues vamos a ver la manera de conseguirlo:

En Xcode desplegamos la carpeta de nuestro proyecto y dentro de la carpeta Resources encontraremos un archivo con el nombre de nuestro proyecto + “-info.plist”.

cap1

En mi caso el proyecto se llama SnowSoccer.

Hacemos doble click en este archivo y se abrirá una ventana con opciones de configuración.

Nos ponemos sobre la ultima opción y pulsamos botón derecho y elegimos la opción “Add Row”

Captura de pantalla 2014-01-28 a la(s) 12.47.15

Y en la nueva opción que nos crea elegimos  “View controller-based status bar appearance” y ponemos su valor a “NO”.

cap2

Ahora si no existe en la lista añadimos la opción “Status bar is initially hidden” y la ponemos a “YES”.

Captura de pantalla 2014-01-28 a la(s) 13.01.56

Guardamos los cambios con “cmd + s” y ejecutamos y si todo ha ido bien comprobaremos que ya no aparece la barra.

Eso es todo, espero que os sirva de ayuda.