2015-07-02 6 views
0

Я новичок в android. Я также попробовал fill_parent, match_parent вместо wrap_content. Я хочу две кнопки с фоновым изображением в одной строке. Я пробовал использовать weightSum = "2", и каждая кнопка имела layout_weigh = "1". Но это не работает . Пожалуйста, кто-нибудь подскажет, где я иду не так. Мой файл XML нижеКнопки с фоновым изображением не рядом друг с другом?

<LinearLayout 
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content" 
    android:orientation="vertical" 
    android:weightSum="2"> 

    <Button 
     android:id="@+id/button5" 
     style="?android:attr/borderlessButtonStyle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="4dp" 
     android:layout_marginStart="4dp" 
     android:layout_marginTop="4dp" 
     android:layout_weight="1" 
     android:background="@drawable/theatre" 
     android:gravity="bottom|center_horizontal" 
     android:paddingBottom="18dp" 
     android:text="THEATRE" 
     android:textColor="@color/green" /> 

    <Button 
     android:id="@+id/butt3" 
     style="?android:attr/borderlessButtonStyle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginEnd="4dp" 
     android:layout_marginRight="4dp" 
     android:layout_marginTop="4dp" 
     android:layout_weight="1" 
     android:background="@drawable/hospital_icon" 
     android:gravity="bottom|center_horizontal" 
     android:paddingBottom="18dp" 
     android:text="HOSPITAL" 
     android:textColor="@color/green" /> 

    <Button 
     android:id="@+id/button1" 
     android:layout_weight="1" 
     style="?android:attr/borderlessButtonStyle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="4dp" 
     android:layout_marginStart="4dp" 
     android:layout_marginTop="4dp" 
     android:background="@drawable/pubs" 
     android:gravity="bottom|center_horizontal" 
     android:paddingBottom="18dp" 
     android:text="PUBS" 
     android:textColor="@color/green" /> 

    <Button 
     android:id="@+id/button2" 
     android:layout_width="wrap_content" 
     android:layout_weight="1" 
     android:layout_height="wrap_content" 
     style="?android:attr/borderlessButtonStyle" 
     android:layout_gravity="left|top" 
     android:layout_marginTop="4dp" 
     android:layout_row="1" 
     android:background="@drawable/hotel" 
     android:gravity="bottom|center_horizontal" 
     android:paddingBottom="18dp" 
     android:layout_marginStart="4dp" 
     android:layout_marginLeft="4dp" 
     android:text="HOTELS" 
     android:textColor="@color/green" /> 

    <Button 
     android:id="@+id/button6" 
     style="?android:attr/borderlessButtonStyle" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginEnd="4dp" 
     android:layout_marginRight="4dp" 
     android:layout_marginTop="4dp" 
     android:layout_weight="1" 
     android:background="@drawable/mall" 
     android:gravity="bottom|center_horizontal" 
     android:paddingBottom="18dp" 
     android:text="MALLS" 
     android:textColor="@color/green" /> 

    <Button 
     android:id="@+id/button4" 
     style="?android:attr/borderlessButtonStyle" 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:layout_marginEnd="4dp" 
     android:layout_marginRight="4dp" 
     android:layout_marginTop="4dp" 
     android:background="@drawable/monum" 
     android:gravity="bottom|center_horizontal" 
     android:paddingBottom="18dp" 
     android:text="MONUMENTS" 
     android:textColor="@color/green" /> 

    <Button 
     android:id="@+id/button7" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="left|center_vertical" 
     android:text="EXPENSE CALCULATOR" 
     android:textColor="@color/green" /> 
</LinearLayout> 
+0

ориентация = «горизонтальные» Смотрите здесь http://stackoverflow.com/questions/6116910/difference-between-androidorientation-vertical-vs-androidorientation-horizo ​​ – Nabin

+0

привет Nimit Я думаю, вы должны требовать равной размер кнопки в LinearLayout, я прав? – Sanket990

+0

Чтобы поместить в один ряд, измените ориентацию от вертикали до горизонтали в xml. –

ответ

0

Вы можете попробовать это,

<?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="wrap_content" 
    android:orientation="vertical" > 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:weightSum="2" > 

     <Button 
      android:id="@+id/button5" 
      style="?android:attr/borderlessButtonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="4dp" 
      android:layout_marginStart="4dp" 
      android:layout_marginTop="4dp" 
      android:layout_weight="1" 
      android:background="@drawable/ic_launcher" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="THEATRE" 
      android:textColor="@color/cream_dark" /> 

     <Button 
      android:id="@+id/butt3" 
      style="?android:attr/borderlessButtonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginEnd="4dp" 
      android:layout_marginRight="4dp" 
      android:layout_marginTop="4dp" 
      android:layout_weight="1" 
      android:background="@drawable/ic_launcher" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="HOSPITAL" 
      android:textColor="@color/cream_dark" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:weightSum="2" > 

     <Button 
      android:id="@+id/button1" 
      style="?android:attr/borderlessButtonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="4dp" 
      android:layout_marginStart="4dp" 
      android:layout_marginTop="4dp" 
      android:layout_weight="1" 
      android:background="@drawable/ic_launcher" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="PUBS" 
      android:textColor="@color/cream_dark" /> 

     <Button 
      android:id="@+id/button2" 
      style="?android:attr/borderlessButtonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_gravity="left|top" 
      android:layout_marginLeft="4dp" 
      android:layout_marginStart="4dp" 
      android:layout_marginTop="4dp" 
      android:layout_row="1" 
      android:layout_weight="1" 
      android:background="@drawable/ic_launcher" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="HOTELS" 
      android:textColor="@color/cream_dark" /> 
    </LinearLayout> 

    <LinearLayout 
     android:layout_width="match_parent" 
     android:layout_height="wrap_content" 
     android:weightSum="2" > 

     <Button 
      android:id="@+id/button6" 
      style="?android:attr/borderlessButtonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginEnd="4dp" 
      android:layout_marginRight="4dp" 
      android:layout_marginTop="4dp" 
      android:layout_weight="1" 
      android:background="@drawable/ic_launcher" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="MALLS" 
      android:textColor="@color/cream_dark" /> 

     <Button 
      android:id="@+id/button4" 
      style="?android:attr/borderlessButtonStyle" 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content" 
      android:layout_marginEnd="4dp" 
      android:layout_marginRight="4dp" 
      android:layout_marginTop="4dp" 
      android:layout_weight="1" 
      android:background="@drawable/ic_launcher" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="MONUMENTS" 
      android:textColor="@color/cream_dark" /> 
    </LinearLayout> 

    <Button 
     android:id="@+id/button7" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_gravity="center_horizontal" 
     android:text="EXPENSE CALCULATOR" 
     android:textColor="@color/cream_dark" /> 

</LinearLayout> 
+0

Да, это сработало. Но размер кнопок не одинаковый. Как сделать их одного размера? –

+0

Какие кнопки вы говорите? –

0

Использование ориентации в горизонтальной если вы хотите отобразить рядом друг с другом

android:orientation="horizontal" 

Кроме того, когда вы укажите вес для ширины, тогда вы не должны использовать wrap_content для button5 & Button3

 android:layout_width="0dp" 

Кроме того, есть и другие кнопки, а в макете, используйте другой макет для них.

0

Пожалуйста, попробуйте сделать копию ниже строки и вставьте с ней xml. Если вам потребуется одна строка с одинаковой шириной кнопки размера.

<LinearLayout 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:orientation="horizontal" 
     android:orientation="vertical" 
     > 

     <Button 
      android:id="@+id/button5" 
      style="?android:attr/borderlessButtonStyle" 
      android:layout_width="0dp" 
      android:weight="1" 
      android:layout_height="wrap_content" 
      android:layout_marginLeft="4dp" 
      android:layout_marginStart="4dp" 
      android:layout_marginTop="4dp" 
      android:layout_weight="1" 
      android:background="@drawable/theatre" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="THEATRE" 
      android:textColor="@color/green" /> 

     <Button 
      android:id="@+id/butt3" 
      style="?android:attr/borderlessButtonStyle" 
      android:layout_width="0dp" 
      android:weight="1" 
      android:layout_height="wrap_content" 
      android:layout_marginEnd="4dp" 
      android:layout_marginRight="4dp" 
      android:layout_marginTop="4dp" 
      android:layout_weight="1" 
      android:background="@drawable/hospital_icon" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="HOSPITAL" 
      android:textColor="@color/green" /> 

     <Button 
      android:id="@+id/button1" 
      android:layout_width="0dp" 
       android:weight="1" 
      style="?android:attr/borderlessButtonStyle" 

      android:layout_height="wrap_content" 
      android:layout_marginLeft="4dp" 
      android:layout_marginStart="4dp" 
      android:layout_marginTop="4dp" 
      android:background="@drawable/pubs" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="PUBS" 
      android:textColor="@color/green" /> 

     <Button 
      android:id="@+id/button2" 
      android:layout_width="0dp" 
      android:weight="1" 

      android:layout_height="wrap_content" 
      style="?android:attr/borderlessButtonStyle" 
      android:layout_gravity="left|top" 
      android:layout_marginTop="4dp" 
      android:layout_row="1" 
      android:background="@drawable/hotel" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:layout_marginStart="4dp" 
      android:layout_marginLeft="4dp" 
      android:text="HOTELS" 
      android:textColor="@color/green" /> 

     <Button 
      android:id="@+id/button6" 
      style="?android:attr/borderlessButtonStyle" 
      android:layout_width="0dp" 
       android:weight="1" 
      android:layout_height="wrap_content" 
      android:layout_marginEnd="4dp" 
      android:layout_marginRight="4dp" 
      android:layout_marginTop="4dp" 
      android:layout_weight="1" 
      android:background="@drawable/mall" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="MALLS" 
      android:textColor="@color/green" /> 

     <Button 
      android:id="@+id/button4" 
      style="?android:attr/borderlessButtonStyle" 
       android:layout_width="0dp" 
      android:weight="1" 
      android:layout_height="wrap_content" 
      android:layout_marginEnd="4dp" 
      android:layout_marginRight="4dp" 
      android:layout_marginTop="4dp" 
      android:background="@drawable/monum" 
      android:gravity="bottom|center_horizontal" 
      android:paddingBottom="18dp" 
      android:text="MONUMENTS" 
      android:textColor="@color/green" /> 

     <Button 
      android:id="@+id/button7" 
      android:layout_width="0dp" 
       android:weight="1" 
      android:layout_height="wrap_content" 
      android:layout_gravity="left|center_vertical" 
      android:text="EXPENSE CALCULATOR" 
      android:textColor="@color/green" /> 
    </LinearLayout> 
Смежные вопросы