Заполните линейный макет тремя элементами

Question

У меня есть небольшая проблема. Моя проблема заключается в заполнении пробелов. Я пробую все, но я действительно не понимаю. А теперь, пожалуйста, помогите мне?

Как заполнить три элемента в линейном макете? И, как заполнить авто ширину?

Я даю скрининг. У меня три социальных кнопки. Но не вставлять макет заполнять.

Код:

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" 
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:id="@+id/frameLayout" 
    android:background="@color/ColorPrimary"> 

    <LinearLayout 
    android:orientation="vertical" 
    android:layout_width="110dp" 
    android:layout_height="match_parent" 
    android:layout_gravity="right|center_vertical" 
    android:padding="0dp" 
    android:background="#00aced"> 

    <ImageView 
     android:layout_width="38dp" 
     android:layout_height="38dp" 
     android:src="@drawable/twitter" 
     android:id="@+id/imageView2" 
     android:layout_gravity="center_horizontal" /> 

    </LinearLayout> 

    <LinearLayout 
    android:orientation="vertical" 
    android:layout_width="100dp" 
    android:layout_height="match_parent" 
    android:layout_gravity="center" 
    android:paddingLeft="20dp" 
    android:paddingRight="20dp" 
    android:background="#125688"> 

    <ImageView 
     android:layout_width="38dp" 
     android:layout_height="38dp" 
     android:src="@drawable/instagram" 
     android:layout_gravity="center_horizontal" /> 

    </LinearLayout> 

    <LinearLayout 
    android:orientation="vertical" 
    android:layout_width="131dp" 
    android:layout_height="match_parent" 
    android:layout_gravity="left|center_vertical" 
    android:paddingLeft="20dp" 
    android:paddingRight="20dp" 
    android:background="#3b5998"> 

    <ImageView 
     android:layout_width="38dp" 
     android:layout_height="38dp" 
     android:src="@drawable/facebook" 
     android:layout_gravity="center_horizontal" /> 

    </LinearLayout> 

</FrameLayout> 

Answer 1

Код:

Удаленный нежелательный код. в таких случаях всегда используют Linear Layout и layout_wieght

, а также попробовать изучение о различных Layouts в Android

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" 
       android:layout_width="fill_parent" 
       android:layout_height="wrap_content" 
       android:id="@+id/mainLayout" 
       android:background="@color/ColorPrimary" 
       android:orientation="horizontal"> 

        <ImageView 
         android:layout_width="0dp" 
         android:layout_weight ="1" 
         android:layout_height="38dp" 
         android:src="@drawable/twitter" 
         android:id="@+id/imageView2" 
         android:layout_gravity="center_horizontal" /> 

        <ImageView 
         android:layout_width="0dp" 
         android:layout_weight ="1" 
         android:layout_height="38dp" 
         android:src="@drawable/instagram" 
         android:layout_gravity="center_horizontal" /> 

        <ImageView 
         android:layout_width="0dp" 
         android:layout_weight ="1" 
         android:layout_height="38dp" 
         android:src="@drawable/facebook" 
         android:layout_gravity="center_horizontal" /> 

       </LinearLayout> 

Answer 2

Вы можете использовать горизонтальную LinearLayout вместо FrameLayout и установить layout_weight свойство всех трех ImageViews на "1", поэтому они заполнят все возможное пространство.

Не забудьте удалить все ненужные LinearLayouts.