|     Inicio    |   |         |  |   FOROS      |  |      |      
   Elastix - VoIP B4A (Basic4Android) App inventor 2 PHP - MySQL
  Estación meteorológica B4J (Basic4Java) ADB Shell - Android Arduino
  Raspberry Pi Visual Basic Script (VBS) FireBase (BD autoactualizable) NodeMCU como Arduino
  AutoIt (Programación) Visual Basic Cosas de Windows Webs interesantes
Translate:
Búsqueda en este sitio:


.

App inventor 2 en español
Cómo programar los teléfonos móviles con Android
mediante App inventor 2 - Juan Antonio Villalpando

-- Tutorial de iniciación de App Inventor 2 en español --

Volver al índice del tutorial

_________________________________________________
127F.- Aplicación con fondo transparente. (II)

p127F_fondotransparente.aia

- Esto se trata de hacer una aplicación con fondo transparente. El efecto se verá cuando se Genere la aplicación.

____________________________________
- Diseño.

- Debemos poner las Propiedades de la Screen1:

ColordeFondo: ninguno (en inglés BackgroundColor: None)

También debemos poner ColorDeFondo: ninguno el VerticalArrangement, Etiqueta y el btn_close

____________________________________
- Bloques.

___________________________________

- Una vez creada la aplicación.

- La compilamos mediante Generar / Guardar .apk en mi ordenador.

- Ahora vamos al programa:

APK Editor Studio

- Cargamos el p127F_fondotransparente.apk

- Vamos al AndroidManifest.xml

y cambiamos esta parte:

android:theme="@android:style/Theme"

android:theme="@android:style/Theme.Translucent.NoTitleBar">

- Guardar y Guardar .apk.

- Escribimos un nuevo nombre para este .apk

- Cargamos el nuevo .apk

- Cerramos y abrimos la aplicación.

_____________________________________________________
- Otro ejemplo un Splash Screen.

p127F_fondotransparente_Splash.aia

___________________________________________________________

- Propuesta.

- En vez de poner el fondo de la Screen1 y de los componentes totalmente transparente, podemos ponerlo semitransparente modificando las dos últimas cifras del código de color, por ejemplo 23993255

- Realiza una aplicación con un Lienzo y una bola rebotando contínuamente, con fondo transparente.

https://www.b4x.com/android/forum/pages/results/?query=translucent.Notitlebar+screen+b4a

https://www.b4x.com/android/forum/threads/sample-splash-screen.71517/#content

https://stackoverflow.com/questions/20862258/android-how-to-get-appcompat-translucent-type-theme-with-support-actionbar/21492572#21492572

___________________________________________________________

- Kodular.

p127F_fondotransparenteKod.aia

 

- Screen1.ColorDeFondo: None (#FFFFFF00)

- VerticalArrangement1.ColorDeFondo: None (#FFFFFF00)

- btn_close.ColorDeFondo: None (#FFFFFF00)

- Label1.ColorDeFondo: None (#FFFFFF00)

 

- Abrimos el archivo res/values/styles.xml y añadimos estas líneas:

<style name="AppTheme.Translucent" >
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:windowBackground">@android:color/transparent</item>
<item name="android:colorBackgroundCacheHint">@null</item>
<item name="android:windowIsTranslucent">true</item>
<item name="android:windowAnimationStyle">@android:style/Animation</item>
</style>

 

 

- Abrimos el archivo AndroidManifest.xml y cambiamos estas líneas:

 

android:theme="@style/AppTheme.Translucent"

 

 

__________________________________

 

- Mi correo:
juana1991@yahoo.com
- KIO4.COM - Política de cookies. Textos e imágenes propiedad del autor:
© Juan A. Villalpando
No se permite la copia de información ni imágenes.
Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación y realizan análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. Acepto    Más información