Diseño de cuadrícula en Android

En este artículo, vamos a aprender acerca de la cuadrícula – diseño, sus usos y establecer cuatro puntos de vista de la imagen en la vista de cuadrícula .

Diseño de cuadrícula es uno de los diseños especiales en los diseños de Android. En este esquema, las diferentes entidades se colocan en una estructura de rejilla. Es muy útil si su presentación hará uso de esa estructura. Como la demostración-carcasa varias imágenes o dar varios botones o botón de imagen para formar una class donde el usuario puede elegir entre ellos.

Esto es muy fácil de implementar sólo en interface de la estructura métrica. Sólo tienes que colocar las entidades en el modo de fila-columna. El número de filas y columnas se puede cambiar fácilmente. Esta disposición también es muy flexible ya que el tamaño de un índice en particular podría ser más o menos que el otro.

Las desventajas son pocas, ya que no se recomienda su uso case un uso general, pero si for es complejo, por lo que dicen no en una estructura matricial, que tiene que hacer algunos esfuerzos adicionales.

Hay pocas situaciones en las que el uso de diseño de cuadrícula es beneficioso en comparación con otros diseños. Uno de los más comunes es la galería. Va a ser muy rápida para colocar fotos con 10 enlaces o evento onclick oyente.

A continuación código es un ejemplo de su uso, para empezar de la nada, hacer un proyecto androide. Una actividad se creará automáticamente interface usted; hacer uso de esa junto con él un archivo y el diseño.

El Layout hará Cuatro Imágenes en forma de matriz 2 x 2.

archivo Java

package numeric.test;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
public class MainActivity extends AppCompatActivity {
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
}

Disposición

<?xml version="1.0" encoding="utf-8"?>
<GridLayout
>:android="http://schemas.android.com/apk/res/android"
>:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_row="0"
android:layout_column="33"
android:orientation="vertical"
android:columnCount="2">
<ImageView
android:layout_width="150dp"
android:layout_height="200dp"
android:id="@+id/imageView1"
android:layout_margin="25dp"
android:layout_row="0"
android:layout_column="0"
android:src="@drawable/aa" />
<ImageView
android:layout_width="150dp"
android:layout_height="200dp"
android:id="@+id/imageView2"
android:layout_margin="25dp"
android:layout_row="1"
android:layout_column="0"
android:src="@drawable/aa"/>
<ImageView
android:layout_width="150dp"
android:layout_height="201dp"
android:id="@+id/imageView4"
android:layout_margin="25dp"
android:layout_row="1"
android:layout_column="1"
android:src="@drawable/aa"/>
<ImageView
android:layout_width="150dp"
android:layout_height="200dp"
android:id="@+id/imageView3"
android:layout_margin="25dp"
android:layout_row="0"
android:layout_column="1"
android:src="@drawable/aa" />
</GridLayout>

archivo Menifest

<?xml version="1.0" encoding="utf-8"?>
<manifest >:android="http://schemas.android.com/apk/res/android"
package="numeric.test">
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
</application>
</manifest>

salida


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *