Android: O que é o melhor layout a ser usado ao tentar obter botões de imagem 2x2 e muito mais?

Question

Estou tentando fazer meu layout parecer assim. Eu tentei visualizações, layouts de tabela e muito mais, mas não consigo fazer com que pareça certo. Eu quero algo assim.

ImageButton ImageButton2

ImageButton3 ImageButton4

    ImageView1

ImageButton5 ImageButton6

ImageButton6 ImageButton7 ImageButton8 (Estes são ícones menores)

   ImageButton9 (small donate button)

Eu simplesmente não consigo descobrir como fazer o layout funcionar com o ImageButtons. Que layout devo usar? E você poderia postar o código de exemplo do layout XML, se possível?

Answer 1

Você poderia fazer algo assim, embora possa haver outra maneira de fazê -lo:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >

  <LinearLayout android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <ImageButton android:src="@drawable/icon" android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
    <ImageButton android:src="@drawable/icon" android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
  </LinearLayout>

  <ImageView android:layout_width="wrap_content" android:src="@drawable/icon"
    android:layout_height="wrap_content" android:layout_gravity="center"/>

  <LinearLayout android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <ImageButton  android:src="@drawable/icon" android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
    <ImageButton  android:src="@drawable/icon" android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
  </LinearLayout>

  <LinearLayout android:orientation="horizontal"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content">
    <ImageButton  android:src="@drawable/icon" android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
    <ImageButton  android:src="@drawable/icon" android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
    <ImageButton  android:src="@drawable/icon" android:layout_width="wrap_content"
    android:layout_height="wrap_content"/>
  </LinearLayout>

  <ImageView android:layout_gravity="center"  android:src="@drawable/icon" android:layout_width="wrap_content"
    android:layout_height="wrap_content" />
</LinearLayout>

Aqui está o resultado. Reuni um projeto Android e apenas usei a imagem que é padrão para o ícone.

Answer 2

Talvez isso possa ajudá -lo:

DROIDDRAW - Designer/editor da interface do usuário (UI) para programação com Android

Você pode usar o editor gráfico para fazer seu layout e gerar o XML.