背景图像的按钮彼此不相邻?

时间:2015-07-02 03:42:48

标签: android

我是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>

3 个答案:

答案 0 :(得分: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>

答案 1 :(得分:0)

如果您想要彼此相邻显示,请将方向设为水平

android:orientation="horizontal" 

此外,当您为宽度指定权重时,不应将 wrap_content 用于 button5 &amp;的 BUTTON3

        android:layout_width="0dp"

此外,您的布局中还有一些其他按钮,使用不同的布局。

答案 2 :(得分: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>