¿Cómo usar el Porcentaje para el diseño de Android?

¿Cómo podemos usar los valores porcentuales para los elementos de vista de Android? algo como esto

 

ACTUALIZACIÓN 2018:

PercentRelativeLayout y PercentFrameLayout están en desuso. Considera usar ConstraintLayout

Vieja respuesta:

Hasta ahora, la biblioteca de soporte de Android tiene una limitación sobre dónde usar esto:

  1. con RelativeLayout

     android.support.percent.PercentRelativeLayout 
  2. con FrameLayout

     android.support.percent.PercentFrameLayout 

¿Cómo usarlo?

Bueno, primero asegúrate de incluir la dependencia en build.grade(Module: app)

 dependencies { compile 'com.android.support:percent:23.3.0' } 

Luego vaya a su diseño xml en este ejemplo (.MainActivity)

      

Para detalles, verifique aquí :

La biblioteca de soporte acaba de agregar un diseño de porcentaje.

Se puede hacer así

     

https://developer.android.com/reference/android/support/percent/PercentFrameLayout.html

Puede usar PercentRelativeLayout , es una adición reciente no documentada a Design Support Library , permite la capacidad de especificar no solo los elementos relativos entre sí sino también el porcentaje total de espacio disponible.

Estructura es

     

El paquete Porcentaje proporciona API para admitir la adición y administración de dimensiones basadas en porcentaje en su aplicación.

Para usarlo, debe agregar esta biblioteca a your Gradle dependency lista de your Gradle dependency :

 dependencies { compile 'com.android.support:percent:22.2.0' // or compile 'com.android.support:percent:23.1.0' } 

Para fines de demostración, puede visitar Git android-percent-support-lib-sample .

Con PercentFrameLayout y PercentRelativeLayout siendo depreciado en 26.0.0, necesita usar RestraintLayout para dimensionar su TextView con valores porcentuales.

ConstraintLayout es una herramienta realmente poderosa para construir una interfaz de usuario receptiva para la plataforma Android. Puede encontrar más detalles aquí. Cree una interfaz de usuario receptiva con Restricción .

Aquí está el ejemplo de cómo dimensionar su TextView (w = 75%, h = 50%) usando RestraintLayout:

      

No olvide agregar la dependencia del constraint-layout al archivo build.gradle su módulo

 dependencies { ... implementation 'com.android.support.constraint:constraint-layout:1.0.2' ... } 

O edite su diseño directamente en el Editor de diseño, como se muestra a continuación:

Editor de diseño

Como resultado, su ancho de TextView es del 75% del ancho y la altura de los padres y el 50% de la altura de los padres:

Imagen-1

Imagen-2

Google tiene una nueva API llamada android.support.percent

Ejemplo PercentRelative Lay out

     

Puede usar PercentRelativeLayout Es una Subclase de RelativeLayout que admite dimensiones y márgenes basados ​​en porcentajes.

Para usar, debe agregar esta biblioteca a su Gradle dependency :

 dependencies { compile 'com.android.support:percent:23.1.0' } 

La estructura de la muestra es