programacion - porcentaje en android studio

¿Cómo utilizar el porcentaje para el diseño de Android?

Question

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

<TextView
        android:id="@+id/"
        android:layout_width="75%"
        android:layout_height="50%"/>

Answer 1

Dado que tanto PercentFrameLayout como PercentRelativeLayout están en desuso en 26.0.0, debe usar ConstraintLayout para dimensionar su TextView con valores de porcentaje.

ConstraintLayout es una herramienta realmente poderosa para crear una interfaz de usuario receptiva para la plataforma Android, puede encontrar más detalles aquí ConstraintLayout .

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

<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <android.support.constraint.Guideline
        android:id="@+id/ver_guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="vertical"
        app:layout_constraintGuide_percent="0.75"/>

    <android.support.constraint.Guideline
        android:id="@+id/hor_guideline"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        app:layout_constraintGuide_percent="0.5"/>

    <TextView
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:layout_marginBottom="0dp"
        android:layout_marginEnd="0dp"
        android:layout_marginStart="0dp"
        android:layout_marginTop="0dp"
        app:layout_constraintBottom_toTopOf="@+id/hor_guideline"
        app:layout_constraintEnd_toStartOf="@+id/ver_guideline"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

</android.support.constraint.ConstraintLayout>

No olvide agregar dependencia de 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:

Como resultado, el ancho de TextView es del 75% del ancho principal y la altura es del 50% del alto principal:

Answer 2

Google tiene una nueva API llamada android.support.percent

Ejemplo PercentRelativeLayout

 <android.support.percent.PercentFrameLayout
         xmlns:android="http://schemas.android.com/apk/res/android"
         xmlns:app="http://schemas.android.com/apk/res-auto"
         android:layout_width="match_parent"
         android:layout_height="match_parent">
     <TextView
         android:id="@+id/myTextView"
         app:layout_widthPercent="75%"
         app:layout_heightPercent="50%"/>
 </android.support.percent.PercentFrameLayout>

Answer 3

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

Se puede hacer así

 <android.support.percent.PercentFrameLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
     <ImageView
         app:layout_widthPercent="50%"
         app:layout_heightPercent="50%"
         app:layout_marginTopPercent="25%"
         app:layout_marginLeftPercent="25%"/>
 </android.support.percent.PercentFrameLayout>

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

Answer 4

Puede usar PercentRelativeLayout , es una adición reciente no documentada a la Biblioteca de soporte de diseño , permite la capacidad de especificar no solo elementos relativos entre sí sino también el porcentaje total de espacio disponible.

Estructura es

<android.support.percent.PercentRelativeLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <ImageView
        android:id="@+id/imageview"
        android:layout_gravity="center"
        app:layout_widthPercent="50%"
        app:layout_heightPercent="50%"
        android:src="@mipmap/ic_launcher"
        android:background="#cecece"/>
    <TextView
        android:id="@+id/textview1"
        android:layout_below="@id/imageview"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_marginStartPercent="25%"
        app:layout_marginEndPercent="25%"
        android:text="PercentRelativeLayout example"
        android:background="#bebebe"/>


</android.support.percent.PercentRelativeLayout>

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

Para usar, 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 .

Answer 5

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''
}

Estructura de la muestra es

<android.support.percent.PercentRelativeLayout
     xmlns:android="http://schemas.android.com/apk/res/android"
     xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="match_parent">
     <ImageView
         app:layout_widthPercent="50%"
         app:layout_heightPercent="50%"
         app:layout_marginTopPercent="25%"
         app:layout_marginLeftPercent="25%"/>
</android.support.percent.PercentRelativeLayout>

Answer 6

ACTUALIZACIÓN 2018:

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

Vieja respuesta:

Hasta ahora, la biblioteca de soporte de Android ha limitado dónde usar esto:

1. con RelativeLayout

   android.support.percent.PercentRelativeLayout

2. con FrameLayout

   android.support.percent.PercentFrameLayout

¿Cómo usarlo?

Bueno, primero asegúrese de incluir la dependencia en build.grade(Module: app) en su aplicación de Android.

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

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

<android.support.percent.PercentRelativeLayout

  xmlns:android="http://schemas.android.com/apk/res/android"
  xmlns:app="http://schemas.android.com/apk/res-auto"
  xmlns:tools="http://schemas.android.com/tools"
  android:layout_width="match_parent"
  android:layout_height="match_parent"
  android:paddingBottom="@dimen/activity_vertical_margin"
  android:paddingLeft="@dimen/activity_horizontal_margin"
  android:paddingRight="@dimen/activity_horizontal_margin"
  android:paddingTop="@dimen/activity_vertical_margin"
  tools:context=".MainActivity">


  <Button
    android:id="@+id/button"
    android:text="Button"
    android:layout_height="wrap_content"
    android:layout_alignParentTop="true"
    app:layout_widthPercent="30%"/>

  <Button    
    android:id="@+id/button2"
    android:text="Button 2"
    android:layout_height="wrap_content"
    android:layout_toRightOf="@id/button"
    app:layout_widthPercent="60%"/>

  <Button
    android:id="@+id/button3"
    android:text="Button 3"
    android:layout_height="wrap_content"
    android:layout_below="@+id/button"
    android:layout_alignParentStart="true"
    android:layout_alignParentLeft="true"
    app:layout_widthPercent="90%"/>

</android.support.percent.PercentRelativeLayout>

Para más detalles, consulte here :