Как создать домашний экран приложения Android с 4 значками?

Question

У меня есть 4 иконки. Я хочу создать 4 прямоугольника с иконками на нем. Также я хочу добавить текст ниже значков. Какие компоненты следует использовать? Как его реализовать? I trie GridLayout и TableLayout, но я не знаю, как это сделать. Я хочу создать собственное приложение с использованием материального дизайна.

Я разработал демонстрационную панель в фотошопе. Начальный экран моего приложения должен выглядеть следующим образом:

Помогите! Я начинаю андроид.

Answer 1

Edited Попробуйте этот код ...

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


    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="0.5"> 

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:gravity="center" 
      android:background="@android:color/darker_gray" 
      android:layout_weight="0.5"> 

     <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:src="@mipmap/ic_launcher" 
      android:layout_weight="0.5"/> 
      </LinearLayout> 

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:gravity="center" 
      android:background="@android:color/black" 
      android:layout_weight="0.5"> 

      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@mipmap/ic_launcher" 
       android:layout_weight="0.5"/> 
     </LinearLayout> 

    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="0dp" 
     android:layout_weight="0.5"> 
     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:gravity="center" 
      android:background="@android:color/black" 
      android:layout_weight="0.5"> 

      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@mipmap/ic_launcher" 
       android:layout_weight="0.5"/> 
     </LinearLayout> 

     <LinearLayout 
      android:layout_width="0dp" 
      android:layout_height="match_parent" 
      android:gravity="center" 
      android:background="@android:color/darker_gray" 
      android:layout_weight="0.5"> 

      <ImageView 
       android:layout_width="wrap_content" 
       android:layout_height="wrap_content" 
       android:src="@mipmap/ic_launcher" 
       android:layout_weight="0.5"/> 
     </LinearLayout> 
    </LinearLayout> 
</LinearLayout> 

Answer 2

вы можете сделать выше задачи просто LinearLayout, выполнив действия макет 1.divide вертикально в четырех частях (первая и третья часть для изображения и 2-го и 4-я часть для текста) 2. Разделить каждую вертикальную часть на 2 горизонтальные части.

Я выполнил аналогичную задачу, используя то же самое, что и работал идеально для меня.